react-accessible-form - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist-browser/index.js

@@ -1,2 +0,2 @@
-var ReactAccessibleForm=function(e){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function o(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?n(o,!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(o).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function a(e,r){if(e!==r)throw new TypeError("Cannot instantiate an arrow function")}function i(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var s=function(e,r){return e(r={exports:{}},r.exports),r.exports}((function(e){
+var ReactAccessibleForm=function(e){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function o(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?n(o,!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(o).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}function i(e,r){if(e!==r)throw new TypeError("Cannot instantiate an arrow function")}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l=function(e,r){return e(r={exports:{}},r.exports),r.exports}((function(e){
 /*!
@@ -7,3 +7,3 @@ Copyright (c) 2017 Jed Watson.
     */
-!function(){var t={}.hasOwnProperty;function n(){for(var e=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var i=r(a);if("string"===i||"number"===i)e.push(a);else if(Array.isArray(a)&&a.length){var s=n.apply(null,a);s&&e.push(s)}else if("object"===i)for(var l in a)t.call(a,l)&&a[l]&&e.push(l)}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()})),l=e.createContext(null),u=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"useGroupContext";a(this,void 0);var t=e.useContext(l);if(!t)throw new Error("".concat(r," must be used inside of a FormGroup"));return t}.bind(void 0),d=e.forwardRef(function(r,t){a(this,void 0);var n=r.as,l=void 0===n?"input":n,d=r.className,c=i(r,["as","className"]),f=u("FormControl"),m=f.disabled,b=f.id,v=f.required;return e.createElement(l,o({className:s("form__control",d),disabled:m,id:b,required:v},c,{ref:t}))}.bind(void 0));if(d.displayName="Form.Control","undefined"!=typeof navigator&&"ReactNative"===navigator.product)throw new Error("React Native does not have a built-in secure random generator. If you don’t need unpredictable IDs, you can use `nanoid/non-secure`. For secure ID install `expo-random` locally and use `nanoid/async`.");if("undefined"==typeof self||!self.crypto&&!self.msCrypto)throw new Error("Your browser does not have secure random generator. If you don’t need unpredictable IDs, you can use nanoid/non-secure.");var c=self.crypto||self.msCrypto,f=function(r){a(this,void 0);var t=e.Children.toArray(r);return 0===t.length?null:e.createElement(e.Fragment,null,e.createElement("div",{className:"form__section"},t[0]),e.createElement("div",{className:"form__section"},t.slice(1)))}.bind(void 0),m=e.forwardRef(function(r,t){var n=this;a(this,void 0);var u=r.as,d=void 0===u?"div":u,m=r.children,b=r.className,v=r.disabled,p=void 0!==v&&v,y=r.id,h=r.layout,w=r.required,O=void 0!==w&&w,N=i(r,["as","children","className","disabled","id","layout","required"]),E=e.useMemo(function(){return a(this,n),y||function(e){e=e||21;for(var r="",t=c.getRandomValues(new Uint8Array(e));e--;)r+="Uint8ArdomValuesObj012345679BCDEFGHIJKLMNPQRSTWXYZ_cfghkpqvwxyz-"[63&t[e]];return r}()}.bind(this),[y]),j=e.useContext(g),C=j.disabled,_=j.layout,x=h||_,P=e.useMemo(function(){return a(this,n),{disabled:C||p,id:E,required:O}}.bind(this),[p,C,E,O]);return e.createElement(d,o({className:s("form__group","form__group--".concat(x),b),ref:t},N),e.createElement(l.Provider,{value:P},"aligned"===x?f(m):m))}.bind(void 0));m.displayName="Form.Group";var b=e.forwardRef(function(r,t){a(this,void 0);var n=r.as,l=void 0===n?"label":n,d=r.className,c=i(r,["as","className"]),f=u("FormLabel"),m=f.disabled,b=f.id,v=f.required;return e.createElement(l,o({htmlFor:b,className:s("form__label",d,{"form__label--required":v},{"form__label--disabled":m})},c,{ref:t}))}.bind(void 0));b.displayName="Form.Label";var v=function(r){var t=this,n=r.Control,o=r.Group,s=r.Label;a(this,void 0);var l=e.forwardRef(function(r,l){a(this,t);var u=r.className,d=r.children,c=r.layout,f=r.disabled,m=r.required,b=i(r,["className","children","layout","disabled","required"]),v=b.label,p=i(b,["label"]),y=p.as,h=i(p,["as"]);return e.createElement(o,{ref:l,className:u,disabled:f,layout:c,required:m},e.createElement(s,null,v),e.createElement(n,Object.assign({as:y},h)),d)}.bind(this));return l.displayName="Form.Element",l}.bind(void 0),p=v({Control:d,Group:m,Label:b}),y=e.forwardRef(function(r,t){var n=this;a(this,void 0);var l=r.as,u=void 0===l?"form":l,d=r.className,c=r.children,f=r.disabled,m=void 0!==f&&f,b=r.layout,v=void 0===b?"stacked":b,p=i(r,["as","className","children","disabled","layout"]),y=e.useMemo(function(){return a(this,n),{disabled:m,layout:v}}.bind(this),[m,v]);return e.createElement(u,o({className:s(d,"form--".concat(v)),ref:t},p),e.createElement(g.Provider,{value:y},c))}.bind(void 0));y.displayName="Form";var h=Object.assign({Element:p,Group:m,Label:b,Control:d,createElementComponent:v,useGroupContext:u},y),g=e.createContext({disabled:!1,layout:"stacked"});return h}(React);
+!function(){var t={}.hasOwnProperty;function n(){for(var e=[],o=0;o<arguments.length;o++){var i=arguments[o];if(i){var a=r(i);if("string"===a||"number"===a)e.push(i);else if(Array.isArray(i)&&i.length){var l=n.apply(null,i);l&&e.push(l)}else if("object"===a)for(var s in i)t.call(i,s)&&i[s]&&e.push(s)}}return e.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n}()})),s=e.createContext(null),d=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"useGroupContext";i(this,void 0);var t=e.useContext(s);if(!t)throw new Error("".concat(r," must be used inside of a FormGroup"));return t}.bind(void 0),u=e.forwardRef(function(r,t){i(this,void 0);var n=r.as,s=void 0===n?"input":n,u=r.className,c=a(r,["as","className"]),f=d("FormControl"),m=f.disabled,b=f.id,v=f.required;return e.createElement(s,o({className:l("form__control",u),disabled:m,id:b,required:v},c,{ref:t}))}.bind(void 0));u.displayName="Form.Control";var c="ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW",f=(function(e,r){var t=this;return i(this,void 0),function(){i(this,t);for(var n="",o=r;o--;)n+=e[Math.random()*e.length|0];return n}.bind(this)}.bind(void 0),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:21;i(this,void 0);for(var r="",t=e;t--;)r+=c[64*Math.random()|0];return r}.bind(void 0)),m=function(r){i(this,void 0);var t=e.Children.toArray(r);return 0===t.length?null:e.createElement(e.Fragment,null,e.createElement("div",{className:"form__section"},t[0]),e.createElement("div",{className:"form__section"},t.slice(1)))}.bind(void 0),b=e.forwardRef(function(r,t){var n=this;i(this,void 0);var d=r.as,u=void 0===d?"div":d,c=r.children,b=r.className,v=r.disabled,p=void 0!==v&&v,y=r.id,h=r.layout,O=r.required,N=void 0!==O&&O,w=a(r,["as","children","className","disabled","id","layout","required"]),E=e.useMemo(function(){return i(this,n),y||f()}.bind(this),[y]),j=e.useContext(g),_=j.disabled,C=j.layout,P=h||C,x=e.useMemo(function(){return i(this,n),{disabled:_||p,id:E,required:N}}.bind(this),[p,_,E,N]);return e.createElement(u,o({className:l("form__group","form__group--".concat(P),b),ref:t},w),e.createElement(s.Provider,{value:x},"aligned"===P?m(c):c))}.bind(void 0));b.displayName="Form.Group";var v=e.forwardRef(function(r,t){i(this,void 0);var n=r.as,s=void 0===n?"label":n,u=r.className,c=a(r,["as","className"]),f=d("FormLabel"),m=f.disabled,b=f.id,v=f.required;return e.createElement(s,o({htmlFor:b,className:l("form__label",u,{"form__label--required":v},{"form__label--disabled":m})},c,{ref:t}))}.bind(void 0));v.displayName="Form.Label";var p=function(r){var t=this,n=r.Control,o=r.Group,l=r.Label;i(this,void 0);var s=e.forwardRef(function(r,s){i(this,t);var d=r.className,u=r.children,c=r.layout,f=r.disabled,m=r.required,b=a(r,["className","children","layout","disabled","required"]),v=b.label,p=a(b,["label"]),y=p.as,h=a(p,["as"]);return e.createElement(o,{ref:s,className:d,disabled:f,layout:c,required:m},e.createElement(l,null,v),e.createElement(n,Object.assign({as:y},h)),u)}.bind(this));return s.displayName="Form.Element",s}.bind(void 0),y=p({Control:u,Group:b,Label:v}),h=e.forwardRef(function(r,t){var n=this;i(this,void 0);var s=r.as,d=void 0===s?"form":s,u=r.className,c=r.children,f=r.disabled,m=void 0!==f&&f,b=r.layout,v=void 0===b?"stacked":b,p=a(r,["as","className","children","disabled","layout"]),y=e.useMemo(function(){return i(this,n),{disabled:m,layout:v}}.bind(this),[m,v]);return e.createElement(d,o({className:l(u,"form--".concat(v)),ref:t},p),e.createElement(g.Provider,{value:y},c))}.bind(void 0));h.displayName="Form";var O=Object.assign({Element:y,Group:b,Label:v,Control:u,createElementComponent:p,useGroupContext:d},h),g=e.createContext({disabled:!1,layout:"stacked"});return O}(React);
 //# sourceMappingURL=index.js.map

dist-node/index.js

@@ -9,3 +9,3 @@ 'use strict';
 var classNames = _interopDefault(require('classnames'));
-var nanoid = _interopDefault(require('nanoid'));
+var nonSecure = require('nanoid/non-secure');
 
@@ -158,3 +158,3 @@ function _defineProperty(obj, key, value) {
 
-  const groupId = React.useMemo(() => id || nanoid(), [id]);
+  const groupId = React.useMemo(() => id || nonSecure.nanoid(), [id]);
   const {
@@ -161,0 +161,0 @@ disabled: formDisabled,

dist-src/FormGroup.js

 import * as React from "react";
 import classNames from "classnames";
-import nanoid from "nanoid";
+import { nanoid } from "nanoid/non-secure";
 import { FormContext } from "./Form";
@@ -5,0 +5,0 @@ import { FormGroupContext } from "./FormGroupContext";

dist-web/index.js

 import { createContext, useContext, forwardRef, createElement, useMemo, Children, Fragment } from 'react';
 import classNames from 'classnames';
-import nanoid from 'nanoid';
+import { nanoid } from 'nanoid/non-secure';
 
@@ -5,0 +5,0 @@ const FormGroupContext = createContext(null);

package.json

 {
   "name": "react-accessible-form",
   "description": "React Accessible Form handles makes layout and accessibility easy when writing forms.",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "license": "MIT",
@@ -30,6 +30,6 @@ "files": [
     "classnames": "^2.2.6",
-    "nanoid": "^2.1.3"
+    "nanoid": "^3.0.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0"
   },
@@ -36,0 +36,0 @@ "devDependencies": {

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

82745

decreased by-0.6%

Lines of code

638

decreased by-0.16%

Dependency changes

• + Addednanoid@3.3.7(transitive)

• + Addedreact@17.0.2(transitive)

• - Removednanoid@2.1.11(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact@16.14.0(transitive)

• - Removedreact-is@16.13.1(transitive)

• Updatednanoid@^3.0.0