auth0-lock - npm Package Compare versions

Comparing version 11.20.4 to 11.21.0

lib/__tests__/field/custom_input.js

 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -145,2 +147,10 @@
     });
+
+    describe('and when placeholderHTML is set', function () {
+      it('renders correctly as a CheckBoxInput', function () {
+        var CustomInput = getComponent();
+
+        (0, _testUtils.expectComponent)(_react2.default.createElement(CustomInput, _extends({}, defaultProps, { placeholderHTML: '<b>Placeholder</b>' }))).toMatchSnapshot();
+      });
+    });
   });
@@ -147,0 +157,0 @@ describe('when type == hidden', function () {

lib/connection/database/index.js

@@ -144,2 +144,3 @@ 'use strict';
           placeholder = x.placeholder,
+          placeholderHTML = x.placeholderHTML,
           prefill = x.prefill,
@@ -159,7 +160,11 @@ type = x.type,
 
-      if (type !== 'hidden' && (typeof placeholder != 'string' || !placeholder)) {
-        l.warn(opts, 'Ignoring an element of `additionalSignUpFields` (' + name + ') because it does not contain a valid `placeholder` property. Every element of `additionalSignUpFields` must have a `placeholder` property that is a non-empty string.');
+      if (type !== 'hidden' && (typeof placeholder != 'string' || !placeholder) && (typeof placeholderHTML != 'string' || !placeholderHTML)) {
+        l.warn(opts, 'Ignoring an element of `additionalSignUpFields` (' + name + ') because it does not contain a valid `placeholder` or `placeholderHTML` property. Every element of `additionalSignUpFields` must have a `placeholder` or `placeholderHTML` property that is a non-empty string.');
         filter = false;
       }
 
+      if (placeholderHTML && placeholder) {
+        l.warn(opts, 'When provided, the `placeholderHTML` property of an element of `additionalSignUpFields` will override the `placeholder` property of that element');
+      }
+
       if (icon != undefined && (typeof icon != 'string' || !icon)) {
@@ -205,3 +210,14 @@ l.warn(opts, 'When provided, the `icon` property of an element of `additionalSignUpFields` must be a non-empty string.');
 
-      return filter ? r.concat([{ icon: icon, name: name, options: options, placeholder: placeholder, prefill: prefill, type: type, validator: validator, value: value, storage: storage }]) : r;
+      return filter ? r.concat([{
+        icon: icon,
+        name: name,
+        options: options,
+        placeholder: placeholder,
+        placeholderHTML: placeholderHTML,
+        prefill: prefill,
+        type: type,
+        validator: validator,
+        value: value,
+        storage: storage
+      }]) : r;
     }, []);
@@ -208,0 +224,0 @@

lib/core/web_api/helper.js

@@ -179,3 +179,3 @@ 'use strict';
 function getVersion() {
-  return '11.20.4';
+  return '11.21.0';
 }

lib/engine/classic/sign_up_pane.js

@@ -79,2 +79,3 @@ 'use strict';
         placeholder: x.get('placeholder'),
+        placeholderHTML: x.get('placeholderHTML'),
         type: x.get('type'),
@@ -81,0 +82,0 @@ validator: x.get('validator'),

lib/field/custom_input.js

@@ -41,2 +41,3 @@ 'use strict';
       placeholder = _ref.placeholder,
+      placeholderHTML = _ref.placeholderHTML,
       type = _ref.type,
@@ -69,3 +70,4 @@ validator = _ref.validator,
         },
-        checked: (0, _index.getFieldValue)(model, name)
+        checked: (0, _index.getFieldValue)(model, name),
+        placeholderHTML: placeholderHTML
       }, props));
@@ -72,0 +74,0 @@ case 'hidden':

lib/i18n.js

@@ -119,3 +119,3 @@ 'use strict';
     method: 'registerLanguageDictionary',
-    url: l.languageBaseUrl(m) + '/js/lock/' + '11.20.4' + '/' + language + '.js',
+    url: l.languageBaseUrl(m) + '/js/lock/' + '11.21.0' + '/' + language + '.js',
     check: function check(str) {
@@ -122,0 +122,0 @@ return str && str === language;

lib/lock.js

@@ -45,3 +45,3 @@ 'use strict';
 exports.default = Auth0Lock;
-Auth0Lock.version = '11.20.4';
+Auth0Lock.version = '11.21.0';
 
@@ -48,0 +48,0 @@ // TODO: should we have different telemetry for classic/passwordless?

lib/passwordless.js

@@ -39,2 +39,2 @@ 'use strict';
 
-Auth0LockPasswordless.version = '11.20.4';
+Auth0LockPasswordless.version = '11.21.0';

lib/ui/input/checkbox_input.js

@@ -1,13 +0,9 @@
-'use strict';
+"use strict";
 
 exports.__esModule = true;
 
-var _react = require('react');
+var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
-var _input_wrap = require('./input_wrap');
-
-var _input_wrap2 = _interopRequireDefault(_input_wrap);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,19 +32,24 @@
         placeholder = _props.placeholder,
-        checked = _props.checked;
+        checked = _props.checked,
+        placeholderHTML = _props.placeholderHTML;
 
     return _react2.default.createElement(
-      'div',
-      { className: 'auth0-lock-input-checkbox' },
+      "div",
+      { className: "auth0-lock-input-checkbox" },
       _react2.default.createElement(
-        'label',
+        "label",
         null,
-        _react2.default.createElement('input', {
-          id: lockId + '-' + name,
-          type: 'checkbox',
+        _react2.default.createElement("input", {
+          id: lockId + "-" + name,
+          type: "checkbox",
           checked: checked === 'true',
           onChange: this.handleOnChange.bind(this),
           name: name,
-          'aria-label': ariaLabel || name
+          "aria-label": ariaLabel || name
         }),
-        _react2.default.createElement('span', { dangerouslySetInnerHTML: { __html: placeholder } })
+        placeholderHTML ? _react2.default.createElement("span", { dangerouslySetInnerHTML: { __html: placeholderHTML } }) : _react2.default.createElement(
+          "span",
+          null,
+          placeholder
+        )
       )
@@ -55,0 +56,0 @@ );

package.json

 {
   "name": "auth0-lock",
-  "version": "11.20.4",
+  "version": "11.21.0",
   "description": "Auth0 Lock",
@@ -5,0 +5,0 @@ "author": "Auth0 <[e-mail]> (http://auth0.com)",

README.md

@@ -26,3 +26,3 @@ [![NPM version][npm-image]][npm-url]
 <!-- Latest patch release (recommended for production) -->
-<script src="https://cdn.auth0.com/js/lock/11.20.4/lock.min.js"></script>
+<script src="https://cdn.auth0.com/js/lock/11.21.0/lock.min.js"></script>
 ```
@@ -518,3 +518,5 @@
     placeholder: "I hereby agree that I want to receive marketing emails from your company",
-    // The following property is optional
+    // placeholderHTML - is an optional field  and overrides the value of placeholder
+    placeholderHTML: "<b>I hereby agree that I want to receive marketing emails from your company</b>",
+    // ariaLabel - is an optional field
     ariaLabel: "Activate Newsletter"
@@ -521,0 +523,0 @@ }]

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

Improved metrics

Total package byte prevSize

1749984

increased by0.11%

Lines of code

21023

increased by0.13%

Number of lines in readme file

608

increased by0.33%

No dependency changes