@tinacms/react-forms - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## [0.1.1](https://github.com/tinacms/tinacms/compare/@tinacms/react-forms@0.1.0...@tinacms/react-forms@0.1.1) (2020-04-06)
+
+**Note:** Version bump only for package @tinacms/react-forms
+
+
+
+
+
 # 0.1.0 (2020-03-30)
@@ -8,0 +16,0 @@

dist/react-forms.cjs.development.js

@@ -64,3 +64,3 @@ 'use strict';
 function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: 950;\n  ", ";\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: var(--tina-z-index-1);\n  ", ";\n"]);
 
@@ -67,0 +67,0 @@ _templateObject2 = function _templateObject2() {

dist/react-forms.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e=require("react"),t=require("styled-components"),r=(n=t)&&"object"==typeof n&&"default"in n?n.default:n,i=require("@tinacms/icons"),o=require("react-dismissible"),a=require("react-dom"),l=require("@tinacms/form-builder"),c=require("@tinacms/styles"),u=require("react-beautiful-dnd"),s=require("@tinacms/react-modals"),d=require("@tinacms/react-core");function f(n,e){return e||(e=n.slice(0)),n.raw=e,n}function m(){var n=f(["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-0);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: 500;\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all 85ms ease-out;\n  &:hover {\n    color: var(--tina-color-primary);\n    background-color: var(--tina-color-grey-1);\n  }\n  &:not(:last-child) {\n    border-bottom: 1px solid #efefef;\n  }\n"]);return m=function(){return n},n}function p(){var n=f(["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "]);return p=function(){return n},n}function g(){var n=f(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: 950;\n  ",";\n"]);return g=function(){return n},n}function v(){var n=f(["\n  height: 64px;\n  width: 40px;\n  align-self: stretch;\n  background-color: transparent;\n  background-position: center;\n  background-size: auto 18px;\n  background-repeat: no-repeat;\n  border: 0;\n  margin: 0 -16px 0 8px;\n  outline: none;\n  cursor: pointer;\n  transition: opacity 85ms ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:hover {\n    background-color: var(--tina-color-grey-1);\n    fill: var(--tina-color-grey-8);\n  }\n"]);return v=function(){return n},n}var b=function(n){var t=n.actions,r=n.form,i=e.useState(!1),a=i[0],l=i[1];return e.createElement(e.Fragment,null,e.createElement(h,{onClick:function(){return l((function(n){return!n}))}}),e.createElement(x,{open:a},e.createElement(o.Dismissible,{click:!0,escape:!0,disabled:!a,onDismiss:function(){l((function(n){return!n}))}},t.map((function(n,t){return e.createElement(n,{form:r,key:t})})))))},h=r((function(n){return e.createElement("button",Object.assign({},n),e.createElement(i.EllipsisVerticalIcon,null))}))(v()),x=r.div(g(),(function(n){return n.open&&t.css(p())})),y=r.button(m());function E(){var n=f(["\n  height: 100%;\n  scrollbar-width: none;\n"]);return E=function(){return n},n}var k=e.createContext((function(){return null})),w=r((function(n){var t=n.children,r=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)e.indexOf(t=o[r])>=0||(i[t]=n[t]);return i}(n,["children"]),i=e.useRef(null),o=e.useCallback((function(n){return i.current?a.createPortal(n.children,i.current):null}),[i.current]);return e.createElement(k.Provider,{value:o},e.createElement("div",Object.assign({ref:i},r),t))}))(E());function z(){var n=f(["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "]);return z=function(){return n},n}function C(){var n=f(["\n  animation: "," 2s linear infinite;\n  display: inline-block;\n  margin-right: 4px;\n  :nth-child(2) {\n    animation-delay: 0.3s;\n  }\n  :nth-child(3) {\n    animation-delay: 0.5s;\n  }\n  ","\n"]);return C=function(){return n},n}function F(){var n=f(["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"]);return F=function(){return n},n}var B=function(n){var t=n.dotSize,r=void 0===t?8:t,i=n.color,o=void 0===i?"white":i;return e.createElement("div",null,e.createElement(S,{dotSize:r,color:o}),e.createElement(S,{dotSize:r,color:o}),e.createElement(S,{dotSize:r,color:o}))},P=t.keyframes(F()),S=r.span(C(),P,(function(n){var e=n.color,r=n.dotSize;return t.css(z(),e,r,r,r)}));function j(){var n=f(["\n  flex: 0 0 96px;\n"]);return j=function(){return n},n}var q=function(n){var t=n.pristine,r=n.reset,i=n.children,o=e.useState(!1),a=o[0],l=o[1];return e.createElement(e.Fragment,null,e.createElement(D,{onClick:function(){l((function(n){return!n}))},disabled:t},i),a&&e.createElement(M,{reset:r,close:function(){return l(!1)}}))},M=function(n){var t=n.close,r=n.reset;return e.createElement(s.Modal,null,e.createElement(s.ModalPopup,null,e.createElement(s.ModalHeader,{close:t},"Reset"),e.createElement(s.ModalBody,{padded:!0},e.createElement("p",null,"Are you sure you want to reset all changes?")),e.createElement(s.ModalActions,null,e.createElement(c.Button,{onClick:t},"Cancel"),e.createElement(c.Button,{margin:!0,primary:!0,onClick:function(){try{return Promise.resolve(r()).then((function(){t()}))}catch(n){return Promise.reject(n)}}},"Reset"))))},D=r(c.Button)(j());function O(){var n=f(["\n  flex: 1.5 0 auto;\n  padding: 12px 24px;\n"]);return O=function(){return n},n}function A(){var n=f(["\n  position: relative;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 64px;\n  background-color: white;\n  border-top: 1px solid var(--tina-color-grey-2);\n\n  "," {\n    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"]);return A=function(){return n},n}function R(){var n=f(["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  scrollbar-width: none;\n  width: 100%;\n  overflow: hidden;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n\n  "," {\n    height: 100%;\n    scrollbar-width: none;\n  }\n"]);return R=function(){return n},n}function _(){var n=f(["\n  display: block;\n  margin: 0 auto;\n  max-width: 500px;\n  width: 100%;\n"]);return _=function(){return n},n}function H(){var n=f(["\n  text-align: center;\n  border: 0;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid var(--tina-color-grey-2);\n  box-shadow: var(--tina-shadow-small);\n  font-weight: 500;\n  cursor: pointer;\n  font-size: var(--tina-font-size-0);\n  transition: all var(--tina-timing-short) ease-out;\n  background-color: white;\n  color: var(--tina-color-grey-8);\n  padding: var(--tina-padding-small) var(--tina-padding-big)\n    var(--tina-padding-small) 56px;\n  position: relative;\n  text-decoration: none;\n  display: inline-block;\n  "," {\n    font-size: 24px;\n    position: absolute;\n    left: var(--tina-padding-big);\n    top: 50%;\n    transform-origin: 50% 50%;\n    transform: translate3d(0, -50%, 0);\n    transition: all var(--tina-timing-short) ease-out;\n  }\n  &:hover {\n    color: var(--tina-color-primary);\n    "," {\n      transform: translate3d(0, -50%, 0);\n    }\n  }\n"]);return H=function(){return n},n}function V(){var n=f(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: var(--tina-padding-big) var(--tina-padding-big) 64px\n    var(--tina-padding-big);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  animation-name: ",";\n  animation-delay: 300ms;\n  animation-timing-function: ease-out;\n  animation-iteration-count: 1;\n  animation-fill-mode: both;\n  animation-duration: 150ms;\n  > *:first-child {\n    margin: 0 0 var(--tina-padding-big) 0;\n  }\n  > "," {\n    display: block;\n  }\n  h3 {\n    font-size: var(--tina-font-size-5);\n    font-weight: normal;\n    color: inherit;\n    display: block;\n    margin: 0 0 var(--tina-padding-big) 0;\n    "," {\n      font-size: 1em;\n    }\n  }\n  p {\n    display: block;\n    margin: 0 0 var(--tina-padding-big) 0;\n  }\n"]);return V=function(){return n},n}function G(){var n=f(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"]);return G=function(){return n},n}function I(){var n=f(["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"]);return I=function(){return n},n}var L=r.span(I()),W=t.keyframes(G()),J=r.div(V(),W,L,L),K=r.a(H(),L,L),N=function(){return e.createElement(J,null,e.createElement(L,null,"🤔"),e.createElement("h3",null,"Hey, you don't have any fields added to this form."),e.createElement("p",null,e.createElement(K,{href:"https://tinacms.org/docs/gatsby/markdown/#creating-remark-forms",target:"_blank"},e.createElement(L,null,"📖")," Field Setup Guide")))},Q=r.div(_()),T=r.div(R(),Q),U=r.div(A(),Q),X=r(c.Button)(O());exports.ActionButton=y,exports.FormActionMenu=b,exports.FormBody=T,exports.FormPortalProvider=w,exports.FormView=function(n){var t=n.activeForm,r=d.useCMS().sidebar.buttons,i=e.useCallback((function(n){n.destination&&t&&t.mutators.move(n.type,n.source.index,n.destination.index)}),[t]);return e.createElement(l.FormBuilder,{form:t},(function(n){var o=n.handleSubmit,a=n.pristine,s=n.form,d=n.submitting;return e.createElement(u.DragDropContext,{onDragEnd:i},e.createElement(T,null,e.createElement(w,null,e.createElement(Q,null,t&&(t.fields.length?e.createElement(l.FieldsBuilder,{form:t,fields:t.fields}):e.createElement(N,null))))),e.createElement(U,null,e.createElement(Q,null,t.reset&&e.createElement(q,{pristine:a,reset:function(){try{return s.reset(),Promise.resolve(t.reset()).then((function(){}))}catch(n){return Promise.reject(n)}}},r.reset),e.createElement(c.Button,{onClick:function(){return o()},disabled:a,busy:d,primary:!0,grow:!0,margin:!0},d&&e.createElement(B,null),!d&&r.save),t.actions.length>0&&e.createElement(b,{actions:t.actions,form:t}))))}))},exports.LoadingDots=B,exports.ResetForm=q,exports.SaveButton=X,exports.Wrapper=Q,exports.useFormPortal=function(){return e.useContext(k)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,e=require("react"),t=require("styled-components"),r=(n=t)&&"object"==typeof n&&"default"in n?n.default:n,i=require("@tinacms/icons"),o=require("react-dismissible"),a=require("react-dom"),l=require("@tinacms/form-builder"),c=require("@tinacms/styles"),u=require("react-beautiful-dnd"),s=require("@tinacms/react-modals"),d=require("@tinacms/react-core");function f(n,e){return e||(e=n.slice(0)),n.raw=e,n}function m(){var n=f(["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-0);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: 500;\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all 85ms ease-out;\n  &:hover {\n    color: var(--tina-color-primary);\n    background-color: var(--tina-color-grey-1);\n  }\n  &:not(:last-child) {\n    border-bottom: 1px solid #efefef;\n  }\n"]);return m=function(){return n},n}function p(){var n=f(["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "]);return p=function(){return n},n}function g(){var n=f(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: var(--tina-z-index-1);\n  ",";\n"]);return g=function(){return n},n}function v(){var n=f(["\n  height: 64px;\n  width: 40px;\n  align-self: stretch;\n  background-color: transparent;\n  background-position: center;\n  background-size: auto 18px;\n  background-repeat: no-repeat;\n  border: 0;\n  margin: 0 -16px 0 8px;\n  outline: none;\n  cursor: pointer;\n  transition: opacity 85ms ease-out;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  &:hover {\n    background-color: var(--tina-color-grey-1);\n    fill: var(--tina-color-grey-8);\n  }\n"]);return v=function(){return n},n}var b=function(n){var t=n.actions,r=n.form,i=e.useState(!1),a=i[0],l=i[1];return e.createElement(e.Fragment,null,e.createElement(h,{onClick:function(){return l((function(n){return!n}))}}),e.createElement(x,{open:a},e.createElement(o.Dismissible,{click:!0,escape:!0,disabled:!a,onDismiss:function(){l((function(n){return!n}))}},t.map((function(n,t){return e.createElement(n,{form:r,key:t})})))))},h=r((function(n){return e.createElement("button",Object.assign({},n),e.createElement(i.EllipsisVerticalIcon,null))}))(v()),x=r.div(g(),(function(n){return n.open&&t.css(p())})),y=r.button(m());function E(){var n=f(["\n  height: 100%;\n  scrollbar-width: none;\n"]);return E=function(){return n},n}var k=e.createContext((function(){return null})),w=r((function(n){var t=n.children,r=function(n,e){if(null==n)return{};var t,r,i={},o=Object.keys(n);for(r=0;r<o.length;r++)e.indexOf(t=o[r])>=0||(i[t]=n[t]);return i}(n,["children"]),i=e.useRef(null),o=e.useCallback((function(n){return i.current?a.createPortal(n.children,i.current):null}),[i.current]);return e.createElement(k.Provider,{value:o},e.createElement("div",Object.assign({ref:i},r),t))}))(E());function z(){var n=f(["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "]);return z=function(){return n},n}function C(){var n=f(["\n  animation: "," 2s linear infinite;\n  display: inline-block;\n  margin-right: 4px;\n  :nth-child(2) {\n    animation-delay: 0.3s;\n  }\n  :nth-child(3) {\n    animation-delay: 0.5s;\n  }\n  ","\n"]);return C=function(){return n},n}function F(){var n=f(["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"]);return F=function(){return n},n}var B=function(n){var t=n.dotSize,r=void 0===t?8:t,i=n.color,o=void 0===i?"white":i;return e.createElement("div",null,e.createElement(S,{dotSize:r,color:o}),e.createElement(S,{dotSize:r,color:o}),e.createElement(S,{dotSize:r,color:o}))},P=t.keyframes(F()),S=r.span(C(),P,(function(n){var e=n.color,r=n.dotSize;return t.css(z(),e,r,r,r)}));function j(){var n=f(["\n  flex: 0 0 96px;\n"]);return j=function(){return n},n}var q=function(n){var t=n.pristine,r=n.reset,i=n.children,o=e.useState(!1),a=o[0],l=o[1];return e.createElement(e.Fragment,null,e.createElement(D,{onClick:function(){l((function(n){return!n}))},disabled:t},i),a&&e.createElement(M,{reset:r,close:function(){return l(!1)}}))},M=function(n){var t=n.close,r=n.reset;return e.createElement(s.Modal,null,e.createElement(s.ModalPopup,null,e.createElement(s.ModalHeader,{close:t},"Reset"),e.createElement(s.ModalBody,{padded:!0},e.createElement("p",null,"Are you sure you want to reset all changes?")),e.createElement(s.ModalActions,null,e.createElement(c.Button,{onClick:t},"Cancel"),e.createElement(c.Button,{margin:!0,primary:!0,onClick:function(){try{return Promise.resolve(r()).then((function(){t()}))}catch(n){return Promise.reject(n)}}},"Reset"))))},D=r(c.Button)(j());function O(){var n=f(["\n  flex: 1.5 0 auto;\n  padding: 12px 24px;\n"]);return O=function(){return n},n}function A(){var n=f(["\n  position: relative;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 64px;\n  background-color: white;\n  border-top: 1px solid var(--tina-color-grey-2);\n\n  "," {\n    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"]);return A=function(){return n},n}function R(){var n=f(["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  scrollbar-width: none;\n  width: 100%;\n  overflow: hidden;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n\n  "," {\n    height: 100%;\n    scrollbar-width: none;\n  }\n"]);return R=function(){return n},n}function _(){var n=f(["\n  display: block;\n  margin: 0 auto;\n  max-width: 500px;\n  width: 100%;\n"]);return _=function(){return n},n}function H(){var n=f(["\n  text-align: center;\n  border: 0;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid var(--tina-color-grey-2);\n  box-shadow: var(--tina-shadow-small);\n  font-weight: 500;\n  cursor: pointer;\n  font-size: var(--tina-font-size-0);\n  transition: all var(--tina-timing-short) ease-out;\n  background-color: white;\n  color: var(--tina-color-grey-8);\n  padding: var(--tina-padding-small) var(--tina-padding-big)\n    var(--tina-padding-small) 56px;\n  position: relative;\n  text-decoration: none;\n  display: inline-block;\n  "," {\n    font-size: 24px;\n    position: absolute;\n    left: var(--tina-padding-big);\n    top: 50%;\n    transform-origin: 50% 50%;\n    transform: translate3d(0, -50%, 0);\n    transition: all var(--tina-timing-short) ease-out;\n  }\n  &:hover {\n    color: var(--tina-color-primary);\n    "," {\n      transform: translate3d(0, -50%, 0);\n    }\n  }\n"]);return H=function(){return n},n}function V(){var n=f(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: var(--tina-padding-big) var(--tina-padding-big) 64px\n    var(--tina-padding-big);\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  animation-name: ",";\n  animation-delay: 300ms;\n  animation-timing-function: ease-out;\n  animation-iteration-count: 1;\n  animation-fill-mode: both;\n  animation-duration: 150ms;\n  > *:first-child {\n    margin: 0 0 var(--tina-padding-big) 0;\n  }\n  > "," {\n    display: block;\n  }\n  h3 {\n    font-size: var(--tina-font-size-5);\n    font-weight: normal;\n    color: inherit;\n    display: block;\n    margin: 0 0 var(--tina-padding-big) 0;\n    "," {\n      font-size: 1em;\n    }\n  }\n  p {\n    display: block;\n    margin: 0 0 var(--tina-padding-big) 0;\n  }\n"]);return V=function(){return n},n}function G(){var n=f(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"]);return G=function(){return n},n}function I(){var n=f(["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"]);return I=function(){return n},n}var L=r.span(I()),W=t.keyframes(G()),J=r.div(V(),W,L,L),K=r.a(H(),L,L),N=function(){return e.createElement(J,null,e.createElement(L,null,"🤔"),e.createElement("h3",null,"Hey, you don't have any fields added to this form."),e.createElement("p",null,e.createElement(K,{href:"https://tinacms.org/docs/gatsby/markdown/#creating-remark-forms",target:"_blank"},e.createElement(L,null,"📖")," Field Setup Guide")))},Q=r.div(_()),T=r.div(R(),Q),U=r.div(A(),Q),X=r(c.Button)(O());exports.ActionButton=y,exports.FormActionMenu=b,exports.FormBody=T,exports.FormPortalProvider=w,exports.FormView=function(n){var t=n.activeForm,r=d.useCMS().sidebar.buttons,i=e.useCallback((function(n){n.destination&&t&&t.mutators.move(n.type,n.source.index,n.destination.index)}),[t]);return e.createElement(l.FormBuilder,{form:t},(function(n){var o=n.handleSubmit,a=n.pristine,s=n.form,d=n.submitting;return e.createElement(u.DragDropContext,{onDragEnd:i},e.createElement(T,null,e.createElement(w,null,e.createElement(Q,null,t&&(t.fields.length?e.createElement(l.FieldsBuilder,{form:t,fields:t.fields}):e.createElement(N,null))))),e.createElement(U,null,e.createElement(Q,null,t.reset&&e.createElement(q,{pristine:a,reset:function(){try{return s.reset(),Promise.resolve(t.reset()).then((function(){}))}catch(n){return Promise.reject(n)}}},r.reset),e.createElement(c.Button,{onClick:function(){return o()},disabled:a,busy:d,primary:!0,grow:!0,margin:!0},d&&e.createElement(B,null),!d&&r.save),t.actions.length>0&&e.createElement(b,{actions:t.actions,form:t}))))}))},exports.LoadingDots=B,exports.ResetForm=q,exports.SaveButton=X,exports.Wrapper=Q,exports.useFormPortal=function(){return e.useContext(k)};
 //# sourceMappingURL=react-forms.cjs.production.min.js.map

dist/react-forms.esm.js

@@ -57,3 +57,3 @@ import { useState, createElement, Fragment, useContext, useRef, useCallback, createContext } from 'react';
 function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: 950;\n  ", ";\n"]);
+  var data = _taggedTemplateLiteralLoose(["\n  min-width: 192px;\n  border-radius: var(--tina-radius-big);\n  border: 1px solid #efefef;\n  display: block;\n  position: absolute;\n  bottom: var(--tina-padding-big);\n  right: var(--tina-padding-big);\n  transform: translate3d(0, 0, 0) scale3d(0.5, 0.5, 1);\n  opacity: 0;\n  pointer-events: none;\n  transition: all 85ms ease-out;\n  transform-origin: 100% 100%;\n  box-shadow: var(--tina-shadow-big);\n  background-color: white;\n  overflow: hidden;\n  z-index: var(--tina-z-index-1);\n  ", ";\n"]);
 
@@ -60,0 +60,0 @@ _templateObject2 = function _templateObject2() {

package.json

 {
   "name": "@tinacms/react-forms",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "license": "Apache-2.0",
@@ -25,3 +25,3 @@ "main": "dist/index.js",
   "dependencies": {
-    "@tinacms/form-builder": "^0.3.0",
+    "@tinacms/form-builder": "^0.3.1",
     "react-beautiful-dnd": "^11.0.5",
@@ -31,7 +31,7 @@ "react-dismissible": "^1.1.5"
   "devDependencies": {
-    "@tinacms/forms": "^0.3.0",
-    "@tinacms/icons": "^0.7.0",
-    "@tinacms/react-core": "^0.2.9",
-    "@tinacms/react-modals": "^0.1.0",
-    "@tinacms/styles": "^0.4.0",
+    "@tinacms/forms": "^0.4.0",
+    "@tinacms/icons": "^0.8.0",
+    "@tinacms/react-core": "^0.2.10",
+    "@tinacms/react-modals": "^0.1.1",
+    "@tinacms/styles": "^0.4.1",
     "@types/react-beautiful-dnd": "^11.0.3"
@@ -49,3 +49,3 @@ },
   },
-  "gitHead": "215963ebe2e9219c0e1e0e43da67da7784f19c5d"
+  "gitHead": "4d74125e00320233a6a0ad1bb9282e801c5229e0"
 }

No alert changes

Improved metrics

Total package byte prevSize

128555

increased by0.23%

Dependency changes

• Updated@tinacms/form-builder@^0.3.1