netlify-cms-widget-object - npm Package Compare versions

Comparing version 2.0.6 to 2.0.7-beta.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [2.0.7-beta.0](https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-widget-object/compare/netlify-cms-widget-object@2.0.6...netlify-cms-widget-object@2.0.7-beta.0) (2019-03-15)
+
+
+### Features
+
+* upgrade to Emotion 10 ([#2166](https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-widget-object/issues/2166)) ([ccef446](https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-widget-object/commit/ccef446))
+
+
+
+
+
 ## [2.0.6](https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-widget-object/compare/netlify-cms-widget-object@2.0.5...netlify-cms-widget-object@2.0.6) (2019-02-08)
@@ -8,0 +19,0 @@

dist/netlify-cms-widget-object.js

@@ -1,2 +0,6 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("netlify-cms-ui-default"),require("immutable"),require("react-emotion"),require("react-immutable-proptypes")):"function"==typeof define&&define.amd?define("netlify-cms-widget-object",["prop-types","react","netlify-cms-ui-default","immutable","react-emotion","react-immutable-proptypes"],t):"object"==typeof exports?exports["netlify-cms-widget-object"]=t(require("prop-types"),require("react"),require("netlify-cms-ui-default"),require("immutable"),require("react-emotion"),require("react-immutable-proptypes")):e["netlify-cms-widget-object"]=t(e["prop-types"],e.react,e["netlify-cms-ui-default"],e.immutable,e["react-emotion"],e["react-immutable-proptypes"])}(window,function(e,t,r,o,n,i){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},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=6)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,r){"use strict";r.r(t);var o=r(1),n=r.n(o),i=r(0),l=r.n(i),a=r(5),s=r.n(a),c=r(4),u=r(3),d=r(2);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f={nestedObjectControl:Object(c.css)("padding:6px 14px 14px;border-top:0;border-top-left-radius:0;border-top-right-radius:0;label:nestedObjectControl;")};class b extends o.Component{constructor(e){super(e),p(this,"componentValidate",{}),p(this,"validate",()=>{const e=this.props.field;let t=e.get("field")||e.get("fields");(t=u.List.isList(t)?t:Object(u.List)([t])).forEach(e=>{"hidden"!==e.get("widget")&&this.componentValidate[e.get("name")]()})}),p(this,"handleCollapseToggle",()=>{this.setState({collapsed:!this.state.collapsed})}),p(this,"renderFields",(e,t)=>e?e.map((e,t)=>this.controlFor(e,t)):this.controlFor(t)),this.state={collapsed:!1}}shouldComponentUpdate(){return!0}controlFor(e,t){const r=this.props,o=r.value,i=r.onChangeObject,l=r.onValidateObject,a=r.clearFieldErrors,s=r.metadata,c=r.fieldsErrors,d=r.editorControl,p=r.controlRef;if("hidden"===e.get("widget"))return null;const f=e.get("name"),b=o&&u.Map.isMap(o)?o.get(f):o;return n.a.createElement(d,{key:t,field:e,value:b,onChange:i,clearFieldErrors:a,fieldsMetaData:s,fieldsErrors:c,onValidate:l,processControlRef:p&&p.bind(this),controlRef:p})}render(){const e=this.props,t=e.field,r=e.forID,o=e.classNameWrapper,i=e.forList,l=this.state.collapsed,a=t.get("fields"),s=t.get("field");return a||s?n.a.createElement("div",{id:r,className:Object(c.cx)(o,d.components.objectWidgetTopBarContainer,{[f.nestedObjectControl]:i})},i?null:n.a.createElement(d.ObjectWidgetTopBar,{collapsed:l,onCollapseToggle:this.handleCollapseToggle}),l?null:this.renderFields(a,s)):n.a.createElement("h3",null,"No field(s) defined for this widget")}}p(b,"propTypes",{onChangeObject:l.a.func.isRequired,onValidateObject:l.a.func.isRequired,value:l.a.oneOfType([l.a.node,l.a.object,l.a.bool]),field:l.a.object,forID:l.a.string,classNameWrapper:l.a.string.isRequired,forList:l.a.bool,controlRef:l.a.func,editorControl:l.a.func.isRequired,resolveWidget:l.a.func.isRequired,clearFieldErrors:l.a.func.isRequired,fieldsErrors:s.a.map.isRequired}),p(b,"defaultProps",{value:Object(u.Map)()});const m=({field:e})=>n.a.createElement(d.WidgetPreviewContainer,null,e&&e.get("fields")||e.get("field")||null);m.propTypes={field:l.a.node};var g=m;r.d(t,"ObjectControl",function(){return b}),r.d(t,"ObjectPreview",function(){return g})}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("prop-types"),require("react"),require("netlify-cms-ui-default"),require("immutable"),require("react-immutable-proptypes"),require("@emotion/core")):"function"==typeof define&&define.amd?define("netlify-cms-widget-object",["prop-types","react","netlify-cms-ui-default","immutable","react-immutable-proptypes","@emotion/core"],t):"object"==typeof exports?exports["netlify-cms-widget-object"]=t(require("prop-types"),require("react"),require("netlify-cms-ui-default"),require("immutable"),require("react-immutable-proptypes"),require("@emotion/core")):e["netlify-cms-widget-object"]=t(e["prop-types"],e.react,e["netlify-cms-ui-default"],e.immutable,e["react-immutable-proptypes"],e["@emotion/core"])}(window,function(e,t,r,o,n,i){return function(e){var t={};function r(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.l=!0,n.exports}return r.m=e,r.c=t,r.d=function(e,t,o){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},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 o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(o,n,function(t){return e[t]}.bind(null,n));return o},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=6)}([function(t,r){t.exports=e},function(e,r){e.exports=t},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,r){"use strict";r.r(t);var o=r(1),n=r.n(o),i=r(0),l=r.n(i),a=r(4),s=r.n(a),c=r(5),u=r(3),d=r(2);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f={nestedObjectControl:"\n    padding: 6px 14px 14px;\n    border-top: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  ",objectWidgetTopBarContainer:`\n    padding: ${d.lengths.objectWidgetTopBarContainerPadding}\n  `};class m extends n.a.Component{constructor(e){super(e),p(this,"componentValidate",{}),p(this,"validate",()=>{const e=this.props.field;let t=e.get("field")||e.get("fields");(t=u.List.isList(t)?t:Object(u.List)([t])).forEach(e=>{"hidden"!==e.get("widget")&&this.componentValidate[e.get("name")]()})}),p(this,"handleCollapseToggle",()=>{this.setState({collapsed:!this.state.collapsed})}),p(this,"renderFields",(e,t)=>e?e.map((e,t)=>this.controlFor(e,t)):this.controlFor(t)),this.state={collapsed:!1}}shouldComponentUpdate(){return!0}controlFor(e,t){const r=this.props,o=r.value,i=r.onChangeObject,l=r.onValidateObject,a=r.clearFieldErrors,s=r.metadata,c=r.fieldsErrors,d=r.editorControl,p=r.controlRef;if("hidden"===e.get("widget"))return null;const f=e.get("name"),m=o&&u.Map.isMap(o)?o.get(f):o;return n.a.createElement(d,{key:t,field:e,value:m,onChange:i,clearFieldErrors:a,fieldsMetaData:s,fieldsErrors:c,onValidate:l,processControlRef:p&&p.bind(this),controlRef:p})}render(){const e=this.props,t=e.field,r=e.forID,o=e.classNameWrapper,i=e.forList,l=this.state.collapsed,a=t.get("fields"),s=t.get("field");return a||s?n.a.createElement(c.ClassNames,null,e=>{let t=e.css,c=e.cx;return n.a.createElement("div",{id:r,className:c(o,t`
+                  ${f.objectWidgetTopBarContainer}
+                `,{[t`
+                    ${f.nestedObjectControl}
+                  `]:i})},i?null:n.a.createElement(d.ObjectWidgetTopBar,{collapsed:l,onCollapseToggle:this.handleCollapseToggle}),l?null:this.renderFields(a,s))}):n.a.createElement("h3",null,"No field(s) defined for this widget")}}p(m,"propTypes",{onChangeObject:l.a.func.isRequired,onValidateObject:l.a.func.isRequired,value:l.a.oneOfType([l.a.node,l.a.object,l.a.bool]),field:l.a.object,forID:l.a.string,classNameWrapper:l.a.string.isRequired,forList:l.a.bool,controlRef:l.a.func,editorControl:l.a.func.isRequired,resolveWidget:l.a.func.isRequired,clearFieldErrors:l.a.func.isRequired,fieldsErrors:s.a.map.isRequired}),p(m,"defaultProps",{value:Object(u.Map)()});const b=e=>{let t=e.field;return n.a.createElement(d.WidgetPreviewContainer,null,t&&t.get("fields")||t.get("field")||null)};b.propTypes={field:l.a.node};var g=b;r.d(t,"ObjectControl",function(){return m}),r.d(t,"ObjectPreview",function(){return g})}])});
 //# sourceMappingURL=netlify-cms-widget-object.js.map

