@wfp/ui - npm Package Compare versions

Comparing version 0.17.78 to 0.17.79

es/components/Story/Story.js

@@ -10,3 +10,5 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
   var children = _ref.children,
-      className = _ref.className;
+      className = _ref.className,
+      pageWidth = _ref.pageWidth,
+      spacing = _ref.spacing;
   var classNames = classnames(_defineProperty({
@@ -16,3 +18,5 @@ 'wfp--story': true
   return React.createElement(Wrapper, {
-    className: classNames
+    className: classNames,
+    pageWidth: pageWidth,
+    spacing: spacing
   }, children);
@@ -19,0 +23,0 @@ };

es/components/Unit/SvgUnit.js

@@ -8,6 +8,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var SvgUnit = function SvgUnit(value, props) {
-  var className = props.className,
-      style = props.style,
-      type = props.type,
-      other = _objectWithoutProperties(props, ["className", "style", "type"]);
+  var style = props.style,
+      other = _objectWithoutProperties(props, ["style"]);
 
@@ -14,0 +12,0 @@ if (value) return React.createElement("text", _extends({

es/components/Unit/UnitList.js

 import React from 'react';
-import { Invalid } from './InvalidUnit';
-import { currencyCalc, percentageCalc, svgUnit } from './Unit';
+import { currencyCalc, percentageCalc } from './Unit';
 import SimpleCalc from './SimpleCalc';
@@ -5,0 +4,0 @@ import YearMonthCalc from './YearMonthCalc'; //import {SimpleCalc} from './SimpleCalc';

es/documentation/Page.js

@@ -7,2 +7,3 @@ import PropTypes from 'prop-types';
   var children = _ref.children,
+      pageWidth = _ref.pageWidth,
       subTitle = _ref.subTitle,
@@ -15,3 +16,3 @@ title = _ref.title;
     className: "wfp--story",
-    pageWidth: "narrower"
+    pageWidth: pageWidth ? pageWidth : 'sm'
   }, React.createElement("h1", {
@@ -18,0 +19,0 @@ className: "wfp--story__title"

es/documentation/RegularPage.js

@@ -20,3 +20,4 @@ import PropTypes from 'prop-types';
 var Page = function Page(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      withoutSecondary = _ref.withoutSecondary;
   return React.createElement("div", null, React.createElement(BannerNavigation, {
@@ -46,2 +47,3 @@ pageWidth: "narrow"
   }, "WeLearn"))), React.createElement(MainNavigation, {
+    pageWidth: "lg",
     logo: React.createElement("a", {
@@ -140,3 +142,3 @@ href: "#"
     title: "Max Mustermann long name"
-  }))), React.createElement(SecondaryNavigation, {
+  }))), !withoutSecondary && React.createElement(SecondaryNavigation, {
     additional: "additional Information",
@@ -162,7 +164,3 @@ pageWidth: "narrow"
     target: "_blank"
-  }, "Third Tab")))), React.createElement(Wrapper, {
-    background: "lighter",
-    pageWidth: "narrow",
-    spacing: "md"
-  }, children), React.createElement(Footer, {
+  }, "Third Tab")))), children, React.createElement(Footer, {
     className: "some-class",
@@ -169,0 +167,0 @@ metaContent: "WFP UI Kit version 1.0 \u2013 powered by RMT with full support of concerned divisions which are responsible for the accuracy of the content",

lib/components/Story/Story.js

@@ -22,3 +22,5 @@ "use strict";
   var children = _ref.children,
-      className = _ref.className;
+      className = _ref.className,
+      pageWidth = _ref.pageWidth,
+      spacing = _ref.spacing;
   var classNames = (0, _classnames2.default)(_defineProperty({
@@ -28,3 +30,5 @@ 'wfp--story': true
   return _react.default.createElement(_Wrapper.default, {
-    className: classNames
+    className: classNames,
+    pageWidth: pageWidth,
+    spacing: spacing
   }, children);
@@ -31,0 +35,0 @@ };

lib/components/Unit/SvgUnit.js

@@ -17,6 +17,4 @@ "use strict";
 var SvgUnit = function SvgUnit(value, props) {
-  var className = props.className,
-      style = props.style,
-      type = props.type,
-      other = _objectWithoutProperties(props, ["className", "style", "type"]);
+  var style = props.style,
+      other = _objectWithoutProperties(props, ["style"]);
 
@@ -23,0 +21,0 @@ if (value) return _react.default.createElement("text", _extends({

lib/components/Unit/UnitList.js

@@ -10,4 +10,2 @@ "use strict";
 
-var _InvalidUnit = require("./InvalidUnit");
-
 var _Unit = require("./Unit");
@@ -14,0 +12,0 @@

lib/documentation/Page.js

@@ -18,2 +18,3 @@ "use strict";
   var children = _ref.children,
+      pageWidth = _ref.pageWidth,
       subTitle = _ref.subTitle,
@@ -26,3 +27,3 @@ title = _ref.title;
     className: "wfp--story",
-    pageWidth: "narrower"
+    pageWidth: pageWidth ? pageWidth : 'sm'
   }, _react.default.createElement("h1", {
@@ -29,0 +30,0 @@ className: "wfp--story__title"

lib/documentation/RegularPage.js

@@ -45,3 +45,4 @@ "use strict";
 var Page = function Page(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+      withoutSecondary = _ref.withoutSecondary;
   return _react.default.createElement("div", null, _react.default.createElement(_BannerNavigation.BannerNavigation, {
@@ -71,2 +72,3 @@ pageWidth: "narrow"
   }, "WeLearn"))), _react.default.createElement(_MainNavigation.MainNavigation, {
+    pageWidth: "lg",
     logo: _react.default.createElement("a", {
@@ -165,3 +167,3 @@ href: "#"
     title: "Max Mustermann long name"
-  }))), _react.default.createElement(_SecondaryNavigation.SecondaryNavigation, {
+  }))), !withoutSecondary && _react.default.createElement(_SecondaryNavigation.SecondaryNavigation, {
     additional: "additional Information",
@@ -187,7 +189,3 @@ pageWidth: "narrow"
     target: "_blank"
-  }, "Third Tab")))), _react.default.createElement(_Wrapper.default, {
-    background: "lighter",
-    pageWidth: "narrow",
-    spacing: "md"
-  }, children), _react.default.createElement(_Footer.default, {
+  }, "Third Tab")))), children, _react.default.createElement(_Footer.default, {
     className: "some-class",
@@ -194,0 +192,0 @@ metaContent: "WFP UI Kit version 1.0 \u2013 powered by RMT with full support of concerned divisions which are responsible for the accuracy of the content",

package.json

 {
   "name": "@wfp/ui",
-  "version": "0.17.78",
+  "version": "0.17.79",
   "description": "WFP UI-Kit Next",
@@ -133,2 +133,3 @@ "license": "Apache-2",
     "@storybook/addon-knobs": "^3.4.0",
+    "@storybook/addon-links": "^3.4.8",
     "@storybook/addon-options": "^3.4.0",
@@ -135,0 +136,0 @@ "@storybook/addon-storyshots": "^3.4.6",

source/components/Story/Story.js

@@ -6,3 +6,3 @@ import PropTypes from 'prop-types';
 
-const Story = ({ children, className }) => {
+const Story = ({ children, className, pageWidth, spacing }) => {
   const classNames = classnames({
@@ -12,3 +12,3 @@ 'wfp--story': true,
   });
-  return <Wrapper className={classNames}>{children}</Wrapper>;
+  return <Wrapper className={classNames} pageWidth={pageWidth} spacing={spacing}>{children}</Wrapper>;
 };
@@ -15,0 +15,0 @@

source/components/Unit/SvgUnit.js

 import React from 'react';
 
 const SvgUnit = (value, props) => {
-  const { className, style, type, ...other } = props;
+  const { style, ...other } = props;
 
@@ -6,0 +6,0 @@ if (value)

source/components/Unit/UnitList.js

 import React from 'react';
-import { Invalid } from './InvalidUnit';
-import { currencyCalc, percentageCalc, svgUnit } from './Unit';
+import { currencyCalc, percentageCalc } from './Unit';
 import SimpleCalc from './SimpleCalc';
@@ -5,0 +4,0 @@ import YearMonthCalc from './YearMonthCalc';

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

10065383

increased by0.01%

Lines of code

32836

increased by0.01%

Worsened metrics

Dev dependency count

81

increased by1.25%

No dependency changes