@tinacms/form-builder - npm Package Compare versions

Comparing version 0.43.0 to 0.43.3

build/index.js

@@ -1,1 +0,1 @@
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@tinacms/react-core"),require("react-final-form"),require("styled-components"),require("prop-types"),require("react-beautiful-dnd"),require("@tinacms/styles"),require("@tinacms/react-modals"),require("react-dom"),require("@tinacms/icons"),require("react-dismissible")):"function"==typeof define&&define.amd?define(["exports","react","@tinacms/react-core","react-final-form","styled-components","prop-types","react-beautiful-dnd","@tinacms/styles","@tinacms/react-modals","react-dom","@tinacms/icons","react-dismissible"],e):e((n=n||self)["@tinacms/form-builder"]={},n.React,n.reactCore,n.reactFinalForm,n.styled,n.PropTypes,n.reactBeautifulDnd,n.styles,n.reactModals,n.reactDom,n.icons,n.reactDismissible)}(this,function(n,s,t,d,r,e,c,u,i,a,o,l){"use strict";var p="default"in r?r.default:r;e=e&&e.hasOwnProperty("default")?e.default:e;var m=function(){return(m=Object.assign||function(n){for(var e,t=1,r=arguments.length;t<r;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)};function f(n,e){var t={};for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&e.indexOf(r)<0&&(t[r]=n[r]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(n);i<r.length;i++)e.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(n,r[i])&&(t[r[i]]=n[r[i]])}return t}function g(o,a,l,c){return new(l=l||Promise)(function(n,e){function t(n){try{i(c.next(n))}catch(n){e(n)}}function r(n){try{i(c.throw(n))}catch(n){e(n)}}function i(e){e.done?n(e.value):new l(function(n){n(e.value)}).then(t,r)}i((c=c.apply(o,a||[])).next())})}function h(t,r){var i,o,a,n,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return n={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function e(e){return function(n){return function(e){if(i)throw new TypeError("Generator is already executing.");for(;l;)try{if(i=1,o&&(a=2&e[0]?o.return:e[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,e[1])).done)return a;switch(o=0,a&&(e=[2&e[0],a.value]),e[0]){case 0:case 1:a=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,o=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!a||e[1]>a[0]&&e[1]<a[3])){l.label=e[1];break}if(6===e[0]&&l.label<a[1]){l.label=a[1],a=e;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(e);break}a[2]&&l.ops.pop(),l.trys.pop();continue}e=r.call(t,l)}catch(n){e=[6,n],o=0}finally{i=a=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,n])}}}function v(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}function b(n){var l=n.form,e=n.fields,c=t.useCMS();return s.createElement(x,null,e.map(function(r){if(null===r.component)return null;var n,e=c.plugins.findOrCreateMap("field").find(r.component);e&&e.type&&(n=e.type);var t=w("parse",r,e),i=w("validate",r,e),o=r.format;!o&&e&&e.format&&(o=e.format);var a=r.defaultValue;return!t&&e&&e.defaultValue&&(a=e.defaultValue),s.createElement(d.Field,{name:r.name,key:r.name,type:n,parse:t?function(n,e){return t(n,e,r)}:void 0,format:o?function(n,e){return o(n,e,r)}:void 0,defaultValue:a,validate:function(n,e,t){if(i)return i(n,e,t,r)}},function(n){return"string"!=typeof r.component&&null!==r.component?s.createElement(r.component,m({},n,{form:l.finalForm,tinaForm:l,field:r})):e?s.createElement(e.Component,m({},n,{form:l.finalForm,tinaForm:l,field:r})):s.createElement("p",null,"Unrecognized field type")})}))}var y,x=p.div.withConfig({displayName:"FieldsGroup",componentId:"sc-rpstjm"})(y=y||v(["\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 20px 20px 0 20px;\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: auto !important;\n"],["\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 20px 20px 0 20px;\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: auto !important;\n"]));function w(n,e,t){var r=e[n];return!r&&t&&t[n]&&(r=t[n]),r}function E(n){var e=n.form,t=n.children,r=s.useState(0),i=r[0],o=r[1];return s.useEffect(function(){o(function(n){return n+1})},[e]),s.createElement(k,{form:e.finalForm,key:i+": "+e.id},t)}var k=d.Form,C=s.createContext(!1);function z(n){var r=n.Component,e=n.children,i=f(n,["Component","children"]);return s.useContext(C)?s.createElement(d.Field,m({},i),function(n){var e=n.input,t=n.meta;return s.createElement(r,m({input:e,meta:t},i))}):e||null}z.propTypes={name:e.string,type:e.string,Component:e.any.isRequired,children:e.any};function F(n){var e=n.dotSize,t=void 0===e?8:e,r=n.color,i=void 0===r?"white":r;return s.createElement("div",null,s.createElement(O,{dotSize:t,color:i}),s.createElement(O,{dotSize:t,color:i}),s.createElement(O,{dotSize:t,color:i}))}var P,S,j,I=r.keyframes(P=P||v(["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"],["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"])),O=p.span.withConfig({displayName:"SingleDot",componentId:"sc-1qx6l6e"})(j=j||v(["\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"],["\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"]),I,function(n){var e=n.color,t=n.dotSize;return r.css(S=S||v(["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "],["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "]),e,t,t,t)}),N=s.createContext(function(){return null});function q(n){var e=n.pristine,t=n.reset,r=n.children,i=s.useState(!1),o=i[0],a=i[1];return s.createElement(s.Fragment,null,s.createElement(Y,{onClick:function(){a(function(n){return!n})},disabled:e},r),o&&s.createElement(X,{reset:t,close:function(){return a(!1)}}))}function B(n){var e=n.actions,t=n.form,r=s.useState(!1),i=r[0],o=r[1];return s.createElement(s.Fragment,null,s.createElement(Z,{onClick:function(){return o(function(n){return!n})}}),s.createElement($,{open:i},s.createElement(l.Dismissible,{click:!0,escape:!0,disabled:!i,onDismiss:function(){o(function(n){return!n})}},e.map(function(n,e){return s.createElement(n,{form:t,key:e})}))))}function M(){return s.createElement(ln,null,s.createElement(on,null,"🤔"),s.createElement("h3",null,"Hey, you don't have any fields added to this form."),s.createElement("p",null,s.createElement(cn,{href:"https://tinacms.org/docs/fields",target:"_blank"},s.createElement(on,null,"📖")," Field Setup Guide")))}var D,R,A,T,V,G,L,_,H,K,U,W,J,Q=p(function(n){var e=n.children,t=f(n,["children"]),r=s.useRef(null),i=s.useRef(0),o=s.useCallback(function(n){var e=s.useMemo(function(){var n=i.current;return i.current+=1,n},[]);return r.current?a.createPortal(n.children({zIndexShift:e}),r.current):null},[r,i]);return s.createElement(N.Provider,{value:o},s.createElement("div",m({ref:r},t),e))}).withConfig({displayName:"FormPortalProvider",componentId:"sc-18e3ff7"})(D=D||v(["\n  height: 100%;\n  scrollbar-width: none;\n"],["\n  height: 100%;\n  scrollbar-width: none;\n"])),X=function(n){var e=n.close,t=n.reset;return s.createElement(i.Modal,null,s.createElement(i.ModalPopup,null,s.createElement(i.ModalHeader,{close:e},"Reset"),s.createElement(i.ModalBody,{padded:!0},s.createElement("p",null,"Are you sure you want to reset all changes?")),s.createElement(i.ModalActions,null,s.createElement(u.Button,{onClick:e},"Cancel"),s.createElement(u.Button,{margin:!0,primary:!0,onClick:function(){return g(void 0,void 0,void 0,function(){return h(this,function(n){switch(n.label){case 0:return[4,t()];case 1:return n.sent(),e(),[2]}})})}},"Reset"))))},Y=p(u.Button).withConfig({displayName:"ResetButton",componentId:"sc-w0mfwo"})(R=R||v(["\n  flex: 0 0 96px;\n"],["\n  flex: 0 0 96px;\n"])),Z=p(function(n){return s.createElement("button",m({},n),s.createElement(o.EllipsisVerticalIcon,null))}).withConfig({displayName:"MoreActionsButton",componentId:"sc-cxsgfq"})(A=A||v(["\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"],["\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"])),$=p.div.withConfig({displayName:"ActionsOverlay",componentId:"sc-1kt18v8"})(V=V||v(["\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"],["\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"]),function(n){return n.open&&r.css(T=T||v(["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "],["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "]))}),nn=p.button.withConfig({displayName:"ActionButton",componentId:"sc-o2d1dv"})(G=G||v(["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-1);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: var(--tina-font-weight-regular);\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all var(--tina-timing-medium) 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 var(--tina-color-grey-2);\n  }\n"],["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-1);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: var(--tina-font-weight-regular);\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all var(--tina-timing-medium) 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 var(--tina-color-grey-2);\n  }\n"])),en=p.div.withConfig({displayName:"Wrapper",componentId:"sc-1uwx6jj"})(L=L||v(["\n  display: block;\n  margin: 0 auto;\n  width: 100%;\n"],["\n  display: block;\n  margin: 0 auto;\n  width: 100%;\n"])),tn=p.div.withConfig({displayName:"FormBody",componentId:"sc-t6m115"})(_=_||v(["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: auto;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n  "," {\n    height: 100%;\n  }\n"],["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: auto;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n  "," {\n    height: 100%;\n  }\n"]),en),rn=p.div.withConfig({displayName:"FormFooter",componentId:"sc-g9s11m"})(H=H||v(["\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    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"],["\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    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"]),en),on=p.span.withConfig({displayName:"Emoji",componentId:"sc-1bhmgh4"})(K=K||v(["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"],["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"])),an=r.keyframes(U=U||v(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"],["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])),ln=p.div.withConfig({displayName:"EmptyState",componentId:"sc-t8y5e5"})(W=W||v(["\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"],["\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"]),an,on,on),cn=p.a.withConfig({displayName:"LinkButton",componentId:"sc-17k7svn"})(J=J||v(["\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: var(--tina-font-weight-regular);\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"],["\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: var(--tina-font-weight-regular);\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"]),on,on);n.ActionButton=nn,n.FieldsBuilder=b,n.FieldsGroup=x,n.FormActionMenu=B,n.FormBuilder=function(n){var o=n.form,e=s.useState(0),t=e[0],r=e[1];s.useEffect(function(){r(function(n){return n+1})},[o]);var a=o.finalForm,l=s.useCallback(function(n){if(n.destination&&a){var e=n.type;a.mutators.move(e,n.source.index,n.destination.index)}},[o]);return s.createElement(i.ModalProvider,null,s.createElement(d.Form,{form:a,key:t+": "+o.id,onSubmit:o.onSubmit},function(n){var e=n.handleSubmit,t=n.pristine,r=n.invalid,i=n.submitting;return s.createElement(c.DragDropContext,{onDragEnd:l},s.createElement(tn,{className:"form-body",onKeyPress:function(n){return 13!==n.charCode||i?null:e()}},s.createElement(Q,null,s.createElement(en,null,o&&o.fields.length?s.createElement(b,{form:o,fields:o.fields}):s.createElement(M,null)))),s.createElement(rn,{className:"form-footer"},s.createElement(en,null,o.reset&&s.createElement(q,{pristine:t,reset:function(){return g(void 0,void 0,void 0,function(){return h(this,function(n){switch(n.label){case 0:return a.reset(),[4,o.reset()];case 1:return n.sent(),[2]}})})}},o.buttons.reset),s.createElement(u.Button,{onClick:function(){return e()},disabled:t||i||r,busy:i,primary:!0,grow:!0,margin:!0},i&&s.createElement(F,null),!i&&o.buttons.save),0<o.actions.length&&s.createElement(B,{form:o,actions:o.actions}))))}))},n.FormLegacy=E,n.FormPortalProvider=Q,n.LoadingDots=F,n.ResetForm=q,n.TinaField=z,n.TinaForm=function(n){var e=n.form,t=n.children,r=s.useState(!1),i=r[0],o=r[1];return e?s.createElement(C.Provider,{value:i},s.createElement(E,{form:e},function(){return t({isEditing:i,setIsEditing:o})})):s.createElement(C.Provider,{value:i},t({isEditing:i,setIsEditing:o}))},n.useFormPortal=function(){return s.useContext(N)},Object.defineProperty(n,"__esModule",{value:!0})});
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@tinacms/react-core"),require("react-final-form"),require("styled-components"),require("prop-types"),require("react-beautiful-dnd"),require("@tinacms/styles"),require("@tinacms/react-modals"),require("react-dom"),require("@tinacms/icons"),require("react-dismissible")):"function"==typeof define&&define.amd?define(["exports","react","@tinacms/react-core","react-final-form","styled-components","prop-types","react-beautiful-dnd","@tinacms/styles","@tinacms/react-modals","react-dom","@tinacms/icons","react-dismissible"],e):e((n=n||self)["@tinacms/form-builder"]={},n.React,n.reactCore,n.reactFinalForm,n.styled,n.PropTypes,n.reactBeautifulDnd,n.styles,n.reactModals,n.reactDom,n.icons,n.reactDismissible)}(this,function(n,s,t,d,i,e,c,u,r,a,o,l){"use strict";var p="default"in i?i.default:i;e=e&&e.hasOwnProperty("default")?e.default:e;var m=function(){return(m=Object.assign||function(n){for(var e,t=1,i=arguments.length;t<i;t++)for(var r in e=arguments[t])Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}).apply(this,arguments)};function f(n,e){var t={};for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(n);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(n,i[r])&&(t[i[r]]=n[i[r]])}return t}function g(o,a,l,c){return new(l=l||Promise)(function(n,e){function t(n){try{r(c.next(n))}catch(n){e(n)}}function i(n){try{r(c.throw(n))}catch(n){e(n)}}function r(e){e.done?n(e.value):new l(function(n){n(e.value)}).then(t,i)}r((c=c.apply(o,a||[])).next())})}function h(t,i){var r,o,a,n,l={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return n={next:e(0),throw:e(1),return:e(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function e(e){return function(n){return function(e){if(r)throw new TypeError("Generator is already executing.");for(;l;)try{if(r=1,o&&(a=2&e[0]?o.return:e[0]?o.throw||((a=o.return)&&a.call(o),0):o.next)&&!(a=a.call(o,e[1])).done)return a;switch(o=0,a&&(e=[2&e[0],a.value]),e[0]){case 0:case 1:a=e;break;case 4:return l.label++,{value:e[1],done:!1};case 5:l.label++,o=e[1],e=[0];continue;case 7:e=l.ops.pop(),l.trys.pop();continue;default:if(!(a=0<(a=l.trys).length&&a[a.length-1])&&(6===e[0]||2===e[0])){l=0;continue}if(3===e[0]&&(!a||e[1]>a[0]&&e[1]<a[3])){l.label=e[1];break}if(6===e[0]&&l.label<a[1]){l.label=a[1],a=e;break}if(a&&l.label<a[2]){l.label=a[2],l.ops.push(e);break}a[2]&&l.ops.pop(),l.trys.pop();continue}e=i.call(t,l)}catch(n){e=[6,n],o=0}finally{r=a=0}if(5&e[0])throw e[1];return{value:e[0]?e[1]:void 0,done:!0}}([e,n])}}}function v(n,e){return Object.defineProperty?Object.defineProperty(n,"raw",{value:e}):n.raw=e,n}function b(n){var l=n.form,e=n.fields,c=t.useCMS();return s.createElement(x,null,e.map(function(i){if(null===i.component)return null;var n,e=c.plugins.findOrCreateMap("field").find(i.component);e&&e.type&&(n=e.type);var t=w("parse",i,e),r=w("validate",i,e),o=i.format;!o&&e&&e.format&&(o=e.format);var a=i.defaultValue;return!t&&e&&e.defaultValue&&(a=e.defaultValue),s.createElement(d.Field,{name:i.name,key:i.name,type:n,parse:t?function(n,e){return t(n,e,i)}:void 0,format:o?function(n,e){return o(n,e,i)}:void 0,defaultValue:a,validate:function(n,e,t){if(r)return r(n,e,t,i)}},function(n){return"string"!=typeof i.component&&null!==i.component?s.createElement(i.component,m({},n,{form:l.finalForm,tinaForm:l,field:i})):e?s.createElement(e.Component,m({},n,{form:l.finalForm,tinaForm:l,field:i})):s.createElement("p",null,"Unrecognized field type")})}))}var y,x=p.div.withConfig({displayName:"FieldsGroup",componentId:"sc-1338g7j"})(y=y||v(["\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 20px 20px 0 20px;\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: auto !important;\n"],["\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  padding: 20px 20px 0 20px;\n  white-space: nowrap;\n  overflow-x: hidden;\n  overflow-y: auto !important;\n"]));function w(n,e,t){var i=e[n];return!i&&t&&t[n]&&(i=t[n]),i}function E(n){var e=n.form,t=n.children,i=s.useState(0),r=i[0],o=i[1];return s.useEffect(function(){o(function(n){return n+1})},[e]),s.createElement(k,{form:e.finalForm,key:r+": "+e.id},t)}var k=d.Form,C=s.createContext(!1);function z(n){var i=n.Component,e=n.children,r=f(n,["Component","children"]);return s.useContext(C)?s.createElement(d.Field,m({},r),function(n){var e=n.input,t=n.meta;return s.createElement(i,m({input:e,meta:t},r))}):e||null}z.propTypes={name:e.string,type:e.string,Component:e.any.isRequired,children:e.any};function F(n){var e=n.dotSize,t=void 0===e?8:e,i=n.color,r=void 0===i?"white":i;return s.createElement("div",null,s.createElement(O,{dotSize:t,color:r}),s.createElement(O,{dotSize:t,color:r}),s.createElement(O,{dotSize:t,color:r}))}var S,P,j,I=i.keyframes(S=S||v(["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"],["\n  0% { transform: scale(0.1); }\n  50% { transform: scale(1); }\n  90% { transform: scale(0.1); }\n  100% { transform: scale(0.1); }\n"])),O=p.span.withConfig({displayName:"SingleDot",componentId:"sc-50tjws"})(j=j||v(["\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"],["\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"]),I,function(n){var e=n.color,t=n.dotSize;return i.css(P=P||v(["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "],["\n      background: ",";\n      width: ","px;\n      height: ","px;\n      border-radius: ","px;\n    "]),e,t,t,t)}),q=s.createContext(function(){return null});function N(n){var e=n.pristine,t=n.reset,i=n.children,r=s.useState(!1),o=r[0],a=r[1];return s.createElement(s.Fragment,null,s.createElement(Y,{onClick:function(){a(function(n){return!n})},disabled:e},i),o&&s.createElement(X,{reset:t,close:function(){return a(!1)}}))}function B(n){var e=n.actions,t=n.form,i=s.useState(!1),r=i[0],o=i[1];return s.createElement(s.Fragment,null,s.createElement(Z,{onClick:function(){return o(function(n){return!n})}}),s.createElement($,{open:r},s.createElement(l.Dismissible,{click:!0,escape:!0,disabled:!r,onDismiss:function(){o(function(n){return!n})}},e.map(function(n,e){return s.createElement(n,{form:t,key:e})}))))}function M(){return s.createElement(ln,null,s.createElement(on,null,"🤔"),s.createElement("h3",null,"Hey, you don't have any fields added to this form."),s.createElement("p",null,s.createElement(cn,{href:"https://tinacms.org/docs/fields",target:"_blank"},s.createElement(on,null,"📖")," Field Setup Guide")))}var D,R,A,T,V,G,L,_,H,U,W,J,K,Q=p(function(n){var e=n.children,t=f(n,["children"]),i=s.useRef(null),r=s.useRef(0),o=s.useCallback(function(n){var e=s.useMemo(function(){var n=r.current;return r.current+=1,n},[]);return i.current?a.createPortal(n.children({zIndexShift:e}),i.current):null},[i,r]);return s.createElement(q.Provider,{value:o},s.createElement("div",m({ref:i},t),e))}).withConfig({displayName:"FormPortalProvider",componentId:"sc-1s3ircn"})(D=D||v(["\n  height: 100%;\n  scrollbar-width: none;\n"],["\n  height: 100%;\n  scrollbar-width: none;\n"])),X=function(n){var e=n.close,t=n.reset;return s.createElement(r.Modal,null,s.createElement(r.ModalPopup,null,s.createElement(r.ModalHeader,{close:e},"Reset"),s.createElement(r.ModalBody,{padded:!0},s.createElement("p",null,"Are you sure you want to reset all changes?")),s.createElement(r.ModalActions,null,s.createElement(u.Button,{onClick:e},"Cancel"),s.createElement(u.Button,{margin:!0,primary:!0,onClick:function(){return g(void 0,void 0,void 0,function(){return h(this,function(n){switch(n.label){case 0:return[4,t()];case 1:return n.sent(),e(),[2]}})})}},"Reset"))))},Y=p(u.Button).withConfig({displayName:"ResetButton",componentId:"sc-bl6yma"})(R=R||v(["\n  flex: 0 0 96px;\n"],["\n  flex: 0 0 96px;\n"])),Z=p(function(n){return s.createElement("button",m({},n),s.createElement(o.EllipsisVerticalIcon,null))}).withConfig({displayName:"MoreActionsButton",componentId:"sc-1q6yfdd"})(A=A||v(["\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"],["\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"])),$=p.div.withConfig({displayName:"ActionsOverlay",componentId:"sc-1xul7wi"})(V=V||v(["\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"],["\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"]),function(n){return n.open&&i.css(T=T||v(["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "],["\n      opacity: 1;\n      pointer-events: all;\n      transform: translate3d(0, -28px, 0) scale3d(1, 1, 1);\n    "]))}),nn=p.button.withConfig({displayName:"ActionButton",componentId:"sc-i6c6iw"})(G=G||v(["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-1);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: var(--tina-font-weight-regular);\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all var(--tina-timing-medium) 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 var(--tina-color-grey-2);\n  }\n"],["\n  position: relative;\n  text-align: center;\n  font-size: var(--tina-font-size-1);\n  padding: 0 12px;\n  height: 40px;\n  font-weight: var(--tina-font-weight-regular);\n  width: 100%;\n  background: none;\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  transition: all var(--tina-timing-medium) 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 var(--tina-color-grey-2);\n  }\n"])),en=p.div.withConfig({displayName:"Wrapper",componentId:"sc-e6d4c9"})(L=L||v(["\n  display: block;\n  margin: 0 auto;\n  width: 100%;\n"],["\n  display: block;\n  margin: 0 auto;\n  width: 100%;\n"])),tn=p.div.withConfig({displayName:"FormBody",componentId:"sc-1j95ho1"})(_=_||v(["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: auto;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n  "," {\n    height: 100%;\n  }\n"],["\n  position: relative;\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: auto;\n  border-top: 1px solid var(--tina-color-grey-2);\n  background-color: #f6f6f9;\n  "," {\n    height: 100%;\n  }\n"]),en),rn=p.div.withConfig({displayName:"FormFooter",componentId:"sc-1qgu0iy"})(H=H||v(["\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    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"],["\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    flex: 1 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 16px;\n  }\n"]),en),on=p.span.withConfig({displayName:"Emoji",componentId:"sc-tkq0qe"})(U=U||v(["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"],["\n  font-size: 40px;\n  line-height: 1;\n  display: inline-block;\n"])),an=i.keyframes(W=W||v(["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"],["\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n"])),ln=p.div.withConfig({displayName:"EmptyState",componentId:"sc-1lt8x9z"})(J=J||v(["\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"],["\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"]),an,on,on),cn=p.a.withConfig({displayName:"LinkButton",componentId:"sc-brq2tp"})(K=K||v(["\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: var(--tina-font-weight-regular);\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"],["\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: var(--tina-font-weight-regular);\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"]),on,on);n.ActionButton=nn,n.FieldsBuilder=b,n.FieldsGroup=x,n.FormActionMenu=B,n.FormBuilder=function(n){var o=n.form,e=s.useState(0),t=e[0],i=e[1];s.useEffect(function(){i(function(n){return n+1})},[o]);var a=o.finalForm,l=s.useCallback(function(n){if(n.destination&&a){var e=n.type;a.mutators.move(e,n.source.index,n.destination.index)}},[o]);return s.createElement(r.ModalProvider,null,s.createElement(d.Form,{form:a,key:t+": "+o.id,onSubmit:o.onSubmit},function(n){var e=n.handleSubmit,t=n.pristine,i=n.invalid,r=n.submitting;return s.createElement(c.DragDropContext,{onDragEnd:l},s.createElement(tn,{className:"form-body"},s.createElement(Q,null,s.createElement(en,null,o&&o.fields.length?s.createElement(b,{form:o,fields:o.fields}):s.createElement(M,null)))),s.createElement(rn,{className:"form-footer"},s.createElement(en,null,o.reset&&s.createElement(N,{pristine:t,reset:function(){return g(void 0,void 0,void 0,function(){return h(this,function(n){switch(n.label){case 0:return a.reset(),[4,o.reset()];case 1:return n.sent(),[2]}})})}},o.buttons.reset),s.createElement(u.Button,{onClick:function(){return e()},disabled:t||r||i,busy:r,primary:!0,grow:!0,margin:!0},r&&s.createElement(F,null),!r&&o.buttons.save),0<o.actions.length&&s.createElement(B,{form:o,actions:o.actions}))))}))},n.FormLegacy=E,n.FormPortalProvider=Q,n.LoadingDots=F,n.ResetForm=N,n.TinaField=z,n.TinaForm=function(n){var e=n.form,t=n.children,i=s.useState(!1),r=i[0],o=i[1];return e?s.createElement(C.Provider,{value:r},s.createElement(E,{form:e},function(){return t({isEditing:r,setIsEditing:o})})):s.createElement(C.Provider,{value:r},t({isEditing:r,setIsEditing:o}))},n.useFormPortal=function(){return s.useContext(q)},Object.defineProperty(n,"__esModule",{value:!0})});

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.43.3](https://github.com/tinacms/tinacms/compare/v0.43.2...v0.43.3) (2021-07-23)
+
+
+### Bug Fixes
+
+* **@tinacms/form-builder:** Removes onKeyPress from FormBuilder ([f0e456b](https://github.com/tinacms/tinacms/commit/f0e456b2f9d1f2cc8a0a3ede38eee47da46e710c))
+
+
+
+
+
 # [0.43.0](https://github.com/tinacms/tinacms/compare/v0.42.1...v0.43.0) (2021-07-12)
@@ -8,0 +19,0 @@

package.json

 {
   "name": "@tinacms/form-builder",
-  "version": "0.43.0",
+  "version": "0.43.3",
   "main": "build/index.js",
@@ -47,3 +47,3 @@ "types": "build/index.d.ts",
   },
-  "gitHead": "5df65e2372b9628a8422557a62ad0bb6dbed6bb2"
+  "gitHead": "617807ba8aa874766536c5fe03464db79398fd1d"
 }

No alert changes

Improved metrics

Total package byte prevSize

55165

increased by0.39%

No dependency changes