package.json

 {
   "name": "netlify-cms-widget-object",
   "description": "Widget for displaying an object of fields for Netlify CMS.",
-  "version": "2.0.6",
+  "version": "2.0.7-beta.0",
   "homepage": "https://www.netlifycms.org/docs/widgets/#object",
@@ -26,7 +26,8 @@ "repository": "https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-widget-object",
     "cross-env": "^5.2.0",
-    "webpack": "^4.16.1",
-    "webpack-cli": "^3.1.0"
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.2.3"
   },
   "peerDependencies": {
-    "emotion": "^9.2.6",
+    "@emotion/core": "^10.0.9",
+    "@emotion/styled": "^10.0.9",
     "immutable": "^3.7.6",
@@ -37,6 +38,5 @@ "lodash": "^4.17.10",
     "react": "^16.4.1",
-    "react-emotion": "^9.2.6",
     "react-immutable-proptypes": "^2.1.0"
   },
-  "gitHead": "269f9a224c7f8ebc241d8a043d3a98fb54863165"
+  "gitHead": "79be4b360737cd52be7bfd12c7d74a0cfe36a2c0"
 }

src/ObjectControl.js

@@ -1,10 +0,10 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import ImmutablePropTypes from 'react-immutable-proptypes';
-import { css, cx } from 'react-emotion';
+import { ClassNames } from '@emotion/core';
 import { Map, List } from 'immutable';
-import { ObjectWidgetTopBar, components } from 'netlify-cms-ui-default';
+import { ObjectWidgetTopBar, lengths } from 'netlify-cms-ui-default';
 
-const styles = {
-  nestedObjectControl: css`
+const styleStrings = {
+  nestedObjectControl: `
     padding: 6px 14px 14px;
@@ -15,5 +15,8 @@ border-top: 0;
   `,
+  objectWidgetTopBarContainer: `
+    padding: ${lengths.objectWidgetTopBarContainerPadding}
+  `,
 };
 
-export default class ObjectControl extends Component {
+export default class ObjectControl extends React.Component {
   componentValidate = {};
@@ -120,16 +123,28 @@
       return (
-        <div
-          id={forID}
-          className={cx(classNameWrapper, components.objectWidgetTopBarContainer, {
-            [styles.nestedObjectControl]: forList,
-          })}
-        >
-          {forList ? null : (
-            <ObjectWidgetTopBar
-              collapsed={collapsed}
-              onCollapseToggle={this.handleCollapseToggle}
-            />
+        <ClassNames>
+          {({ css, cx }) => (
+            <div
+              id={forID}
+              className={cx(
+                classNameWrapper,
+                css`
+                  ${styleStrings.objectWidgetTopBarContainer}
+                `,
+                {
+                  [css`
+                    ${styleStrings.nestedObjectControl}
+                  `]: forList,
+                },
+              )}
+            >
+              {forList ? null : (
+                <ObjectWidgetTopBar
+                  collapsed={collapsed}
+                  onCollapseToggle={this.handleCollapseToggle}
+                />
+              )}
+              {collapsed ? null : this.renderFields(multiFields, singleField)}
+            </div>
           )}
-          {collapsed ? null : this.renderFields(multiFields, singleField)}
-        </div>
+        </ClassNames>
       );
@@ -136,0 +151,0 @@ }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

30826

5.17%

Lines of code

175

11.46%

Worsened metrics

Number of low quality alerts

3

50%

No dependency changes