webmotors-cockpit-structure - npm Package Compare versions

Comparing version 1.0.25 to 1.0.26

CockpitFooter.js

@@ -19,4 +19,2 @@ 'use strict';
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -28,3 +26,3 @@
 
-var note = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+// const note = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
@@ -40,5 +38,5 @@ var CockpitFooter = function (_Component) {
         _this.state = {
-            loaded: true
+            // loaded: true,
         };
-        _this.npsContent = (0, _react.createRef)();
+        // this.npsContent = createRef();
         return _this;
@@ -49,148 +47,106 @@ }
         key: 'componentDidMount',
-        value: function componentDidMount() {
-            var _this2 = this;
+        value: function componentDidMount() {}
+        // ajax(`${this.props.ApiCockpit}/Nps`, {}, 'GET').then((e) => {
+        //     const { payload } = e;
+        //     if (!payload.data) {
+        //         this.setState({
+        //             npsHas: true,
+        //             npsOpen: true,
+        //         }, () => {
+        //             accordionAnimate(this.state.npsOpen, this.npsContent.current);
+        //         });
+        //     }
+        // });
 
-            (0, _CockpitUtils.ajax)(this.props.ApiCockpit + '/Nps', {}, 'GET').then(function (e) {
-                var payload = e.payload;
 
-                if (!payload.data) {
-                    _this2.setState({
-                        npsHas: true,
-                        npsOpen: true
-                    }, function () {
-                        (0, _CockpitUtils.accordionAnimate)(_this2.state.npsOpen, _this2.npsContent.current);
-                    });
-                }
-            });
-        }
-    }, {
-        key: 'handleNpsOpen',
-        value: function handleNpsOpen() {
-            var _this3 = this;
+        // handleNpsOpen() {
+        //     this.setState(prevState => ({
+        //         npsOpen: !prevState.npsOpen,
+        //     }), () => {
+        //         accordionAnimate(this.state.npsOpen, this.npsContent.current);
+        //     });
+        // }
 
-            this.setState(function (prevState) {
-                return {
-                    npsOpen: !prevState.npsOpen
-                };
-            }, function () {
-                (0, _CockpitUtils.accordionAnimate)(_this3.state.npsOpen, _this3.npsContent.current);
-            });
-        }
-    }, {
-        key: 'handleNpsClose',
-        value: function handleNpsClose() {
-            var _this4 = this;
+        // handleNpsClose() {
+        //     this.setState({
+        //         npsOpen: false,
+        //         npsHas: false,
+        //     }, () => {
+        //         accordionAnimate(this.state.npsOpen, this.npsContent.current);
+        //     });
+        // }
 
-            this.setState({
-                npsOpen: false,
-                npsHas: false
-            }, function () {
-                (0, _CockpitUtils.accordionAnimate)(_this4.state.npsOpen, _this4.npsContent.current);
-            });
-        }
-    }, {
-        key: 'handleNpsChange',
-        value: function handleNpsChange(e, npsNote) {
-            [].concat(_toConsumableArray(document.querySelectorAll('.cockpit-footer__nps-radio'))).forEach(function (item) {
-                return item.parentNode.classList.remove('cockpit-footer__nps-note--active');
-            });
-            e.target.parentNode.classList.add('cockpit-footer__nps-note--active');
-            this.setState({
-                npsComments: true,
-                npsNote: npsNote
-            });
-        }
-    }, {
-        key: 'handleSubmit',
-        value: function handleSubmit(e) {
-            var _this5 = this;
+        // handleNpsChange(e, npsNote) {
+        //     [...document.querySelectorAll('.cockpit-footer__nps-radio')].forEach(item => item.parentNode.classList.remove('cockpit-footer__nps-note--active'));
+        //     e.target.parentNode.classList.add('cockpit-footer__nps-note--active');
+        //     this.setState({
+        //         npsComments: true,
+        //         npsNote,
+        //     });
+        // }
 
-            e.preventDefault();
+        // handleSubmit(e) {
+        //     e.preventDefault();
+        //     const { value } = document.querySelector('.cockpit-footer__nps-textarea');
+        //     this.npsContent.current.style.height = 'auto';
+        //     this.setState({
+        //         loaded: false,
+        //     }, () => {
+        //         ajax(`${this.props.ApiCockpit}/Nps`, {
+        //             nota: this.state.npsNote,
+        //             comentario: value,
+        //         }).then((f) => {
+        //             const { payload } = f;
+        //             if (payload.success) {
+        //                 this.setState({
+        //                     npmVote: true,
+        //                 });
+        //             }
+        //         });
+        //     });
+        // }
 
-            var _document$querySelect = document.querySelector('.cockpit-footer__nps-textarea'),
-                value = _document$querySelect.value;
+        // renderNpsContent() {
+        //     const { loaded, npsComments } = this.state;
+        //     return (
+        //         loaded
+        //             ? (
+        //                 <Fragment>
+        //                     <div className="cockpit-footer__nps-score">
+        //                         {
+        //                             note.map(item => (
+        //                                 <label key={item} htmlFor={`nota_${item}`} className="cockpit-footer__nps-note cockpit-footer__nps-note--active">
+        //                                     <input type="radio" name="nota" id={`nota_${item}`} data-type="number" className="cockpit-footer__nps-radio" onChange={e => this.handleNpsChange(e, item)} />
+        //                                     <span className={`cockpit-footer__nps-square cockpit-footer__nps-square--${item}`}>{item}</span>
+        //                                 </label>
+        //                             ))
+        //                         }
+        //                     </div>
+        //                     <div className={`cockpit-footer__nps-comment ${npsComments ? 'cockpit-footer__nps-comment--active' : ''}`}>
+        //                         <p className="cockpit-footer__nps-descript">Descreva o que motivou a atribuição desta nota (opcional)</p>
+        //                         <textarea name="comentario" className="cockpit-footer__nps-textarea" maxlength="512" />
+        //                         <div className="t-ac">
+        //                             <button className="btn btn--red" type="submit">Enviar</button>
+        //                         </div>
+        //                     </div>
+        //                 </Fragment>
+        //             )
+        //             : (
+        //                 <div className="load load--dark" />
+        //             )
+        //     );
+        // }
 
-            this.npsContent.current.style.height = 'auto';
-            this.setState({
-                loaded: false
-            }, function () {
-                (0, _CockpitUtils.ajax)(_this5.props.ApiCockpit + '/Nps', {
-                    nota: _this5.state.npsNote,
-                    comentario: value
-                }).then(function (f) {
-                    var payload = f.payload;
+        // renderNpsText() {
+        //     return (
+        //         this.state.loaded
+        //             ? 'Com base na sua experiência com a Webmotors, como você classifica os serviços prestados, em uma escala de 0 a 10?'
+        //             : 'Estamos enviando sua pesquisa'
+        //     );
+        // }
 
-                    if (payload.success) {
-                        _this5.setState({
-                            npmVote: true
-                        });
-                    }
-                });
-            });
-        }
     }, {
-        key: 'renderNpsContent',
-        value: function renderNpsContent() {
-            var _this6 = this;
-
-            var _state = this.state,
-                loaded = _state.loaded,
-                npsComments = _state.npsComments;
-
-            return loaded ? _react2.default.createElement(
-                _react.Fragment,
-                null,
-                _react2.default.createElement(
-                    'div',
-                    { className: 'cockpit-footer__nps-score' },
-                    note.map(function (item) {
-                        return _react2.default.createElement(
-                            'label',
-                            { key: item, htmlFor: 'nota_' + item, className: 'cockpit-footer__nps-note cockpit-footer__nps-note--active' },
-                            _react2.default.createElement('input', { type: 'radio', name: 'nota', id: 'nota_' + item, 'data-type': 'number', className: 'cockpit-footer__nps-radio', onChange: function onChange(e) {
-                                    return _this6.handleNpsChange(e, item);
-                                } }),
-                            _react2.default.createElement(
-                                'span',
-                                { className: 'cockpit-footer__nps-square cockpit-footer__nps-square--' + item },
-                                item
-                            )
-                        );
-                    })
-                ),
-                _react2.default.createElement(
-                    'div',
-                    { className: 'cockpit-footer__nps-comment ' + (npsComments ? 'cockpit-footer__nps-comment--active' : '') },
-                    _react2.default.createElement(
-                        'p',
-                        { className: 'cockpit-footer__nps-descript' },
-                        'Descreva o que motivou a atribui\xE7\xE3o desta nota (opcional)'
-                    ),
-                    _react2.default.createElement('textarea', { name: 'comentario', className: 'cockpit-footer__nps-textarea' }),
-                    _react2.default.createElement(
-                        'div',
-                        { className: 't-ac' },
-                        _react2.default.createElement(
-                            'button',
-                            { className: 'btn btn--red', type: 'submit' },
-                            'Enviar'
-                        )
-                    )
-                )
-            ) : _react2.default.createElement('div', { className: 'load load--dark' });
-        }
-    }, {
-        key: 'renderNpsText',
-        value: function renderNpsText() {
-            return this.state.loaded ? 'Com base na sua experiência com o Cockpit, como você classifica os serviços prestados, em uma escala de 0 a 10?' : 'Estamos enviando sua pesquisa';
-        }
-    }, {
         key: 'render',
         value: function render() {
-            var _this7 = this;
-
-            var _state2 = this.state,
-                npsHas = _state2.npsHas,
-                npsOpen = _state2.npsOpen,
-                npmVote = _state2.npmVote;
+            // const { npsHas, npsOpen, npmVote } = this.state;
             var _props = this.props,
@@ -213,31 +169,2 @@ UrlCockpit = _props.UrlCockpit,
                 _react2.default.createElement(
-                    'form',
-                    { onSubmit: function onSubmit(e) {
-                            return _this7.handleSubmit(e);
-                        }, className: 'cockpit-footer__nps ' + (npsHas ? 'cockpit-footer__nps--has' : '') + ' ' + (npsOpen ? 'cockpit-footer__nps--open' : '') },
-                    _react2.default.createElement('button', { type: 'button', className: 'cockpit-footer__nps-toggle', onClick: function onClick() {
-                            return _this7.handleNpsOpen();
-                        } }),
-                    _react2.default.createElement(
-                        'div',
-                        { className: 'cockpit-footer__nps-content ' + (!npsOpen ? 'accordion--hidden' : ''), ref: this.npsContent },
-                        _react2.default.createElement(
-                            'p',
-                            { className: 'cockpit-footer__nps-text' },
-                            npmVote ? 'Agradecemos a sua resposta' : this.renderNpsText()
-                        ),
-                        npmVote ? _react2.default.createElement(
-                            'div',
-                            { className: 't-ac' },
-                            _react2.default.createElement(
-                                'button',
-                                { className: 'btn btn--red mb-24', type: 'button', onClick: function onClick() {
-                                        return _this7.handleNpsClose();
-                                    } },
-                                'Continuar'
-                            )
-                        ) : this.renderNpsContent()
-                    )
-                ),
-                _react2.default.createElement(
                     'div',
@@ -244,0 +171,0 @@ { style: { maxWidth: (logged ? _CockpitUtils.WINDOW && window.innerWidth : 1220) + 'px' }, className: 'cockpit-footer__container' },

package.json

 {
   "name": "webmotors-cockpit-structure",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "Webmotors Cockpit Structure",
   "dependencies": {
     "axios": "^0.18.0",
+    "babel-preset-stage-2": "^6.24.1",
     "immutee": "^1.0.1",
@@ -17,3 +18,3 @@ "node-sass": "^4.12.0",
     "babel-cli": "^6.18.0",
-    "babel-preset-es2015": "^6.18.0",
+    "babel-preset-es2015": "^6.24.1",
     "babel-preset-minify": "^0.5.0",
@@ -27,3 +28,4 @@ "babel-preset-react": "^6.16.0",
       "es2015",
-      "stage-0"
+      "stage-0",
+      "stage-2"
     ]
@@ -30,0 +32,0 @@ },

src/CockpitFooter.jsx

@@ -5,3 +5,3 @@ import React, { Component, Fragment, createRef } from 'react';
 
-const note = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
+// const note = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
 
@@ -12,109 +12,109 @@ class CockpitFooter extends Component {
         this.state = {
-            loaded: true,
+            // loaded: true,
         };
-        this.npsContent = createRef();
+        // this.npsContent = createRef();
     }
 
     componentDidMount() {
-        ajax(`${this.props.ApiCockpit}/Nps`, {}, 'GET').then((e) => {
-            const { payload } = e;
-            if (!payload.data) {
-                this.setState({
-                    npsHas: true,
-                    npsOpen: true,
-                }, () => {
-                    accordionAnimate(this.state.npsOpen, this.npsContent.current);
-                });
-            }
-        });
+        // ajax(`${this.props.ApiCockpit}/Nps`, {}, 'GET').then((e) => {
+        //     const { payload } = e;
+        //     if (!payload.data) {
+        //         this.setState({
+        //             npsHas: true,
+        //             npsOpen: true,
+        //         }, () => {
+        //             accordionAnimate(this.state.npsOpen, this.npsContent.current);
+        //         });
+        //     }
+        // });
     }
 
-    handleNpsOpen() {
-        this.setState(prevState => ({
-            npsOpen: !prevState.npsOpen,
-        }), () => {
-            accordionAnimate(this.state.npsOpen, this.npsContent.current);
-        });
-    }
+    // handleNpsOpen() {
+    //     this.setState(prevState => ({
+    //         npsOpen: !prevState.npsOpen,
+    //     }), () => {
+    //         accordionAnimate(this.state.npsOpen, this.npsContent.current);
+    //     });
+    // }
 
-    handleNpsClose() {
-        this.setState({
-            npsOpen: false,
-            npsHas: false,
-        }, () => {
-            accordionAnimate(this.state.npsOpen, this.npsContent.current);
-        });
-    }
+    // handleNpsClose() {
+    //     this.setState({
+    //         npsOpen: false,
+    //         npsHas: false,
+    //     }, () => {
+    //         accordionAnimate(this.state.npsOpen, this.npsContent.current);
+    //     });
+    // }
 
-    handleNpsChange(e, npsNote) {
-        [...document.querySelectorAll('.cockpit-footer__nps-radio')].forEach(item => item.parentNode.classList.remove('cockpit-footer__nps-note--active'));
-        e.target.parentNode.classList.add('cockpit-footer__nps-note--active');
-        this.setState({
-            npsComments: true,
-            npsNote,
-        });
-    }
+    // handleNpsChange(e, npsNote) {
+    //     [...document.querySelectorAll('.cockpit-footer__nps-radio')].forEach(item => item.parentNode.classList.remove('cockpit-footer__nps-note--active'));
+    //     e.target.parentNode.classList.add('cockpit-footer__nps-note--active');
+    //     this.setState({
+    //         npsComments: true,
+    //         npsNote,
+    //     });
+    // }
 
-    handleSubmit(e) {
-        e.preventDefault();
-        const { value } = document.querySelector('.cockpit-footer__nps-textarea');
-        this.npsContent.current.style.height = 'auto';
-        this.setState({
-            loaded: false,
-        }, () => {
-            ajax(`${this.props.ApiCockpit}/Nps`, {
-                nota: this.state.npsNote,
-                comentario: value,
-            }).then((f) => {
-                const { payload } = f;
-                if (payload.success) {
-                    this.setState({
-                        npmVote: true,
-                    });
-                }
-            });
-        });
-    }
+    // handleSubmit(e) {
+    //     e.preventDefault();
+    //     const { value } = document.querySelector('.cockpit-footer__nps-textarea');
+    //     this.npsContent.current.style.height = 'auto';
+    //     this.setState({
+    //         loaded: false,
+    //     }, () => {
+    //         ajax(`${this.props.ApiCockpit}/Nps`, {
+    //             nota: this.state.npsNote,
+    //             comentario: value,
+    //         }).then((f) => {
+    //             const { payload } = f;
+    //             if (payload.success) {
+    //                 this.setState({
+    //                     npmVote: true,
+    //                 });
+    //             }
+    //         });
+    //     });
+    // }
 
-    renderNpsContent() {
-        const { loaded, npsComments } = this.state;
-        return (
-            loaded
-                ? (
-                    <Fragment>
-                        <div className="cockpit-footer__nps-score">
-                            {
-                                note.map(item => (
-                                    <label key={item} htmlFor={`nota_${item}`} className="cockpit-footer__nps-note cockpit-footer__nps-note--active">
-                                        <input type="radio" name="nota" id={`nota_${item}`} data-type="number" className="cockpit-footer__nps-radio" onChange={e => this.handleNpsChange(e, item)} />
-                                        <span className={`cockpit-footer__nps-square cockpit-footer__nps-square--${item}`}>{item}</span>
-                                    </label>
-                                ))
-                            }
-                        </div>
-                        <div className={`cockpit-footer__nps-comment ${npsComments ? 'cockpit-footer__nps-comment--active' : ''}`}>
-                            <p className="cockpit-footer__nps-descript">Descreva o que motivou a atribuição desta nota (opcional)</p>
-                            <textarea name="comentario" className="cockpit-footer__nps-textarea" />
-                            <div className="t-ac">
-                                <button className="btn btn--red" type="submit">Enviar</button>
-                            </div>
-                        </div>
-                    </Fragment>
-                )
-                : (
-                    <div className="load load--dark" />
-                )
-        );
-    }
+    // renderNpsContent() {
+    //     const { loaded, npsComments } = this.state;
+    //     return (
+    //         loaded
+    //             ? (
+    //                 <Fragment>
+    //                     <div className="cockpit-footer__nps-score">
+    //                         {
+    //                             note.map(item => (
+    //                                 <label key={item} htmlFor={`nota_${item}`} className="cockpit-footer__nps-note cockpit-footer__nps-note--active">
+    //                                     <input type="radio" name="nota" id={`nota_${item}`} data-type="number" className="cockpit-footer__nps-radio" onChange={e => this.handleNpsChange(e, item)} />
+    //                                     <span className={`cockpit-footer__nps-square cockpit-footer__nps-square--${item}`}>{item}</span>
+    //                                 </label>
+    //                             ))
+    //                         }
+    //                     </div>
+    //                     <div className={`cockpit-footer__nps-comment ${npsComments ? 'cockpit-footer__nps-comment--active' : ''}`}>
+    //                         <p className="cockpit-footer__nps-descript">Descreva o que motivou a atribuição desta nota (opcional)</p>
+    //                         <textarea name="comentario" className="cockpit-footer__nps-textarea" maxlength="512" />
+    //                         <div className="t-ac">
+    //                             <button className="btn btn--red" type="submit">Enviar</button>
+    //                         </div>
+    //                     </div>
+    //                 </Fragment>
+    //             )
+    //             : (
+    //                 <div className="load load--dark" />
+    //             )
+    //     );
+    // }
 
-    renderNpsText() {
-        return (
-            this.state.loaded
-                ? 'Com base na sua experiência com o Cockpit, como você classifica os serviços prestados, em uma escala de 0 a 10?'
-                : 'Estamos enviando sua pesquisa'
-        );
-    }
+    // renderNpsText() {
+    //     return (
+    //         this.state.loaded
+    //             ? 'Com base na sua experiência com a Webmotors, como você classifica os serviços prestados, em uma escala de 0 a 10?'
+    //             : 'Estamos enviando sua pesquisa'
+    //     );
+    // }
 
     render() {
-        const { npsHas, npsOpen, npmVote } = this.state;
+        // const { npsHas, npsOpen, npmVote } = this.state;
         const { UrlCockpit, logged } = this.props;
@@ -126,3 +126,3 @@ return (
                 </button>
-                <form onSubmit={e => this.handleSubmit(e)} className={`cockpit-footer__nps ${npsHas ? 'cockpit-footer__nps--has' : ''} ${npsOpen ? 'cockpit-footer__nps--open' : ''}`}>
+                {/* TODO <form onSubmit={e => this.handleSubmit(e)} className={`cockpit-footer__nps ${npsHas ? 'cockpit-footer__nps--has' : ''} ${npsOpen ? 'cockpit-footer__nps--open' : ''}`}>
                     <button type="button" className="cockpit-footer__nps-toggle" onClick={() => this.handleNpsOpen()} />
@@ -147,3 +147,3 @@ <div className={`cockpit-footer__nps-content ${!npsOpen ? 'accordion--hidden' : ''}`} ref={this.npsContent}>
                     </div>
-                </form>
+                </form> */}
                 <div style={{ maxWidth: `${logged ? WINDOW && window.innerWidth : 1220}px` }} className="cockpit-footer__container">
@@ -150,0 +150,0 @@ <div className="cockpit-footer__copyright">{`© 1995-${new Date().getFullYear()} Webmotors S.A. Todos direitos reservados.`}</div>

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

219139

decreased by-1.3%

Dependency count

9

increased by12.5%

Lines of code

3251

decreased by-2.08%

Dependency changes

• + Addedbabel-preset-stage-2@^6.24.1

• + Addedbabel-code-frame@6.26.0(transitive)

• + Addedbabel-helper-bindify-decorators@6.24.1(transitive)

• + Addedbabel-helper-builder-binary-assignment-operator-visitor@6.24.1(transitive)

• + Addedbabel-helper-explode-assignable-expression@6.24.1(transitive)

• + Addedbabel-helper-explode-class@6.24.1(transitive)

• + Addedbabel-helper-function-name@6.24.1(transitive)

• + Addedbabel-helper-get-function-arity@6.24.1(transitive)

• + Addedbabel-helper-remap-async-to-generator@6.24.1(transitive)

• + Addedbabel-messages@6.23.0(transitive)

• + Addedbabel-plugin-syntax-async-functions@6.13.0(transitive)

• + Addedbabel-plugin-syntax-async-generators@6.13.0(transitive)

• + Addedbabel-plugin-syntax-class-properties@6.13.0(transitive)

• + Addedbabel-plugin-syntax-decorators@6.13.0(transitive)

• + Addedbabel-plugin-syntax-dynamic-import@6.18.0(transitive)

• + Addedbabel-plugin-syntax-exponentiation-operator@6.13.0(transitive)

• + Addedbabel-plugin-syntax-object-rest-spread@6.13.0(transitive)

• + Addedbabel-plugin-syntax-trailing-function-commas@6.22.0(transitive)

• + Addedbabel-plugin-transform-async-generator-functions@6.24.1(transitive)

• + Addedbabel-plugin-transform-async-to-generator@6.24.1(transitive)

• + Addedbabel-plugin-transform-class-properties@6.24.1(transitive)

• + Addedbabel-plugin-transform-decorators@6.24.1(transitive)

• + Addedbabel-plugin-transform-exponentiation-operator@6.24.1(transitive)

• + Addedbabel-plugin-transform-object-rest-spread@6.26.0(transitive)

• + Addedbabel-preset-stage-2@6.24.1(transitive)

• + Addedbabel-preset-stage-3@6.24.1(transitive)

• + Addedbabel-runtime@6.26.0(transitive)

• + Addedbabel-template@6.26.0(transitive)

• + Addedbabel-traverse@6.26.0(transitive)

• + Addedbabel-types@6.26.0(transitive)

• + Addedbabylon@6.18.0(transitive)

• + Addedcore-js@2.6.12(transitive)

• + Addeddebug@2.6.9(transitive)

• + Addedesutils@2.0.3(transitive)

• + Addedglobals@9.18.0(transitive)

• + Addedjs-tokens@3.0.2(transitive)

• + Addedms@2.0.0(transitive)

• + Addedregenerator-runtime@0.11.1(transitive)

• + Addedto-fast-properties@1.0.3(transitive)

• - Removedjs-tokens@4.0.0(transitive)