@mjhls/mjh-framework 1.0.1046-test → 1.0.1047

package/dist/cjs/Auth.js

@@ -67,21 +67,21 @@ var returnFormField = function returnFormField(_ref) {
   }
 
   if (type == 'text' || type == 'email' || type == 'password' || type == 'number') {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Form.Group,
       _extends._extends({}, opts, { controlId: name }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Label,
         { kye: name + '_label' },
         label,
-        required && React__default["default"].createElement(
+        required && React__default['default'].createElement(
           'span',
           { style: { color: 'red' } },
           '*'
         )
       ),
-      React__default["default"].createElement(reactBootstrap.Form.Control, { key: name + '_' + type, type: type, readOnly: readonly, name: name, placeholder: '', defaultValue: default_value, required: required }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(reactBootstrap.Form.Control, { key: name + '_' + type, type: type, readOnly: readonly, name: name, placeholder: '', defaultValue: default_value, required: required }),
+      React__default['default'].createElement(
         reactBootstrap.Form.Control.Feedback,
         { key: name + '_feedback', type: 'invalid' },
         errors[name]
@@ -89,28 +89,28 @@ var returnFormField = function returnFormField(_ref) {
     );
   }
   if (type == 'select') {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Form.Group,
       _extends._extends({}, opts, { key: name, controlId: name }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Label,
         { key: name + '_' + label },
         label,
-        required && React__default["default"].createElement(
+        required && React__default['default'].createElement(
           'span',
           { key: name + '_required_span', style: { color: 'red' } },
           '*'
         )
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Control,
         { key: name + '_select', as: 'select', name: name, required: required, defaultValue: default_value },
-        React__default["default"].createElement('option', { value: '', key: name + '_options_empty' }),
+        React__default['default'].createElement('option', { value: '', key: name + '_options_empty' }),
         options.map(function (option, index) {
           var value = option.value ? option.value : option;
           var label = option.label ? option.label : option;
           var key = name + '_options_' + index;
-          return React__default["default"].createElement(
+          return React__default['default'].createElement(
             'option',
             { key: key, value: value },
             label
@@ -121,25 +121,25 @@ var returnFormField = function returnFormField(_ref) {
   }
 
   if (type == 'radio' || type == 'checkbox') {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       reactBootstrap.Form.Group,
       opts,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Label,
         null,
         label,
-        required && React__default["default"].createElement(
+        required && React__default['default'].createElement(
           'span',
           { style: { color: 'red' } },
           '*'
         )
       ),
       options.map(function (option, index) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           reactBootstrap.Form.Check,
           { type: type, key: index, required: required },
-          React__default["default"].createElement(reactBootstrap.Form.Check.Input, { type: type, key: type + '_' + index + '_input', defaultChecked: default_value ? default_value === option.value : false, name: name, id: name + '_' + index, value: option.value, required: required }),
-          React__default["default"].createElement(reactBootstrap.Form.Check.Label, { style: { cursor: 'pointer' }, 'for': name + '_' + index, key: type + '_' + index + '_label', dangerouslySetInnerHTML: { __html: option.label } })
+          React__default['default'].createElement(reactBootstrap.Form.Check.Input, { type: type, key: type + '_' + index + '_input', defaultChecked: default_value ? default_value === option.value : false, name: name, id: name + '_' + index, value: option.value, required: required }),
+          React__default['default'].createElement(reactBootstrap.Form.Check.Label, { style: { cursor: 'pointer' }, 'for': name + '_' + index, key: type + '_' + index + '_label', dangerouslySetInnerHTML: { __html: option.label } })
         );
       })
     );
@@ -225,7 +225,7 @@ function useUser() {
       redirectTo = _ref.redirectTo,
       redirectIfFound = _ref.redirectIfFound;
 
-  var _useSWR = useSWR__default["default"]('/api/auth/user', dataHandler),
+  var _useSWR = useSWR__default['default']('/api/auth/user', dataHandler),
       data = _useSWR.data,
       error = _useSWR.error;
 
@@ -240,7 +240,7 @@ function useUser() {
     redirectTo && !redirectIfFound && !hasUser ||
     // If redirectIfFound is also set, redirect if the user was found
     redirectIfFound && hasUser) {
-      Router__default["default"].push(redirectTo);
+      Router__default['default'].push(redirectTo);
     }
   }, [redirectTo, redirectIfFound, finished, hasUser]);
 
@@ -346,43 +346,43 @@ var LoginForm = function LoginForm(props) {
       loading = _useState4[0],
       setLoading = _useState4[1];
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     reactBootstrap.Form,
     { className: 'login', onSubmit: handleSubmit },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'h1',
       null,
       'Login'
     ),
-    React__default["default"].createElement('hr', null),
+    React__default['default'].createElement('hr', null),
     returnFormField({ name: 'email', label: 'Email', type: 'email', required: true }),
     returnFormField({ name: 'password', label: 'Password', type: 'password', required: true }),
-    React__default["default"].createElement('hr', null),
-    React__default["default"].createElement(
+    React__default['default'].createElement('hr', null),
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Group,
         { as: reactBootstrap.Col },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '/auth/signup' },
           'I don\'t have an account'
         )
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Group,
         { as: reactBootstrap.Col, className: 'text-right' },
-        !loading && React__default["default"].createElement(
+        !loading && React__default['default'].createElement(
           reactBootstrap.Button,
           { type: 'submit' },
           'Login'
         ),
-        loading && React__default["default"].createElement(
+        loading && React__default['default'].createElement(
           reactBootstrap.Button,
           { variant: 'primary', disabled: true },
-          React__default["default"].createElement(reactBootstrap.Spinner, { as: 'span', animation: 'border', role: 'status', 'aria-hidden': 'true', size: 'sm' }),
-          React__default["default"].createElement(
+          React__default['default'].createElement(reactBootstrap.Spinner, { as: 'span', animation: 'border', role: 'status', 'aria-hidden': 'true', size: 'sm' }),
+          React__default['default'].createElement(
             'span',
             { className: 'sr-only' },
             'Loading...'
@@ -390,12 +390,12 @@ var LoginForm = function LoginForm(props) {
         )
       )
     ),
-    errorMsg && React__default["default"].createElement(
+    errorMsg && React__default['default'].createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true'.toString() },
       '\n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n      '
@@ -651,29 +651,29 @@ var SignupForm$1 = function SignupForm(props) {
       loading = _useState14[0],
       setLoading = _useState14[1];
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     reactBootstrap.Form,
     { className: 'login', id: 'signupForm', onSubmit: handleSubmit },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'h1',
       null,
       'Sign Up'
     ),
-    React__default["default"].createElement('hr', null),
+    React__default['default'].createElement('hr', null),
     returnFormField({ name: 'email', label: 'Email', type: 'email', required: true }),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
       returnFormField({ name: 'password', label: 'Password', type: 'password', groupType: reactBootstrap.Col, required: true }),
       returnFormField({ name: 'rpassword', label: 'Retype Password', type: 'password', groupType: reactBootstrap.Col, required: true })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
       returnFormField({ name: 'first_name', label: 'First Name', type: 'text', groupType: reactBootstrap.Col, required: true }),
       returnFormField({ name: 'last_name', label: 'Last Name', type: 'text', groupType: reactBootstrap.Col, required: true })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
       returnFormField({
@@ -687,7 +687,7 @@ var SignupForm$1 = function SignupForm(props) {
       }),
       countryUS && returnFormField({ name: 'state', label: 'State', type: 'select', required: true, groupType: reactBootstrap.Col, options: states })
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
       countryUS && returnFormField({ name: 'zip', label: 'Working Zip Code', type: 'text', required: true, groupType: reactBootstrap.Col }),
@@ -734,38 +734,38 @@ var SignupForm$1 = function SignupForm(props) {
       required: true,
       options: [{ label: 'By registering you agree to our <a href="/terms" style="color:blue">Terms and Conditions</a> and <a href="/privacy" style="color:blue">Privacy Policy</a> and understand that you will be receiving email communications', value: 'Y' }]
     }),
-    React__default["default"].createElement('hr', null),
-    React__default["default"].createElement(
+    React__default['default'].createElement('hr', null),
+    React__default['default'].createElement(
       reactBootstrap.Form.Row,
       null,
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Group,
         { as: reactBootstrap.Col },
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           'a',
           { href: '/auth/login' },
           'I already have an account'
         )
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Group,
         { as: reactBootstrap.Col, className: 'text-right' },
-        !loading && React__default["default"].createElement(
+        !loading && React__default['default'].createElement(
           reactBootstrap.Button,
           { type: 'submit' },
           'Sign Up'
         ),
-        loading && React__default["default"].createElement(
+        loading && React__default['default'].createElement(
           reactBootstrap.Button,
           { variant: 'primary', disabled: true },
-          React__default["default"].createElement(reactBootstrap.Spinner, {
+          React__default['default'].createElement(reactBootstrap.Spinner, {
             as: 'span',
             animation: 'border',
             role: 'status',
             'aria-hidden': 'true',
             size: 'sm'
           }),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'span',
             { className: 'sr-only' },
             'Loading...'
@@ -773,12 +773,12 @@ var SignupForm$1 = function SignupForm(props) {
         )
       )
     ),
-    errorMsg && React__default["default"].createElement(
+    errorMsg && React__default['default'].createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true'.toString() },
       ' \n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n      '
@@ -1068,32 +1068,32 @@ var SignupForm = function SignupForm(props) {
       loading = _useState18[0],
       setLoading = _useState18[1];
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     reactBootstrap.Form,
     { className: 'login', id: 'signupForm', onSubmit: handleSubmit },
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'h1',
       null,
       'Profile'
     ),
-    React__default["default"].createElement('hr', null),
-    userData ? React__default["default"].createElement(
-      React__default["default"].Fragment,
+    React__default['default'].createElement('hr', null),
+    userData ? React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
       returnFormField({ name: 'email', label: 'Email', type: 'email', required: true, readonly: true, default_value: userData.email }),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Row,
         null,
         returnFormField({ name: 'password', label: 'Password', type: 'password', groupType: reactBootstrap.Col, required: false }),
         returnFormField({ name: 'rpassword', label: 'Retype Password', type: 'password', groupType: reactBootstrap.Col, required: false })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Row,
         null,
         returnFormField({ name: 'first_name', label: 'First Name', type: 'text', groupType: reactBootstrap.Col, required: true, default_value: userData.shared.first_name }),
         returnFormField({ name: 'last_name', label: 'Last Name', type: 'text', groupType: reactBootstrap.Col, required: true, default_value: userData.shared.last_name })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Row,
         null,
         returnFormField({
@@ -1108,7 +1108,7 @@ var SignupForm = function SignupForm(props) {
         }),
         countryUS && returnFormField({ name: 'state', label: 'State', type: 'select', required: true, groupType: reactBootstrap.Col, options: states, default_value: userData.shared.state })
       ),
-      React__default["default"].createElement(
+      React__default['default'].createElement(
         reactBootstrap.Form.Row,
         null,
         countryUS && returnFormField({ name: 'zip', label: 'Working Zip Code', type: 'text', required: true, groupType: reactBootstrap.Col, default_value: userData.shared.zip }),
@@ -1158,29 +1158,29 @@ var SignupForm = function SignupForm(props) {
         required: true,
         options: [{ label: 'By registering you agree to our <a href="/terms">Terms and Conditions</a> and <a href="/privacy">Privacy Policy</a> and understand that you will be receiving email communications', value: 'Y' }]
       }),
-      React__default["default"].createElement('hr', null),
-      React__default["default"].createElement(
+      React__default['default'].createElement('hr', null),
+      React__default['default'].createElement(
         reactBootstrap.Form.Row,
         null,
-        React__default["default"].createElement(
+        React__default['default'].createElement(
           reactBootstrap.Form.Group,
           { as: reactBootstrap.Col },
-          !loading && React__default["default"].createElement(
+          !loading && React__default['default'].createElement(
             reactBootstrap.Button,
             { type: 'submit' },
             'Update'
           ),
-          loading && React__default["default"].createElement(
+          loading && React__default['default'].createElement(
             reactBootstrap.Button,
             { variant: 'primary', disabled: true },
-            React__default["default"].createElement(reactBootstrap.Spinner, {
+            React__default['default'].createElement(reactBootstrap.Spinner, {
               as: 'span',
               animation: 'border',
               role: 'status',
               'aria-hidden': 'true',
               size: 'sm'
             }),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'span',
               { className: 'sr-only' },
               'Loading...'
@@ -1188,24 +1188,24 @@ var SignupForm = function SignupForm(props) {
           )
         )
       )
-    ) : React__default["default"].createElement(reactBootstrap.Spinner, {
+    ) : React__default['default'].createElement(reactBootstrap.Spinner, {
       as: 'span',
       animation: 'border',
       role: 'status',
       'aria-hidden': 'true',
       size: 'sm'
     }),
-    errorMsg && React__default["default"].createElement(
+    errorMsg && React__default['default'].createElement(
       'p',
       { className: 'error' },
       errorMsg
     ),
-    successMsg && React__default["default"].createElement(
+    successMsg && React__default['default'].createElement(
       'p',
       { className: 'success' },
       successMsg
     ),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: 'true'.toString() },
       ' \n        .login {\n          margin: 0 auto;\n          padding: 1rem;\n          border: 1px solid #ccc;\n          border-radius: 4px;\n        }\n        .error {\n          color: red;\n          margin: 1rem 0 0;\n        }\n        .success {\n          color: green;\n          margin: 1rem 0 0;\n        }\n      '
@@ -2792,7 +2792,7 @@ function connect() {
         };
     }
 
-    var connection = mysql__default["default"].createConnection(config);
+    var connection = mysql__default['default'].createConnection(config);
     return {
         query: function query(sql, args) {
             return util.util.promisify(connection.query).call(connection, sql, args);
@@ -3435,7 +3435,7 @@ var user = /*#__PURE__*/Object.freeze({
   findUser: findUser
 });
 
-var localStrategy = new Local__default["default"].Strategy({
+var localStrategy = new Local__default['default'].Strategy({
   usernameField: 'email',
   passwordField: 'password'
 }, function (email, password, done) {
@@ -3650,4 +3650,4 @@ exports.ProcessData = ProcessData_1;
 exports.ProfileForm = ProfileForm_1;
 exports.SignupForm = SignupForm_1;
 exports.User = User_1;
-exports["default"] = auth;
+exports['default'] = auth;

package/dist/cjs/AuthWrapper.js

@@ -1077,26 +1077,26 @@ if (typeof window !== "undefined" && !__NEXTAUTH._eventListenersAdded) {
   }, false);
 }
 
-var SessionContext = (0, React__default["default"].createContext)();
+var SessionContext = (0, React__default['default'].createContext)();
 
 function useSession(session) {
-  var context = (0, React__default["default"].useContext)(SessionContext);
+  var context = (0, React__default['default'].useContext)(SessionContext);
   if (context) return context;
   return _useSessionHook(session);
 }
 
 function _useSessionHook(session) {
-  var _useState = (0, React__default["default"].useState)(session),
+  var _useState = (0, React__default['default'].useState)(session),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       data = _useState2[0],
       setData = _useState2[1];
 
-  var _useState3 = (0, React__default["default"].useState)(!data),
+  var _useState3 = (0, React__default['default'].useState)(!data),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       loading = _useState4[0],
       setLoading = _useState4[1];
 
-  (0, React__default["default"].useEffect)(function () {
+  (0, React__default['default'].useEffect)(function () {
     __NEXTAUTH._getSession = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee() {
       var _ref2,
           _ref2$event,
@@ -1592,7 +1592,7 @@ function Provider(_ref5) {
       session = _ref5.session,
       options = _ref5.options;
   setOptions(options);
-  return (0, React__default["default"].createElement)(SessionContext.Provider, {
+  return (0, React__default['default'].createElement)(SessionContext.Provider, {
     value: useSession(session)
   }, children);
 }
@@ -1813,7 +1813,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }, []);
 
   if (session || !needAuth) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       null,
       children
@@ -1821,44 +1821,44 @@ var AuthWrapper = function AuthWrapper(_ref) {
   }
 
   if (!loading) {
-    return React__default["default"].createElement(
+    return React__default['default'].createElement(
       'div',
       { style: { position: 'relative', minHeight: '300px', paddingTop: '2rem' } },
-      callbackUrl && React__default["default"].createElement(
+      callbackUrl && React__default['default'].createElement(
         'div',
         null,
-        !showForm && React__default["default"].createElement(
+        !showForm && React__default['default'].createElement(
           'div',
           { className: styles.loginBox },
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'div',
             { className: styles.loginBox_title },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'b',
               null,
               'Please log in to view this content.'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             reactBootstrap.Form,
             { onSubmit: function onSubmit(e) {
                 return e.preventDefault();
               } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               reactBootstrap.Form.Group,
               { controlId: 'email' },
-              React__default["default"].createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
+              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'email', onChange: function onChange(e) {
                   return setEmail(e.target.value);
                 }, placeholder: 'Email' })
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               reactBootstrap.Form.Group,
               { controlId: 'password' },
-              React__default["default"].createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
+              React__default['default'].createElement(reactBootstrap.Form.Control, { type: 'password', onChange: function onChange(e) {
                   return setPassword(e.target.value);
                 }, placeholder: 'Password' })
             ),
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'button',
               { className: 'btn btn-primary btn-block', onClick: function onClick() {
                   return client.signIn('credentials', { email: email, password: password, callbackUrl: callbackUrl });
@@ -1866,10 +1866,10 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Sign in'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'button',
             { className: 'btn btn-primary btn-block mt-3' },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'a',
               { style: { textDecoration: 'underline' }, onClick: function onClick() {
                   return setShowForm(!showForm);
@@ -1877,13 +1877,13 @@ var AuthWrapper = function AuthWrapper(_ref) {
               'Register Now'
             )
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'p',
             { className: 'mt-1', style: { fontSize: '.8em', textAlign: 'center' } },
-            React__default["default"].createElement(
+            React__default['default'].createElement(
               'em',
               null,
-              React__default["default"].createElement(
+              React__default['default'].createElement(
                 'a',
                 { href: '/forgotpassword', style: { color: 'blue', textDecoration: 'underline' } },
                 'Forgot your password? '
@@ -1891,7 +1891,7 @@ var AuthWrapper = function AuthWrapper(_ref) {
             )
           )
         ),
-        showForm && React__default["default"].createElement('iframe', { className: styles.iframe, src: formUrl })
+        showForm && React__default['default'].createElement('iframe', { className: styles.iframe, src: formUrl })
       )
     );
   } else {

package/dist/cjs/{AuthorComponent-7d00f6d5.js → AuthorComponent-39b37d84.js}

@@ -19,15 +19,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default["default"].createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -35,15 +35,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default["default"].createElement(
+        return React__default['default'].createElement(
           'span',
           { key: _id },
-          index === 0 && React__default["default"].createElement(
+          index === 0 && React__default['default'].createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default["default"].createElement(
+          React__default['default'].createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -76,16 +76,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = React.useRef(null);
   var authorRef = React.useRef(null);
 
-  return React__default["default"].createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default["default"].createElement('div', { onClick: function onClick() {
+    hideContent && React__default['default'].createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default["default"].createElement(
+    React__default['default'].createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '