@comparaonline/ui-wizard-form - npm Package Compare versions

Comparing version 0.0.11-alpha.0 to 0.0.12-alpha.0

dist/index.d.ts

 import * as mutators from './mutators';
+import * as WizardFormLayout from './WizardFormLayout';
 export { WizardForm } from './WizardForm';
 export { mutators };
+export { WizardFormLayout };

dist/ui-wizard-form.js

@@ -1,2 +0,2 @@
-module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(e,t){e.exports=require("tslib")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0).__importStar(r(2));t.mutators=n;var i=r(6);t.WizardForm=i.WizardForm},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(3);t.setField=n.setField;var i=r(4);t.setFields=i.setFields;var o=r(5);t.clearFields=o.clearFields},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.setField=function(e,t,r){var n=e[0],i=e[1];return(0,r.changeValue)(t,n,function(){return i})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.setFields=function(e,t,r){var n=e[0],i=r.changeValue;return Object.keys(n).map(function(e){return i(t,e,function(){return n[e]})})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.clearFields=function(e,t,r){var n=r.changeValue;e.map(function(e){return n(t,e,function(){})})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),i=n.__importDefault(r(7)),o=r(8);t.WizardForm=function(e){var t=e.currentStep,r=e.formProps,u=e.goTo,a=e.isFirstStep,s=e.isLastStep,c=e.isLoading,l=e.previous,f=e.setLoading;return i.default.createElement(o.Form,n.__assign({},r),function(e){var r=e.handleSubmit,o=n.__rest(e,["handleSubmit"]);return i.default.createElement("form",{onSubmit:r,noValidate:!0},t.render&&t.render(n.__assign({goTo:u,isLoading:c,previous:l,setLoading:f,id:t.id,isFirst:a(),isLast:s()},o)))})}},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("react-final-form")}]);
+module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(e,t){e.exports=require("tslib")},function(e,t){e.exports=require("react")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),i=n.__importStar(r(3));t.mutators=i;var o=n.__importStar(r(7));t.WizardFormLayout=o;var u=r(10);t.WizardForm=u.WizardForm},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(4);t.setField=n.setField;var i=r(5);t.setFields=i.setFields;var o=r(6);t.clearFields=o.clearFields},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.setField=function(e,t,r){var n=e[0],i=e[1];return(0,r.changeValue)(t,n,function(){return i})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.setFields=function(e,t,r){var n=e[0],i=r.changeValue;return Object.keys(n).map(function(e){return i(t,e,function(){return n[e]})})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.clearFields=function(e,t,r){var n=r.changeValue;e.map(function(e){return n(t,e,function(){})})}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(8);t.Actions=n.Actions},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),i=n.__importDefault(r(1)),o=r(9);t.styles=function(e){var t=4*e.spacing.unit;return o.createStyles({actions:{margin:"auto",marginTop:t,marginBottom:t,maxWidth:29*e.spacing.unit,textAlign:"center"}})};t.Actions=o.withStyles(t.styles)(function(e){var t=e.classes,r=e.children,o=n.__rest(e,["classes","children"]);return i.default.createElement("div",n.__assign({className:t.actions},o),r)})},function(e,t){e.exports=require("@material-ui/core/styles")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=r(0),i=n.__importDefault(r(1)),o=r(11);t.WizardForm=function(e){var t=e.currentStep,r=e.formProps,u=e.goTo,a=e.isFirstStep,s=e.isLastStep,c=e.isLoading,l=e.previous,f=e.setLoading;return i.default.createElement(o.Form,n.__assign({},r),function(e){var r=e.handleSubmit,o=n.__rest(e,["handleSubmit"]);return i.default.createElement("form",{onSubmit:r,noValidate:!0},t.render&&t.render(n.__assign({goTo:u,isLoading:c,previous:l,setLoading:f,id:t.id,isFirst:a(),isLast:s()},o)))})}},function(e,t){e.exports=require("react-final-form")}]);
 //# sourceMappingURL=ui-wizard-form.js.map

package.json

 {
   "name": "@comparaonline/ui-wizard-form",
   "author": "Esteban Martini",
-  "version": "0.0.11-alpha.0",
+  "version": "0.0.12-alpha.0",
   "main": "dist/ui-wizard-form.js",
@@ -21,2 +21,3 @@ "types": "dist/index.d.ts",
     "@comparaonline/ui-tsconfig": "^0.27.10",
+    "@material-ui/core": "^3.7.0",
     "@types/enzyme": "^3.1.14",
@@ -34,3 +35,4 @@ "@types/jest": "^23.3.5",
   "dependencies": {
-    "@comparaonline/ui-wizard-form-manager": "^0.0.11-alpha.0",
+    "@comparaonline/ui-wizard-form-manager": "^0.0.12-alpha.0",
+    "@material-ui/core": "^3.7.0",
     "@types/react": "^16.4.18",
@@ -45,3 +47,3 @@ "final-form": "^4.10.0",
   },
-  "gitHead": "576a09fa708dba3f797906b91aee5ccacc0ce470"
+  "gitHead": "a51b9c7ee7361b41e942fb1c9ba93a635a10817f"
 }

README.md

@@ -13,2 +13,4 @@ # @comparaonline/ui-wizard-form
 
+### WizardForm
+
 This component receives some mandatory props in order to initialize the react-final-form(RFF) Form component
@@ -25,2 +27,4 @@
 ```tsx
+import { WizardForm } from '@comparaonline/ui-wizard-form';
+
 <WizardForm
@@ -36,1 +40,14 @@ formProps={{ onSubmit }}
 ```
+
+### WizardFormLayout Components
+
+Use them as containers of different `WizardForm` content.
+
+```tsx
+import { WizardFormLayout } from '@comparaonline/ui-wizard-form';
+
+<WizardFormLayout.Actions>
+  <Button>Continue</Button>
+  <Button>Skip</Button>
+</WizardFormLayout.Actions>
+```

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18509

increased by24.07%

Number of package files

14

increased by16.67%

Lines of code

59

increased by34.09%

Number of lines in readme file

51

increased by50%

Worsened metrics

Dependency count

8

increased by14.29%

Dev dependency count

14

increased by7.69%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@material-ui/core@^3.7.0

• + Added@comparaonline/ui-wizard-form-manager@0.0.12-alpha.0(transitive)

• + Added@material-ui/core@3.9.4(transitive)

• + Added@material-ui/system@3.0.0-alpha.2(transitive)

• + Added@material-ui/utils@3.0.0-alpha.3(transitive)

• + Added@types/jss@9.5.8(transitive)

• + Added@types/react-transition-group@2.9.2(transitive)

• + Addedasap@2.0.6(transitive)

• + Addedbrcast@3.0.2(transitive)

• + Addedchange-emitter@0.1.6(transitive)

• + Addedclassnames@2.5.1(transitive)

• + Addedcore-js@1.2.7(transitive)

• + Addedcss-vendor@0.3.8(transitive)

• + Addedcsstype@2.6.21(transitive)

• + Addeddebounce@1.2.1(transitive)

• + Addeddeepmerge@3.3.0(transitive)

• + Addeddom-helpers@3.4.0(transitive)

• + Addedencoding@0.1.13(transitive)

• + Addedfbjs@0.8.18(transitive)

• + Addedhoist-non-react-statics@2.5.53.3.2(transitive)

• + Addedhyphenate-style-name@1.1.0(transitive)

• + Addediconv-lite@0.6.3(transitive)

• + Addedindefinite-observable@1.0.2(transitive)

• + Addedis-in-browser@1.1.3(transitive)

• + Addedis-plain-object@2.0.4(transitive)

• + Addedis-stream@1.1.0(transitive)

• + Addedisobject@3.0.1(transitive)

• + Addedisomorphic-fetch@2.2.1(transitive)

• + Addedjss@9.8.7(transitive)

• + Addedjss-camel-case@6.1.0(transitive)

• + Addedjss-default-unit@8.0.2(transitive)

• + Addedjss-global@3.0.0(transitive)

• + Addedjss-nested@6.0.1(transitive)

• + Addedjss-props-sort@6.0.0(transitive)

• + Addedjss-vendor-prefixer@7.0.0(transitive)

• + Addednode-fetch@1.7.3(transitive)

• + Addednormalize-scroll-left@0.1.2(transitive)

• + Addedpopper.js@1.16.1(transitive)

• + Addedpromise@7.3.1(transitive)

• + Addedreact-event-listener@0.6.6(transitive)

• + Addedreact-lifecycles-compat@3.0.4(transitive)

• + Addedreact-transition-group@2.9.0(transitive)

• + Addedrecompose@0.30.0(transitive)

• + Addedsafer-buffer@2.1.2(transitive)

• + Addedsetimmediate@1.0.5(transitive)

• + Addedsymbol-observable@1.2.0(transitive)

• + Addedua-parser-js@0.7.39(transitive)

• + Addedwarning@3.0.04.0.3(transitive)

• + Addedwhatwg-fetch@3.6.20(transitive)

• - Removed@comparaonline/ui-wizard-form-manager@0.0.11-alpha.0(transitive)

• Updated@comparaonline/ui-wizard-form-manager@^0.0.12-alpha.0