react-accessible-form - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

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 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){
+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 o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?o(n,!0).forEach((function(r){t(e,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(n).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,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,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}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 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);
+!function(){var t={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var i=arguments[n];if(i){var a=r(i);if("string"===a||"number"===a)e.push(i);else if(Array.isArray(i)&&i.length){var l=o.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?(o.default=o,e.exports=o):window.classNames=o}()})),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 o=r.as,s=void 0===o?"input":o,u=r.className,c=a(r,["as","className"]),f=d("FormControl"),m=f.disabled,b=f.id,v=f.required;return e.createElement(s,n({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 o="",n=r;n--;)o+=e[Math.random()*e.length|0];return o}.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 o=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,o),y||f()}.bind(this),[y]),j=e.useContext(g),P=j.disabled,_=j.layout,C=h||_,x=e.useMemo(function(){return i(this,o),{disabled:P||p,id:E,required:N}}.bind(this),[p,P,E,N]);return e.createElement(u,n({className:l("form__group","form__group--".concat(C),b),ref:t},w),e.createElement(s.Provider,{value:x},"aligned"===C?m(c):c))}.bind(void 0));b.displayName="Form.Group";var v=e.forwardRef(function(r,t){i(this,void 0);var o=r.as,s=void 0===o?"label":o,u=r.className,c=a(r,["as","className"]),f=d("FormLabel"),m=f.disabled,b=f.id,v=f.required;return e.createElement(s,n({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,o=r.Control,n=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=b.labelProps,y=void 0===p?{}:p,h=a(b,["label","labelProps"]),O=h.as,g=h.controlProps,N=void 0===g?{}:g,w=a(h,["as","controlProps"]);return e.createElement(n,{ref:s,className:d,disabled:f,layout:c,required:m},e.createElement(l,Object.assign({},y),v),e.createElement(o,Object.assign({as:O},w,N)),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 o=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,o),{disabled:m,layout:v}}.bind(this),[m,v]);return e.createElement(d,n({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

@@ -220,11 +220,13 @@ 'use strict';
     const {
-      label
+      label,
+      labelProps = {}
     } = afterGroup,
-          afterLabel = _objectWithoutProperties(afterGroup, ["label"]); // Control props
+          afterLabel = _objectWithoutProperties(afterGroup, ["label", "labelProps"]); // Control props
 
 
     const {
-      as
+      as,
+      controlProps = {}
     } = afterLabel,
-          rest = _objectWithoutProperties(afterLabel, ["as"]);
+          rest = _objectWithoutProperties(afterLabel, ["as", "controlProps"]);
 
@@ -237,5 +239,5 @@ return React.createElement(Group, {
       required: required
-    }, React.createElement(Label, null, label), React.createElement(Control, Object.assign({
+    }, React.createElement(Label, Object.assign({}, labelProps), label), React.createElement(Control, Object.assign({
       as: as
-    }, rest)), children);
+    }, rest, controlProps)), children);
   });
@@ -242,0 +244,0 @@ FormElement.displayName = "Form.Element";

dist-src/FormElement.js

@@ -10,8 +10,8 @@ import * as React from "react";
         // Label props
-        const { label, ...afterLabel } = afterGroup;
+        const { label, labelProps = {}, ...afterLabel } = afterGroup;
         // Control props
-        const { as, ...rest } = afterLabel;
+        const { as, controlProps = {}, ...rest } = afterLabel;
         return (React.createElement(Group, { ref: ref, className: className, disabled: disabled, layout: layout, required: required },
-            React.createElement(Label, null, label),
-            React.createElement(Control, Object.assign({ as: as }, rest)),
+            React.createElement(Label, Object.assign({}, labelProps), label),
+            React.createElement(Control, Object.assign({ as: as }, rest, controlProps)),
             children));
@@ -18,0 +18,0 @@ });

dist-types/FormElement.d.ts

@@ -7,2 +7,4 @@ import * as React from "react";
     label: FormLabelProps["children"];
+    labelProps?: Record<string, any>;
+    controlProps?: Record<string, any>;
 };
@@ -9,0 +11,0 @@ export declare const createElementComponent: (FormElems: {

dist-web/index.js

@@ -75,8 +75,8 @@ import { createContext, useContext, forwardRef, createElement, useMemo, Children, Fragment } from 'react';
         // Label props
-        const { label, ...afterLabel } = afterGroup;
+        const { label, labelProps = {}, ...afterLabel } = afterGroup;
         // Control props
-        const { as, ...rest } = afterLabel;
+        const { as, controlProps = {}, ...rest } = afterLabel;
         return (createElement(Group, { ref: ref, className: className, disabled: disabled, layout: layout, required: required },
-            createElement(Label, null, label),
-            createElement(Control, Object.assign({ as: as }, rest)),
+            createElement(Label, Object.assign({}, labelProps), label),
+            createElement(Control, Object.assign({ as: as }, rest, controlProps)),
             children));
@@ -83,0 +83,0 @@ });

package.json

 {
   "name": "react-accessible-form",
   "description": "React Accessible Form handles makes layout and accessibility easy when writing forms.",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "files": [

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

83977

increased by1.49%

Lines of code

642

increased by0.63%

No dependency changes