@wfp/ui - npm Package Compare versions
Comparing version 0.17.15 to 0.17.16
@@ -6,179 +6,21 @@ 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); } | ||
| import PropTypes from 'prop-types'; | ||
| import React from 'react'; //import icons from 'carbon-icons'; | ||
| import React from 'react'; | ||
| import classnames from 'classnames'; | ||
| /* TODO: Icon Wrapper for custom Icons */ | ||
| /** | ||
| * Returns a single icon Object | ||
| * @param {string} name - "name" property of icon | ||
| * @param {Object} [iconsObj=icons] - JSON Array of Objects | ||
| * @example | ||
| * // Returns a single icon Object | ||
| * this.findIcon('copy-code', icons.json); | ||
| */ | ||
| var icons = []; | ||
| export function findIcon(name) { | ||
| var iconsObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : icons; | ||
| var icon = iconsObj.filter(function (obj) { | ||
| return obj.name === name; | ||
| }); | ||
| if (icon.length === 0) { | ||
| return false; | ||
| } else if (icon.length > 1) { | ||
| throw new Error('Multiple icons found...'); | ||
| } else { | ||
| return icon[0]; | ||
| } | ||
| } | ||
| /** | ||
| * Returns "svgData" Object | ||
| * @param {string} iconName - "name" property of icon | ||
| * @example | ||
| * // Returns svgData Object for given iconName | ||
| * this.getSvgData('copy-code'); | ||
| */ | ||
| export function getSvgData(iconName) { | ||
| var icon = findIcon(iconName); | ||
| return icon ? icon.svgData : false; | ||
| } | ||
| /** | ||
| * Returns Elements/Nodes for SVG | ||
| * @param {Object} svgData - JSON Object for an SVG icon | ||
| * @example | ||
| * // Returns SVG elements | ||
| * const svgData = getSvgData('copy-code'); | ||
| * svgShapes(svgData); | ||
| */ | ||
| export function svgShapes(svgData) { | ||
| var svgElements = Object.keys(svgData).filter(function (key) { | ||
| return svgData[key]; | ||
| }).map(function (svgProp) { | ||
| var data = svgData[svgProp]; | ||
| if (svgProp === 'circles') { | ||
| return data.map(function (circle, index) { | ||
| var circleProps = { | ||
| cx: circle.cx, | ||
| cy: circle.cy, | ||
| r: circle.r, | ||
| key: "circle".concat(index) | ||
| }; | ||
| return React.createElement("circle", circleProps); | ||
| }); | ||
| } else if (svgProp === 'paths') { | ||
| return data.map(function (path, index) { | ||
| return React.createElement("path", { | ||
| d: path.d, | ||
| key: "key".concat(index) | ||
| }); | ||
| }); | ||
| } | ||
| return ''; | ||
| }); | ||
| return svgElements; | ||
| } | ||
| export function isPrefixed(name) { | ||
| return name.split('--')[0] === 'icon'; | ||
| } | ||
| var Icon = function Icon(_ref) { | ||
| var className = _ref.className, | ||
| description = _ref.description, | ||
| fill = _ref.fill, | ||
| fillRule = _ref.fillRule, | ||
| height = _ref.height, | ||
| name = _ref.name, | ||
| role = _ref.role, | ||
| style = _ref.style, | ||
| width = _ref.width, | ||
| iconRef = _ref.iconRef, | ||
| other = _objectWithoutProperties(_ref, ["className", "description", "fill", "fillRule", "height", "name", "role", "style", "width", "iconRef"]); | ||
| var children = _ref.children, | ||
| className = _ref.className, | ||
| other = _objectWithoutProperties(_ref, ["children", "className"]); | ||
| var icon = isPrefixed(name) ? findIcon(name) : findIcon("icon--".concat(name)); | ||
| var props = _extends({ | ||
| className: className, | ||
| fill: fill, | ||
| fillRule: fillRule, | ||
| height: height || icon.height, | ||
| name: isPrefixed ? name : "icon--".concat(name), | ||
| role: role, | ||
| style: style, | ||
| viewBox: icon.viewBox, | ||
| width: width || icon.width, | ||
| ref: iconRef | ||
| }, other); | ||
| var svgContent = icon ? svgShapes(icon.svgData) : ''; | ||
| return React.createElement("svg", _extends({}, props, { | ||
| "aria-label": description, | ||
| alt: description | ||
| }), React.createElement("title", null, description), svgContent); | ||
| var classNames = classnames('wfp--icon', className); | ||
| return React.createElement("div", _extends({ | ||
| className: classNames | ||
| }, other), children); | ||
| }; | ||
| Icon.propTypes = { | ||
| /** | ||
| * The CSS class name. | ||
| */ | ||
| className: PropTypes.string, | ||
| /** | ||
| * The icon description. | ||
| */ | ||
| description: PropTypes.string.isRequired, | ||
| /** | ||
| * The `<svg>` `fill` attribute. | ||
| */ | ||
| fill: PropTypes.string, | ||
| /** | ||
| * The `<svg>` `fillRule` attribute. | ||
| */ | ||
| fillRule: PropTypes.string, | ||
| /** | ||
| * The `<svg>` `height` attribute. | ||
| */ | ||
| height: PropTypes.string, | ||
| /** | ||
| * The name in the sprite. | ||
| */ | ||
| name: PropTypes.string.isRequired, | ||
| /** | ||
| * The `role` attribute. | ||
| */ | ||
| role: PropTypes.string, | ||
| /** | ||
| * The CSS styles. | ||
| */ | ||
| style: PropTypes.object, | ||
| /** | ||
| * The `<svg>` `viewbox` attribute. | ||
| */ | ||
| viewBox: PropTypes.string, | ||
| /** | ||
| * The `<svg>` `width` attribute. | ||
| */ | ||
| width: PropTypes.string, | ||
| /** | ||
| * The `ref` callback for the icon. | ||
| */ | ||
| iconRef: PropTypes.func | ||
| children: PropTypes.node, | ||
| className: PropTypes.string | ||
| }; | ||
| Icon.defaultProps = { | ||
| fillRule: 'evenodd', | ||
| role: 'img', | ||
| description: 'Provide a description that will be used as the title' | ||
| }; //export { icons }; | ||
| export default Icon; |
@@ -0,1 +1,3 @@ | ||
| 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); } | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
@@ -8,16 +10,12 @@ | ||
| var FormGroup = function FormGroup(_ref) { | ||
| var legendText = _ref.legendText, | ||
| invalid = _ref.invalid, | ||
| children = _ref.children, | ||
| var children = _ref.children, | ||
| className = _ref.className, | ||
| message = _ref.message, | ||
| messageText = _ref.messageText, | ||
| other = _objectWithoutProperties(_ref, ["legendText", "invalid", "children", "className", "message", "messageText"]); | ||
| other = _objectWithoutProperties(_ref, ["children", "className"]); | ||
| var classNames = classnames('wfp--label', className); | ||
| var classNames = classnames('wfp--radio-button-group', className); | ||
| return React.createElement("div", { | ||
| className: "wfp--form-item" | ||
| }, React.createElement("div", { | ||
| }, React.createElement("div", _extends({ | ||
| className: classNames | ||
| }, children)); | ||
| }, other), children)); | ||
| }; | ||
@@ -27,13 +25,4 @@ | ||
| children: PropTypes.node, | ||
| legendText: PropTypes.string.isRequired, | ||
| className: PropTypes.string, | ||
| invalid: PropTypes.bool, | ||
| message: PropTypes.bool, | ||
| messageText: PropTypes.string | ||
| className: PropTypes.string | ||
| }; | ||
| FormGroup.defaultProps = { | ||
| invalid: false, | ||
| message: false, | ||
| messageText: '' | ||
| }; | ||
| export default FormGroup; |
@@ -6,6 +6,2 @@ "use strict"; | ||
| }); | ||
| exports.findIcon = findIcon; | ||
| exports.getSvgData = getSvgData; | ||
| exports.svgShapes = svgShapes; | ||
| exports.isPrefixed = isPrefixed; | ||
| exports.default = void 0; | ||
@@ -17,2 +13,4 @@ | ||
| var _classnames = _interopRequireDefault(require("classnames")); | ||
| function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -24,183 +22,19 @@ | ||
| //import icons from 'carbon-icons'; | ||
| /** | ||
| * Returns a single icon Object | ||
| * @param {string} name - "name" property of icon | ||
| * @param {Object} [iconsObj=icons] - JSON Array of Objects | ||
| * @example | ||
| * // Returns a single icon Object | ||
| * this.findIcon('copy-code', icons.json); | ||
| */ | ||
| var icons = []; | ||
| function findIcon(name) { | ||
| var iconsObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : icons; | ||
| var icon = iconsObj.filter(function (obj) { | ||
| return obj.name === name; | ||
| }); | ||
| if (icon.length === 0) { | ||
| return false; | ||
| } else if (icon.length > 1) { | ||
| throw new Error('Multiple icons found...'); | ||
| } else { | ||
| return icon[0]; | ||
| } | ||
| } | ||
| /** | ||
| * Returns "svgData" Object | ||
| * @param {string} iconName - "name" property of icon | ||
| * @example | ||
| * // Returns svgData Object for given iconName | ||
| * this.getSvgData('copy-code'); | ||
| */ | ||
| function getSvgData(iconName) { | ||
| var icon = findIcon(iconName); | ||
| return icon ? icon.svgData : false; | ||
| } | ||
| /** | ||
| * Returns Elements/Nodes for SVG | ||
| * @param {Object} svgData - JSON Object for an SVG icon | ||
| * @example | ||
| * // Returns SVG elements | ||
| * const svgData = getSvgData('copy-code'); | ||
| * svgShapes(svgData); | ||
| */ | ||
| function svgShapes(svgData) { | ||
| var svgElements = Object.keys(svgData).filter(function (key) { | ||
| return svgData[key]; | ||
| }).map(function (svgProp) { | ||
| var data = svgData[svgProp]; | ||
| if (svgProp === 'circles') { | ||
| return data.map(function (circle, index) { | ||
| var circleProps = { | ||
| cx: circle.cx, | ||
| cy: circle.cy, | ||
| r: circle.r, | ||
| key: "circle".concat(index) | ||
| }; | ||
| return _react.default.createElement("circle", circleProps); | ||
| }); | ||
| } else if (svgProp === 'paths') { | ||
| return data.map(function (path, index) { | ||
| return _react.default.createElement("path", { | ||
| d: path.d, | ||
| key: "key".concat(index) | ||
| }); | ||
| }); | ||
| } | ||
| return ''; | ||
| }); | ||
| return svgElements; | ||
| } | ||
| function isPrefixed(name) { | ||
| return name.split('--')[0] === 'icon'; | ||
| } | ||
| /* TODO: Icon Wrapper for custom Icons */ | ||
| var Icon = function Icon(_ref) { | ||
| var className = _ref.className, | ||
| description = _ref.description, | ||
| fill = _ref.fill, | ||
| fillRule = _ref.fillRule, | ||
| height = _ref.height, | ||
| name = _ref.name, | ||
| role = _ref.role, | ||
| style = _ref.style, | ||
| width = _ref.width, | ||
| iconRef = _ref.iconRef, | ||
| other = _objectWithoutProperties(_ref, ["className", "description", "fill", "fillRule", "height", "name", "role", "style", "width", "iconRef"]); | ||
| var children = _ref.children, | ||
| className = _ref.className, | ||
| other = _objectWithoutProperties(_ref, ["children", "className"]); | ||
| var icon = isPrefixed(name) ? findIcon(name) : findIcon("icon--".concat(name)); | ||
| var props = _extends({ | ||
| className: className, | ||
| fill: fill, | ||
| fillRule: fillRule, | ||
| height: height || icon.height, | ||
| name: isPrefixed ? name : "icon--".concat(name), | ||
| role: role, | ||
| style: style, | ||
| viewBox: icon.viewBox, | ||
| width: width || icon.width, | ||
| ref: iconRef | ||
| }, other); | ||
| var svgContent = icon ? svgShapes(icon.svgData) : ''; | ||
| return _react.default.createElement("svg", _extends({}, props, { | ||
| "aria-label": description, | ||
| alt: description | ||
| }), _react.default.createElement("title", null, description), svgContent); | ||
| var classNames = (0, _classnames.default)('wfp--icon', className); | ||
| return _react.default.createElement("div", _extends({ | ||
| className: classNames | ||
| }, other), children); | ||
| }; | ||
| Icon.propTypes = { | ||
| /** | ||
| * The CSS class name. | ||
| */ | ||
| className: _propTypes.default.string, | ||
| /** | ||
| * The icon description. | ||
| */ | ||
| description: _propTypes.default.string.isRequired, | ||
| /** | ||
| * The `<svg>` `fill` attribute. | ||
| */ | ||
| fill: _propTypes.default.string, | ||
| /** | ||
| * The `<svg>` `fillRule` attribute. | ||
| */ | ||
| fillRule: _propTypes.default.string, | ||
| /** | ||
| * The `<svg>` `height` attribute. | ||
| */ | ||
| height: _propTypes.default.string, | ||
| /** | ||
| * The name in the sprite. | ||
| */ | ||
| name: _propTypes.default.string.isRequired, | ||
| /** | ||
| * The `role` attribute. | ||
| */ | ||
| role: _propTypes.default.string, | ||
| /** | ||
| * The CSS styles. | ||
| */ | ||
| style: _propTypes.default.object, | ||
| /** | ||
| * The `<svg>` `viewbox` attribute. | ||
| */ | ||
| viewBox: _propTypes.default.string, | ||
| /** | ||
| * The `<svg>` `width` attribute. | ||
| */ | ||
| width: _propTypes.default.string, | ||
| /** | ||
| * The `ref` callback for the icon. | ||
| */ | ||
| iconRef: _propTypes.default.func | ||
| children: _propTypes.default.node, | ||
| className: _propTypes.default.string | ||
| }; | ||
| Icon.defaultProps = { | ||
| fillRule: 'evenodd', | ||
| role: 'img', | ||
| description: 'Provide a description that will be used as the title' | ||
| }; //export { icons }; | ||
| var _default = Icon; | ||
| exports.default = _default; |
@@ -16,19 +16,17 @@ "use strict"; | ||
| 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); } | ||
| function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } | ||
| var FormGroup = function FormGroup(_ref) { | ||
| var legendText = _ref.legendText, | ||
| invalid = _ref.invalid, | ||
| children = _ref.children, | ||
| var children = _ref.children, | ||
| className = _ref.className, | ||
| message = _ref.message, | ||
| messageText = _ref.messageText, | ||
| other = _objectWithoutProperties(_ref, ["legendText", "invalid", "children", "className", "message", "messageText"]); | ||
| other = _objectWithoutProperties(_ref, ["children", "className"]); | ||
| var classNames = (0, _classnames.default)('wfp--label', className); | ||
| var classNames = (0, _classnames.default)('wfp--radio-button-group', className); | ||
| return _react.default.createElement("div", { | ||
| className: "wfp--form-item" | ||
| }, _react.default.createElement("div", { | ||
| }, _react.default.createElement("div", _extends({ | ||
| className: classNames | ||
| }, children)); | ||
| }, other), children)); | ||
| }; | ||
@@ -38,14 +36,5 @@ | ||
| children: _propTypes.default.node, | ||
| legendText: _propTypes.default.string.isRequired, | ||
| className: _propTypes.default.string, | ||
| invalid: _propTypes.default.bool, | ||
| message: _propTypes.default.bool, | ||
| messageText: _propTypes.default.string | ||
| className: _propTypes.default.string | ||
| }; | ||
| FormGroup.defaultProps = { | ||
| invalid: false, | ||
| message: false, | ||
| messageText: '' | ||
| }; | ||
| var _default = FormGroup; | ||
| exports.default = _default; |
| { | ||
| "name": "@wfp/ui", | ||
| "version": "0.17.15", | ||
| "version": "0.17.16", | ||
| "description": "WFP UI-Kit Next", | ||
@@ -5,0 +5,0 @@ "license": "Apache-2", |
@@ -1,1 +0,1 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("classnames"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","classnames","react-dom"],t):t(e.WfpComponentsReact={},e.PropTypes,e.React,e.classNames,e.ReactDOM)}(this,function(e,t,n,a,r){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="default"in n?n.default:n;function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function s(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function p(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function d(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}a=a&&a.hasOwnProperty("default")?a.default:a;var b=function(e){var t=e.children,n=e.className,r=e.pageWidth,l=d(e,["children","className","pageWidth"]),o=a(c({"wfp--wrapper":!0,"wfp--wrapper--narrow":"narrow"===r,"wfp--wrapper--narrower":"narrower"===r,"wfp--wrapper--narrow wfp--wrapper--mobile-full":"narrow-full"===r,"wfp--wrapper--narrower wfp--wrapper--mobile-full":"narrower-full"===r},"".concat(n),n));return i.createElement("div",u({className:o},l),t)};b.propTypes={children:t.node,className:t.string,pageWidth:t.string};var h=function(e){var t=e.className,n=e.children,r=a("wfp--banner-navigation__item",t);return i.createElement("li",{className:r},n)};h.propTypes={className:t.string,children:t.node.isRequired};var g=function(e){var t=e.children,n=e.className,r=e.id,l=e.pageWidth,o=a("wfp--banner-navigation",n);return i.createElement("div",{id:r,className:o},i.createElement(b,{pageWidth:l},i.createElement("ul",{className:"wfp--banner-navigation__list"},t)))};g.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},g.defaultProps={pageWidth:"narrower"};var v=function(e){function t(e){var n;return l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(m(n),"toggleBlockquote",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({open:!n.state.open})}}),Object.defineProperty(m(n),"showInnerHtml",{configurable:!0,enumerable:!0,writable:!0,value:function(e){return{__html:e}}}),n.state={open:!1},n}return p(t,i.Component),s(t,[{key:"render",value:function(){var e=this.props,t=e.className,n=e.children,r=e.style,l=e.title,o=e.toggleable,s=(e.columnCount,e.innerHtml),u=e.type,p=(d(e,["className","children","style","title","toggleable","columnCount","innerHtml","type"]),a({"wfp--blockquote":!0,"wfp--blockquote--toggleable":!0===o,"wfp--blockquote--light":"light"===u,"wfp--blockquote--warning":"warning"===u,"wfp--blockquote--info":"info"===u,"wfp--blockquote--open":this.state.open})),m=a(c({"wfp--blockquote__content":!0},"".concat(t),t));return i.createElement("div",{className:p},l&&i.createElement("div",{onClick:this.toggleBlockquote,className:"wfp--blockquote__title"},l),i.createElement("div",{className:m,style:r},n,s&&i.createElement("div",{dangerouslySetInnerHTML:this.showInnerHtml(s)})))}}]),t}();v.propTypes={children:t.node,type:t.string};var w=function(e){var t=e.children,n=e.className,r=d(e,["children","className"]),l=a("wfp--breadcrumb wfp--breadcrumb--no-trailing-slash",n);return i.createElement("div",u({className:l},r),t)};w.propTypes={children:t.node,className:t.string};var y=function(e){var t=e.children,n=e.className,r=e.href,l=d(e,["children","className","href"]),o=a("wfp--link",n);return i.createElement("a",u({href:r,className:o},l),t)};y.propTypes={children:t.node,className:t.string,href:t.string};var N=function(e){var t=e.children,n=e.className,r=e.href,l=d(e,["children","className","href"]),o=a("wfp--breadcrumb-item",n);return i.createElement("div",u({className:o},l),function(e,t){return"string"==typeof e&&void 0!==t?i.createElement(y,{href:t},e):i.cloneElement(i.Children.only(e),{className:"wfp--link"})}(t,r))};N.propTypes={children:t.node,className:t.string,href:t.string};var _=function(e){var t=e.className,n=d(e,["className"]),r=a("wfp--breadcrumb-home",t);return i.createElement("div",u({className:r},n))};_.propTypes={type:t.string};var E=[];function C(e){var t=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:E).filter(function(t){return t.name===e});if(0===t.length)return!1;if(t.length>1)throw new Error("Multiple icons found...");return t[0]}function O(e){return"icon"===e.split("--")[0]}var k=function(e){var t,n=e.className,a=e.description,r=e.fill,l=e.fillRule,o=e.height,s=e.name,c=e.role,p=e.style,m=e.width,f=e.iconRef,b=d(e,["className","description","fill","fillRule","height","name","role","style","width","iconRef"]),h=O(s)?C(s):C("icon--".concat(s)),g=u({className:n,fill:r,fillRule:l,height:o||h.height,name:O?s:"icon--".concat(s),role:c,style:p,viewBox:h.viewBox,width:m||h.width,ref:f},b),v=h?(t=h.svgData,Object.keys(t).filter(function(e){return t[e]}).map(function(e){var n=t[e];return"circles"===e?n.map(function(e,t){var n={cx:e.cx,cy:e.cy,r:e.r,key:"circle".concat(t)};return i.createElement("circle",n)}):"paths"===e?n.map(function(e,t){return i.createElement("path",{d:e.d,key:"key".concat(t)})}):""})):"";return i.createElement("svg",u({},g,{"aria-label":a,alt:a}),i.createElement("title",null,a),v)};k.propTypes={className:t.string,description:t.string.isRequired,fill:t.string,fillRule:t.string,height:t.string,name:t.string.isRequired,role:t.string,style:t.object,viewBox:t.string,width:t.string,iconRef:t.func},k.defaultProps={fillRule:"evenodd",role:"img",description:"Provide a description that will be used as the title"};var T=function(e){var t=e.children,n=e.className,r=e.disabled,l=e.small,o=e.kind,s=e.href,c=e.tabIndex,p=e.type,m=e.icon,f=e.iconDescription,b=d(e,["children","className","disabled","small","kind","href","tabIndex","type","icon","iconDescription"]),h={tabIndex:c,className:a(n,{"wfp--btn":!0,"wfp--btn--sm":l,"wfp--btn--primary":"primary"===o,"wfp--btn--danger":"danger"===o,"wfp--btn--secondary":"secondary"===o,"wfp--btn--ghost":"ghost"===o,"wfp--btn--danger--primary":"danger--primary"===o,"wfp--btn--tertiary":"tertiary"===o})},g=m?i.createElement(k,{name:m,description:f,className:"wfp--btn__icon"}):null,v=i.createElement("button",u({},b,h,{disabled:r,type:p}),t,g),w=i.createElement("a",u({},b,h,{href:s,role:"button"}),t,g);return s?w:v};T.propTypes={children:t.node,className:t.string,disabled:t.bool,small:t.bool,kind:t.oneOf(["primary","secondary","danger","ghost","danger--primary","tertiary"]).isRequired,href:t.string,tabIndex:t.number,type:t.oneOf(["button","reset","submit"]),role:t.string,icon:t.string,iconDescription:function(e){if(e.icon&&!e.iconDescription)return new Error("icon property specified without also providing an iconDescription property.")}},T.defaultProps={iconDescription:"Provide icon description if icon is used",tabIndex:0,type:"button",disabled:!1,small:!1,kind:"primary"};var x=function(e){var t,n=e.className,r=e.id,l=e.input,o=e.labelText,s=e.onChange,c=e.indeterminate,p=e.hideLabel,m=e.wrapperClassName,f=d(e,["className","id","input","labelText","onChange","indeterminate","hideLabel","wrapperClassName"]),b=a("wfp--checkbox-label",n),h=a({"wfp--visually-hidden":p}),g=a("wfp--form-item","wfp--checkbox-wrapper",m);return i.createElement("div",{className:g},i.createElement("input",u({},f,l,{type:"checkbox",onClick:function(e){s&&s(l.checked,r,e),l&&l.onChange&&l.onChange(l.checked)},className:"wfp--checkbox",id:r,ref:function(e){(t=e)&&(t.indeterminate=c)}})),i.createElement("label",{htmlFor:r,className:b},i.createElement("span",{className:h},o)))};x.propTypes={checked:t.bool,defaultChecked:t.bool,indeterminate:t.bool,className:t.string,disabled:t.bool,id:t.string.isRequired,labelText:t.node.isRequired,hideLabel:t.bool,onChange:t.func,wrapperClassName:t.string},x.defaultProps={onChange:function(){},indeterminate:!1};var P=function(e){var t=e.className,n=e.children,r=e.labelOne,l=e.linkTextOne,o=e.linkHrefOne,s=e.labelTwo,c=e.linkTextTwo,p=e.linkHrefTwo,m=e.metaContent,f=e.secondary,h=e.pageWidth,g=d(e,["className","children","labelOne","linkTextOne","linkHrefOne","labelTwo","linkTextTwo","linkHrefTwo","metaContent","secondary","pageWidth"]),v=a("wfp--footer",t);return i.createElement("footer",u({},g,{className:v}),i.createElement(b,{pageWidth:h},i.createElement("div",{className:"wfp--footer__content"},n?i.createElement("div",{className:"wfp--footer-info"},n):i.createElement("div",{className:"wfp--footer-info"},i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},r),i.createElement(y,{href:o},l)),i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},s),i.createElement(y,{href:p},c))),i.createElement("div",{className:"wfp--footer-cta"},i.createElement("img",{className:"wfp--footer-cta-logo",src:"logos/extended/en/wfp-logo-extended-black-en.svg",alt:"World Food Programme Logo"}),i.createElement("img",{className:"wfp--footer-cta-logo-small",src:"logos/vertical/en/wfp-logo-vertical-black-en.svg",alt:"World Food Programme Logo"}),f)),m&&i.createElement("div",{className:"wfp--footer-meta"},m)))};P.propTypes={children:t.node,className:t.string,labelOne:t.string,linkTextOne:t.string,linkHrefOne:t.string,labelTwo:t.string,linkTextTwo:t.string,linkHrefTwo:t.string,buttonText:t.string},P.defaultProps={labelOne:"Need Help?",linkTextOne:"Contact Bluemix Sales",linkHrefOne:"#",labelTwo:"Estimate Monthly Cost",linkTextTwo:"Cost Calculator",linkHrefTwo:"#",buttonText:"Create"};var j=function(e){var t=e.className,n=e.children,r=d(e,["className","children"]),l=a("wfp--form",t);return i.createElement("form",u({className:l},r)," ",n," ")};j.propTypes={children:t.node,className:t.string};var R=function(e){var t=e.legendText,n=e.invalid,r=e.children,l=e.className,o=e.message,s=e.messageText,c=d(e,["legendText","invalid","children","className","message","messageText"]),p=a("wfp--label",l),m=a("wfp--fieldset",l);return i.createElement("fieldset",u({},n&&{"data-invalid":""},{className:m},c),i.createElement("legend",{className:p},t),r,o?i.createElement("div",{className:"wfp--form__requirements"},s):null)};R.propTypes={children:t.node,legendText:t.string.isRequired,className:t.string,invalid:t.bool,message:t.bool,messageText:t.string},R.defaultProps={invalid:!1,message:!1,messageText:""};var S=function(e){var t=e.className,n=e.children,r=d(e,["className","children"]),l=a("bx--form-item",t);return i.createElement("div",u({className:l},r),n)};S.propTypes={children:t.node,className:t.string};var I=function(e){var t=e.className,n=e.children,r=e.id,l=d(e,["className","children","id"]),o=a("bx--label",t);return i.createElement("label",u({htmlFor:r,className:o},l),n)};function q(e,t,n){return e===t||(e.correspondingElement?e.correspondingElement.classList.contains(n):e.classList.contains(n))}I.propTypes={children:t.node,className:t.string,id:t.string};var M=function(){if("undefined"!=typeof window&&"function"==typeof window.addEventListener){var e=!1,t=Object.defineProperty({},"passive",{get:function(){e=!0}}),n=function(){};return window.addEventListener("testPassiveEventSupport",n,t),window.removeEventListener("testPassiveEventSupport",n,t),e}};var B,L,H=(void 0===B&&(B=0),function(){return++B}),W={},D={},F=["touchstart","touchmove"],z="ignore-react-onclickoutside";function A(e,t){var n=null;return-1!==F.indexOf(t)&&L&&(n={passive:!e.props.preventDefault}),n}var U=function(e){var t=e.activeMenuItem,n=e.className,r=e.children,l=e.menuItem,o=e.onChangeSub,s=e.subNavigation,c=a(n,{"wfp--main-navigation__item":!0,"wfp--main-navigation__item--open":l===t}),u=a({"wfp--main-navigation__sub":!0,"wfp--main-navigation__sub--open":l===t}),p=a({"wfp--main-navigation__trigger":!0,"wfp--main-navigation__trigger--has-sub":s,"wfp--main-navigation__trigger--open":l===t}),d=s?i.cloneElement(r,{onClick:function(e){return o(e,l,"toggle")}}):r;return i.createElement("li",{className:c},i.createElement("div",{className:p},d),s&&i.createElement("div",{className:u},s))};U.propTypes={className:t.string,children:t.node.isRequired};var G=function(e){function t(e){var n;return l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(m(n),"onChangeSub",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,a){if(e.preventDefault(),console.log("I've been clicked",e.target,e.target.id,t,a),"toggle"===a){var r=void 0===n.state.activeMenuItem||n.state.activeMenuItem!==t?t:void 0;n.setState({activeMenuItem:r})}}}),Object.defineProperty(m(n),"toggleMenu",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({openMobile:!n.state.openMobile})}}),Object.defineProperty(m(n),"handleClickOutside",{configurable:!0,enumerable:!0,writable:!0,value:function(e){console.log("clicked outside",e),n.setState({activeMenuItem:void 0})}}),n.state={openMobile:!1,activeMenuItem:void 0},n}return p(t,n.Component),s(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=t.className,l=t.id,o=t.logo,s=t.pageWidth,c=a("wfp--main-navigation",r),u=a("wfp--main-navigation__list",{"wfp--main-navigation__list--open":this.state.openMobile});return i.createElement("div",{id:l,className:c},i.createElement(b,{pageWidth:s,className:"wfp--main-navigation__wrapper"},i.createElement("div",{className:"wfp--main-navigation__logo-wrapper"},i.createElement(T,{className:"wfp--main-navigation__button",onClick:this.toggleMenu},"Menu"),i.createElement("div",{className:"wfp--main-navigation__logo"},o)),i.createElement("ul",{className:u},i.Children.map(n,function(t,n){return i.cloneElement(t,{activeMenuItem:e.state.activeMenuItem,menuItem:n,onChangeSub:e.onChangeSub})}))))}}]),t}();G.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},G.defaultProps={pageWidth:"narrow-full"};var V,X,Y,J,K=(V=G,J=Y=function(e){var t,a;function i(t){var n;return(n=e.call(this,t)||this).__outsideClickHandler=function(e){if("function"!=typeof n.__clickOutsideHandlerProp){var t=n.getInstance();if("function"!=typeof t.props.handleClickOutside){if("function"!=typeof t.handleClickOutside)throw new Error("WrappedComponent lacks a handleClickOutside(event) function for processing outside click events.");t.handleClickOutside(e)}else t.props.handleClickOutside(e)}else n.__clickOutsideHandlerProp(e)},n.enableOnClickOutside=function(){if("undefined"!=typeof document&&!D[n._uid]){void 0===L&&(L=M()),D[n._uid]=!0;var e=n.props.eventTypes;e.forEach||(e=[e]),W[n._uid]=function(e){var t;n.props.disableOnClickOutside||null!==n.componentNode&&(n.props.preventDefault&&e.preventDefault(),n.props.stopPropagation&&e.stopPropagation(),n.props.excludeScrollbar&&(t=e,document.documentElement.clientWidth<=t.clientX||document.documentElement.clientHeight<=t.clientY)||function(e,t,n){if(e===t)return!0;for(;e.parentNode;){if(q(e,t,n))return!0;e=e.parentNode}return e}(e.target,n.componentNode,n.props.outsideClickIgnoreClass)===document&&n.__outsideClickHandler(e))},e.forEach(function(e){document.addEventListener(e,W[n._uid],A(n,e))})}},n.disableOnClickOutside=function(){delete D[n._uid];var e=W[n._uid];if(e&&"undefined"!=typeof document){var t=n.props.eventTypes;t.forEach||(t=[t]),t.forEach(function(t){return document.removeEventListener(t,e,A(n,t))}),delete W[n._uid]}},n.getRef=function(e){return n.instanceRef=e},n._uid=H(),n}a=e,(t=i).prototype=Object.create(a.prototype),t.prototype.constructor=t,t.__proto__=a;var l=i.prototype;return l.getInstance=function(){if(!V.prototype.isReactComponent)return this;var e=this.instanceRef;return e.getInstance?e.getInstance():e},l.componentDidMount=function(){if("undefined"!=typeof document&&document.createElement){var e=this.getInstance();if(X&&"function"==typeof X.handleClickOutside&&(this.__clickOutsideHandlerProp=X.handleClickOutside(e),"function"!=typeof this.__clickOutsideHandlerProp))throw new Error("WrappedComponent lacks a function for processing outside click events specified by the handleClickOutside config option.");this.componentNode=r.findDOMNode(this.getInstance()),this.enableOnClickOutside()}},l.componentDidUpdate=function(){this.componentNode=r.findDOMNode(this.getInstance())},l.componentWillUnmount=function(){this.disableOnClickOutside()},l.render=function(){var e=this.props,t=(e.excludeScrollbar,function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,["excludeScrollbar"]));return V.prototype.isReactComponent?t.ref=this.getRef:t.wrappedRef=this.getRef,t.disableOnClickOutside=this.disableOnClickOutside,t.enableOnClickOutside=this.enableOnClickOutside,n.createElement(V,t)},i}(n.Component),Y.displayName="OnClickOutside("+(V.displayName||V.name||"Component")+")",Y.defaultProps={eventTypes:["mousedown","touchstart"],excludeScrollbar:X&&X.excludeScrollbar||!1,outsideClickIgnoreClass:z,preventDefault:!1,stopPropagation:!1},Y.getClass=function(){return V.getClass?V.getClass():V},J),Q=function(e){var t=e.children,n=e.className,r=(e.title,d(e,["children","className","title"])),l=a("wfp--sub-menu__item",{className:n});return i.createElement("div",u({className:l},r),t)};Q.propTypes={},Q.defaultProps={};var Z=function(e){var t=e.children,n=e.className,r=e.title,l=d(e,["children","className","title"]),o=a("wfp--sub-menu__section",{className:n});return i.createElement("div",u({className:o},l),i.createElement("h3",{className:"wfp--sub-menu__section__title"},r),t)};Z.propTypes={},Z.defaultProps={};var $=function(e){var t=e.children,n=e.className,r=(e.title,d(e,["children","className","title"])),l=a("wfp--sub-menu",{className:n});return i.createElement("div",u({className:l},r),t)};$.propTypes={image:t.string},$.defaultProps={};var ee={children:t.node,className:t.string,size:t.oneOf(["single","double"])},te={children:t.node,centered:t.bool,className:t.string},ne={children:t.node,className:t.string},ae=function(e){var t=e.children,n=e.className,r=e.size,l=d(e,["children","className","size"]),o=a("wfp--module wfp--module--".concat(r),n);return i.createElement("div",u({className:o},l),i.createElement("div",{className:"wfp--module__inner"},t))},re=function(e){var t=e.children,n=e.className,r=e.centered,l=d(e,["children","className","centered"]),o=a("wfp--module__content",n,{"wfp--module__content--centered":r});return i.createElement("div",u({className:o},l),t)},ie=function(e){var t=e.children,n=e.className,r=d(e,["children","className"]),l=a("wfp--module__header",n);return i.createElement("div",u({className:l},r),i.createElement("h1",{className:"wfp--module__title"},t))};ae.propTypes=ee,re.propTypes=te,ae.defaultProps={size:"double"},re.defaultProps={centered:!1},ie.propTypes=ne;var le=function(e){function t(e){var n;l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),oe.call(m(n));var a=e.value;return(e.min||0===e.min)&&(a=Math.max(e.min,a)),n.state={value:a},n}return p(t,n.Component),s(t,[{key:"componentWillReceiveProps",value:function(e){e.value!==this.props.value&&this.setState({value:e.value})}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.disabled,l=(t.iconDescription,t.id),o=t.label,s=t.max,c=t.min,p=t.step,m=t.invalid,f=t.invalidText,b=d(t,["className","disabled","iconDescription","id","label","max","min","step","invalid","invalidText"]),h=a("wfp--number",n),g={disabled:r,id:l,max:s,min:c,step:p,onChange:this.handleChange,value:this.state.value},v={disabled:r,type:"button",className:"wfp--number__control-btn"},w={},y=null;return m&&(w["data-invalid"]=!0,y=i.createElement("div",{className:"wfp--form-requirement"},f)),i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:l,className:"wfp--label"},o),i.createElement("div",u({className:h},w),i.createElement("input",u({type:"number",pattern:"[0-9]*"},b,g,{ref:this._handleInputRef})),i.createElement("div",{className:"wfp--number__controls"},i.createElement("button",u({},v,{onClick:function(t){return e.handleArrowClick(t,"up")}}),i.createElement(k,{className:"up-icon",name:"caret--up",description:this.props.iconDescription,viewBox:"0 2 10 5"})),i.createElement("button",u({},v,{onClick:function(t){return e.handleArrowClick(t,"down")}}),i.createElement(k,{className:"down-icon",name:"caret--down",viewBox:"0 2 10 5",description:this.props.iconDescription})))),y)}}]),t}();Object.defineProperty(le,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{className:t.string,disabled:t.bool,iconDescription:t.string.isRequired,id:t.string.isRequired,label:t.string,max:t.number,min:t.number,onChange:t.func,onClick:t.func,step:t.number,value:t.number,invalid:t.bool,invalidText:t.string}}),Object.defineProperty(le,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{disabled:!1,iconDescription:"choose a number",label:" ",onChange:function(){},onClick:function(){},step:1,value:0,invalid:!1,invalidText:"Provide invalidText"}});var oe=function(){var e=this;Object.defineProperty(this,"_inputRef",{configurable:!0,enumerable:!0,writable:!0,value:null}),Object.defineProperty(this,"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(t){e.props.disabled||(t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:t.target.value},function(){e.props.onChange(t)}))}}),Object.defineProperty(this,"handleArrowClick",{configurable:!0,enumerable:!0,writable:!0,value:function(t,n){var a="string"==typeof e.state.value?Number(e.state.value):e.state.value,r=e.props,i=r.disabled,l=r.min,o=r.max,s=r.step;!i&&("down"===n?void 0!==l&&a>l||void 0===l:void 0!==o&&a<o||void 0===o)&&(a="down"===n?a-s:a+s,t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:a},function(){e.props.onClick(t,n),e.props.onChange(t,n)}))}}),Object.defineProperty(this,"_handleInputRef",{configurable:!0,enumerable:!0,writable:!0,value:function(t){e._inputRef=t}})},se=0;var ce=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){a.props.onChange&&a.props.onChange(a.props.value,a.props.name,e),a.props.input&&a.props.input.onChange&&a.props.input.onChange(e.target.value)}}),n))}return p(t,i.Component),s(t,[{key:"componentWillMount",value:function(){this.uid=this.props.id||function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"id";return se++,"".concat(e).concat(se)}()}},{key:"render",value:function(){var e=a("radioButtonWrapper",this.props.className),t=this.props,n=(t.component,t.labelText),r=t.input,l=t.value,o=d(t,["component","labelText","input","value"]);return i.createElement("div",{className:e},i.createElement("input",u({},o,r,{type:"radio",value:r&&r.value?r.value:l,className:"wfp--radio-button",onChange:this.handleChange,id:this.uid})),i.createElement("label",{htmlFor:this.uid,className:"wfp--radio-button__label"},i.createElement("span",{className:"wfp--radio-button__appearance"}),n))}}]),t}();Object.defineProperty(ce,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{checked:t.bool,className:t.string,defaultChecked:t.bool,disabled:t.bool,id:t.string,labelText:t.string.isRequired,name:t.string,onChange:t.func,value:t.oneOfType([t.string,t.number])}}),Object.defineProperty(ce,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){}}});var ue=function(){};var pe=ue,de=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),Object.defineProperty(m(a),"state",{configurable:!0,enumerable:!0,writable:!0,value:{selected:null}}),Object.defineProperty(m(a),"getRadioButtons",{configurable:!0,enumerable:!0,writable:!0,value:function(){return i.Children.map(a.props.children,function(e){var t=e.props,n=t.value,r=d(t,["value"]);return e.props.hasOwnProperty("checked")&&pe(!1,"Instead of using the checked property on the RadioButton, set\n the defaultSelected property or valueSelected property on the RadioButtonGroup."),i.createElement(ce,u({},r,{name:a.props.name,key:n,value:n,onChange:a.handleChange,checked:n===a.state.selected}))})}}),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){e!==a.state.selected&&(a.setState({selected:e}),a.props.onChange(e,a.props.name,n))}}),n))}return p(t,i.Component),s(t,[{key:"componentWillMount",value:function(){this.setState({selected:this.props.valueSelected||this.props.defaultSelected||null})}},{key:"componentWillReceiveProps",value:function(e){e.hasOwnProperty("valueSelected")&&this.setState({selected:e.valueSelected})}},{key:"render",value:function(){var e=this.props,t=e.disabled,n=e.className;return i.createElement("div",{className:"wfp--form-item"},i.createElement("div",{className:n,disabled:t},this.getRadioButtons()))}}]),t}();Object.defineProperty(de,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{children:t.node,className:t.string,defaultSelected:t.oneOfType([t.string,t.number]),name:t.string.isRequired,disabled:t.bool,onChange:t.func,valueSelected:t.oneOfType([t.string,t.number])}}),Object.defineProperty(de,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){},className:"wfp--radio-button-group"}});var me=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),Object.defineProperty(m(a),"state",{configurable:!0,enumerable:!0,writable:!0,value:{format:"list",hasContent:a.props.value||a.props.defaultValue||!1}}),Object.defineProperty(m(a),"clearInput",{configurable:!0,enumerable:!0,writable:!0,value:function(e){if(a.props.value){var t=Object.assign({},e.target,{target:{value:""}});a.props.onChange(t)}else a.input.value="",a.props.onChange(e);a.setState({hasContent:!1},function(){return a.input.focus()})}}),Object.defineProperty(m(a),"toggleLayout",{configurable:!0,enumerable:!0,writable:!0,value:function(){"list"===a.state.format?a.setState({format:"grid"}):a.setState({format:"list"})}}),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){a.setState({hasContent:""!==e.target.value}),a.props.onChange(e)}}),Object.defineProperty(m(a),"searchFilterBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!a.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button","aria-label":a.props.searchButtonLabelText},i.createElement(k,{name:"filter--glyph",description:"filter",className:"wfp--search-filter"}))}}),Object.defineProperty(m(a),"searchLayoutBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!a.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button",onClick:a.toggleLayout,"aria-label":a.props.layoutButtonLabelText},"list"===a.state.format?i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(k,{name:"list",description:"list",className:"wfp--search-view"})):i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(k,{name:"grid",description:"toggle-layout",className:"wfp--search-view"})))}}),n))}return p(t,n.Component),s(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.type,l=t.id,o=void 0===l?this._inputId=this._inputId||"search__input__id_".concat(Math.random().toString(36).substr(2)):l,s=t.placeHolderText,p=t.labelText,m=t.size,f=d(t,["className","type","id","placeHolderText","labelText","size"]),b=this.state.hasContent,h=a(c({"wfp--search wfp--search-with-options":!0,"wfp--search--lg":!m,"wfp--search--md":"medium"===m,"wfp--search--sm":"small"===m},n,n)),g=a({"wfp--search-close":!0,"wfp--search-close--hidden":!b});return i.createElement("div",{className:h,role:"search"},i.createElement("div",{name:"search--glyph",description:"search",className:"wfp--search-magnifier"}),i.createElement("label",{htmlFor:o,className:"wfp--label"},p),i.createElement("input",u({},f,{type:r,className:"wfp--search-input",id:o,placeholder:s,onChange:this.handleChange,ref:function(t){e.input=t}})),i.createElement(k,{name:"close--glyph",description:"close",className:g,onClick:this.clearInput}))}}]),t}();Object.defineProperty(me,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{children:t.node,className:t.string,type:t.string,size:t.string,placeHolderText:t.string,labelText:t.node.isRequired,id:t.string,searchButtonLabelText:t.string,layoutButtonLabelText:t.string}}),Object.defineProperty(me,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{type:"text",small:!1,placeHolderText:"",onChange:function(){}}});var fe=function(e){var t=e.children,n=e.className,r=a(c({"wfp--story":!0},"".concat(n),n));return i.createElement(b,{className:r},t)};fe.propTypes={children:t.node,className:t.string};var be=function(e){var t=e.className,n=e.id,r=e.labelText,l=e.hideLabel,o=e.onChange,s=e.onClick,c=e.invalid,p=e.invalidText,m=d(e,["className","id","labelText","hideLabel","onChange","onClick","invalid","invalidText"]),f={id:n,onChange:function(e){m.disabled||o(e)},onClick:function(e){m.disabled||s(e)}},b=a("wfp--text-area",t),h=a("wfp--label",{"wfp--visually-hidden":l}),g=r?i.createElement("label",{htmlFor:n,className:h},r):null,v=c?i.createElement("div",{className:"wfp--form-requirement"},p):null,w=c?i.createElement("textarea",u({},m,f,{className:b,"data-invalid":!0})):i.createElement("textarea",u({},m,f,{className:b}));return i.createElement("div",{className:"wfp--form-item"},g,w,v)};be.propTypes={className:t.string,cols:t.number,defaultValue:t.oneOfType([t.string,t.number]),disabled:t.bool,id:t.string,labelText:t.string.isRequired,onChange:t.func,onClick:t.func,placeholder:t.string,rows:t.number,value:t.oneOfType([t.string,t.number]),invalid:t.bool,invalidText:t.string,hideLabel:t.bool},be.defaultProps={disabled:!1,onChange:function(){},onClick:function(){},placeholder:"",rows:4,cols:50,invalid:!1,invalidText:""};var he=function(e){var t=e.labelText,n=e.className,r=e.id,l=e.input,o=e.meta,s=e.placeholder,c=e.type,p=(e.onChange,e.onClick),m=e.hideLabel,f=e.invalid,b=e.invalidText,h=d(e,["labelText","className","id","input","meta","placeholder","type","onChange","onClick","hideLabel","invalid","invalidText"]),g={id:r,onClick:function(e){h.disabled||p(e)},placeholder:s,type:c},v=o?o.error:b,w=o?!o.valid:f;console.log("map",v,w,o.valid);var y=r+"-error-msg",N=a("wfp--text-input",n),_=a("wfp--label",{"wfp--visually-hidden":m}),E=t?i.createElement("label",{htmlFor:r,className:_},t):null,C=w?i.createElement("div",{className:"wfp--form-requirement",id:y},v):null,O=w?i.createElement("input",u({},h,l,g,{"data-invalid":!0,"aria-invalid":!0,"aria-describedby":y,className:N})):i.createElement("input",u({},h,l,g,{className:N}));return i.createElement("div",{className:"wfp--form-item"},E,O,C)};he.propTypes={className:t.string,defaultValue:t.oneOfType([t.string,t.number]),disabled:t.bool,id:t.string.isRequired,labelText:t.string.isRequired,onChange:t.func,onClick:t.func,placeholder:t.string,type:t.string,value:t.oneOfType([t.string,t.number]),hideLabel:t.bool,invalid:t.bool,invalidText:t.string},he.defaultProps={className:"wfp--text__input",disabled:!1,type:"text",onChange:function(){},onClick:function(){},invalid:!1,invalidText:""};var ge=function(e){var t,n=e.alt,r=e.className,l=e.image,o=e.title,s=d(e,["alt","className","image","title"]);t=l&&l.includes("auto")||void 0===l?i.createElement("div",{className:"wfp--user-icon wfp--user-icon--empty",alt:n}):i.createElement("img",{alt:n,className:"wfp--user-icon",src:l});var c=a("wfp--user",{className:r});return i.createElement("div",u({className:c},s),t,i.createElement("span",null,o))};ge.propTypes={alt:t.string,image:t.string,title:t.string},ge.defaultProps={alt:"User Icon",title:"No Name"},e.Blockquote=v,e.Breadcrumb=w,e.BreadcrumbItem=N,e.BreadcrumbHome=_,e.Button=T,e.Checkbox=x,e.Footer=P,e.Form=j,e.FormGroup=R,e.FormItem=S,e.FormLabel=I,e.Link=y,e.NumberInput=le,e.RadioButton=ce,e.RadioButtonGroup=de,e.Search=me,e.Story=fe,e.TextArea=be,e.TextInput=he,e.User=ge,e.Wrapper=b,e.BannerNavigation=g,e.BannerNavigationItem=h,e.MainNavigation=K,e.MainNavigationItem=U,e.SubMenuList=$,e.SubMenuSection=Z,e.SubMenuItem=Q,e.Module=ae,e.ModuleBody=re,e.ModuleHeader=ie,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("prop-types"),require("react"),require("classnames"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","prop-types","react","classnames","react-dom"],t):t(e.WfpComponentsReact={},e.PropTypes,e.React,e.classNames,e.ReactDOM)}(this,function(e,t,n,a,r){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="default"in n?n.default:n;function l(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function s(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(){return(p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function d(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function f(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}a=a&&a.hasOwnProperty("default")?a.default:a;var b=function(e){var t=e.children,n=e.className,r=e.pageWidth,l=d(e,["children","className","pageWidth"]),o=a(c({"wfp--wrapper":!0,"wfp--wrapper--narrow":"narrow"===r,"wfp--wrapper--narrower":"narrower"===r,"wfp--wrapper--narrow wfp--wrapper--mobile-full":"narrow-full"===r,"wfp--wrapper--narrower wfp--wrapper--mobile-full":"narrower-full"===r},"".concat(n),n));return i.createElement("div",p({className:o},l),t)};b.propTypes={children:t.node,className:t.string,pageWidth:t.string};var h=function(e){var t=e.className,n=e.children,r=a("wfp--banner-navigation__item",t);return i.createElement("li",{className:r},n)};h.propTypes={className:t.string,children:t.node.isRequired};var v=function(e){var t=e.children,n=e.className,r=e.id,l=e.pageWidth,o=a("wfp--banner-navigation",n);return i.createElement("div",{id:r,className:o},i.createElement(b,{pageWidth:l},i.createElement("ul",{className:"wfp--banner-navigation__list"},t)))};v.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},v.defaultProps={pageWidth:"narrower"};var g=function(e){function t(e){var n;return l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(m(n),"toggleBlockquote",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({open:!n.state.open})}}),Object.defineProperty(m(n),"showInnerHtml",{configurable:!0,enumerable:!0,writable:!0,value:function(e){return{__html:e}}}),n.state={open:!1},n}return u(t,i.Component),s(t,[{key:"render",value:function(){var e=this.props,t=e.className,n=e.children,r=e.style,l=e.title,o=e.toggleable,s=(e.columnCount,e.innerHtml),p=e.type,u=(d(e,["className","children","style","title","toggleable","columnCount","innerHtml","type"]),a({"wfp--blockquote":!0,"wfp--blockquote--toggleable":!0===o,"wfp--blockquote--light":"light"===p,"wfp--blockquote--warning":"warning"===p,"wfp--blockquote--info":"info"===p,"wfp--blockquote--open":this.state.open})),m=a(c({"wfp--blockquote__content":!0},"".concat(t),t));return i.createElement("div",{className:u},l&&i.createElement("div",{onClick:this.toggleBlockquote,className:"wfp--blockquote__title"},l),i.createElement("div",{className:m,style:r},n,s&&i.createElement("div",{dangerouslySetInnerHTML:this.showInnerHtml(s)})))}}]),t}();g.propTypes={children:t.node,type:t.string};var w=function(e){var t=e.children,n=e.className,r=d(e,["children","className"]),l=a("wfp--breadcrumb wfp--breadcrumb--no-trailing-slash",n);return i.createElement("div",p({className:l},r),t)};w.propTypes={children:t.node,className:t.string};var y=function(e){var t=e.children,n=e.className,r=e.href,l=d(e,["children","className","href"]),o=a("wfp--link",n);return i.createElement("a",p({href:r,className:o},l),t)};y.propTypes={children:t.node,className:t.string,href:t.string};var N=function(e){var t=e.children,n=e.className,r=e.href,l=d(e,["children","className","href"]),o=a("wfp--breadcrumb-item",n);return i.createElement("div",p({className:o},l),function(e,t){return"string"==typeof e&&void 0!==t?i.createElement(y,{href:t},e):i.cloneElement(i.Children.only(e),{className:"wfp--link"})}(t,r))};N.propTypes={children:t.node,className:t.string,href:t.string};var _=function(e){var t=e.className,n=d(e,["className"]),r=a("wfp--breadcrumb-home",t);return i.createElement("div",p({className:r},n))};_.propTypes={type:t.string};var C=function(e){var t=e.children,n=e.className,r=d(e,["children","className"]),l=a("wfp--icon",n);return i.createElement("div",p({className:l},r),t)};C.propTypes={children:t.node,className:t.string};var E=function(e){var t=e.children,n=e.className,r=e.disabled,l=e.small,o=e.kind,s=e.href,c=e.tabIndex,u=e.type,m=e.icon,f=e.iconDescription,b=d(e,["children","className","disabled","small","kind","href","tabIndex","type","icon","iconDescription"]),h={tabIndex:c,className:a(n,{"wfp--btn":!0,"wfp--btn--sm":l,"wfp--btn--primary":"primary"===o,"wfp--btn--danger":"danger"===o,"wfp--btn--secondary":"secondary"===o,"wfp--btn--ghost":"ghost"===o,"wfp--btn--danger--primary":"danger--primary"===o,"wfp--btn--tertiary":"tertiary"===o})},v=m?i.createElement(C,{name:m,description:f,className:"wfp--btn__icon"}):null,g=i.createElement("button",p({},b,h,{disabled:r,type:u}),t,v),w=i.createElement("a",p({},b,h,{href:s,role:"button"}),t,v);return s?w:g};E.propTypes={children:t.node,className:t.string,disabled:t.bool,small:t.bool,kind:t.oneOf(["primary","secondary","danger","ghost","danger--primary","tertiary"]).isRequired,href:t.string,tabIndex:t.number,type:t.oneOf(["button","reset","submit"]),role:t.string,icon:t.string,iconDescription:function(e){if(e.icon&&!e.iconDescription)return new Error("icon property specified without also providing an iconDescription property.")}},E.defaultProps={iconDescription:"Provide icon description if icon is used",tabIndex:0,type:"button",disabled:!1,small:!1,kind:"primary"};var O=function(e){var t,n=e.className,r=e.id,l=e.input,o=e.labelText,s=e.onChange,c=e.indeterminate,u=e.hideLabel,m=e.wrapperClassName,f=d(e,["className","id","input","labelText","onChange","indeterminate","hideLabel","wrapperClassName"]),b=a("wfp--checkbox-label",n),h=a({"wfp--visually-hidden":u}),v=a("wfp--form-item","wfp--checkbox-wrapper",m);return i.createElement("div",{className:v},i.createElement("input",p({},f,l,{type:"checkbox",onClick:function(e){s&&s(l.checked,r,e),l&&l.onChange&&l.onChange(l.checked)},className:"wfp--checkbox",id:r,ref:function(e){(t=e)&&(t.indeterminate=c)}})),i.createElement("label",{htmlFor:r,className:b},i.createElement("span",{className:h},o)))};O.propTypes={checked:t.bool,defaultChecked:t.bool,indeterminate:t.bool,className:t.string,disabled:t.bool,id:t.string.isRequired,labelText:t.node.isRequired,hideLabel:t.bool,onChange:t.func,wrapperClassName:t.string},O.defaultProps={onChange:function(){},indeterminate:!1};var k=function(e){var t=e.className,n=e.children,r=e.labelOne,l=e.linkTextOne,o=e.linkHrefOne,s=e.labelTwo,c=e.linkTextTwo,u=e.linkHrefTwo,m=e.metaContent,f=e.secondary,h=e.pageWidth,v=d(e,["className","children","labelOne","linkTextOne","linkHrefOne","labelTwo","linkTextTwo","linkHrefTwo","metaContent","secondary","pageWidth"]),g=a("wfp--footer",t);return i.createElement("footer",p({},v,{className:g}),i.createElement(b,{pageWidth:h},i.createElement("div",{className:"wfp--footer__content"},n?i.createElement("div",{className:"wfp--footer-info"},n):i.createElement("div",{className:"wfp--footer-info"},i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},r),i.createElement(y,{href:o},l)),i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},s),i.createElement(y,{href:u},c))),i.createElement("div",{className:"wfp--footer-cta"},i.createElement("img",{className:"wfp--footer-cta-logo",src:"logos/extended/en/wfp-logo-extended-black-en.svg",alt:"World Food Programme Logo"}),i.createElement("img",{className:"wfp--footer-cta-logo-small",src:"logos/vertical/en/wfp-logo-vertical-black-en.svg",alt:"World Food Programme Logo"}),f)),m&&i.createElement("div",{className:"wfp--footer-meta"},m)))};k.propTypes={children:t.node,className:t.string,labelOne:t.string,linkTextOne:t.string,linkHrefOne:t.string,labelTwo:t.string,linkTextTwo:t.string,linkHrefTwo:t.string,buttonText:t.string},k.defaultProps={labelOne:"Need Help?",linkTextOne:"Contact Bluemix Sales",linkHrefOne:"#",labelTwo:"Estimate Monthly Cost",linkTextTwo:"Cost Calculator",linkHrefTwo:"#",buttonText:"Create"};var T=function(e){var t=e.className,n=e.children,r=d(e,["className","children"]),l=a("wfp--form",t);return i.createElement("form",p({className:l},r)," ",n," ")};T.propTypes={children:t.node,className:t.string};var x=function(e){var t=e.legendText,n=e.invalid,r=e.children,l=e.className,o=e.message,s=e.messageText,c=d(e,["legendText","invalid","children","className","message","messageText"]),u=a("wfp--label",l),m=a("wfp--fieldset",l);return i.createElement("fieldset",p({},n&&{"data-invalid":""},{className:m},c),i.createElement("legend",{className:u},t),r,o?i.createElement("div",{className:"wfp--form__requirements"},s):null)};x.propTypes={children:t.node,legendText:t.string.isRequired,className:t.string,invalid:t.bool,message:t.bool,messageText:t.string},x.defaultProps={invalid:!1,message:!1,messageText:""};var P=function(e){var t=e.className,n=e.children,r=d(e,["className","children"]),l=a("bx--form-item",t);return i.createElement("div",p({className:l},r),n)};P.propTypes={children:t.node,className:t.string};var j=function(e){var t=e.className,n=e.children,r=e.id,l=d(e,["className","children","id"]),o=a("bx--label",t);return i.createElement("label",p({htmlFor:r,className:o},l),n)};function S(e,t,n){return e===t||(e.correspondingElement?e.correspondingElement.classList.contains(n):e.classList.contains(n))}j.propTypes={children:t.node,className:t.string,id:t.string};var I=function(){if("undefined"!=typeof window&&"function"==typeof window.addEventListener){var e=!1,t=Object.defineProperty({},"passive",{get:function(){e=!0}}),n=function(){};return window.addEventListener("testPassiveEventSupport",n,t),window.removeEventListener("testPassiveEventSupport",n,t),e}};var R,q,M=(void 0===R&&(R=0),function(){return++R}),L={},H={},B=["touchstart","touchmove"],W="ignore-react-onclickoutside";function D(e,t){var n=null;return-1!==B.indexOf(t)&&q&&(n={passive:!e.props.preventDefault}),n}var F=function(e){var t=e.activeMenuItem,n=e.className,r=e.children,l=e.menuItem,o=e.onChangeSub,s=e.subNavigation,c=a(n,{"wfp--main-navigation__item":!0,"wfp--main-navigation__item--open":l===t}),p=a({"wfp--main-navigation__sub":!0,"wfp--main-navigation__sub--open":l===t}),u=a({"wfp--main-navigation__trigger":!0,"wfp--main-navigation__trigger--has-sub":s,"wfp--main-navigation__trigger--open":l===t}),d=s?i.cloneElement(r,{onClick:function(e){return o(e,l,"toggle")}}):r;return i.createElement("li",{className:c},i.createElement("div",{className:u},d),s&&i.createElement("div",{className:p},s))};F.propTypes={className:t.string,children:t.node.isRequired};var z=function(e){function t(e){var n;return l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(m(n),"onChangeSub",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,a){if(e.preventDefault(),console.log("I've been clicked",e.target,e.target.id,t,a),"toggle"===a){var r=void 0===n.state.activeMenuItem||n.state.activeMenuItem!==t?t:void 0;n.setState({activeMenuItem:r})}}}),Object.defineProperty(m(n),"toggleMenu",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({openMobile:!n.state.openMobile})}}),Object.defineProperty(m(n),"handleClickOutside",{configurable:!0,enumerable:!0,writable:!0,value:function(e){console.log("clicked outside",e),n.setState({activeMenuItem:void 0})}}),n.state={openMobile:!1,activeMenuItem:void 0},n}return u(t,n.Component),s(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.children,r=t.className,l=t.id,o=t.logo,s=t.pageWidth,c=a("wfp--main-navigation",r),p=a("wfp--main-navigation__list",{"wfp--main-navigation__list--open":this.state.openMobile});return i.createElement("div",{id:l,className:c},i.createElement(b,{pageWidth:s,className:"wfp--main-navigation__wrapper"},i.createElement("div",{className:"wfp--main-navigation__logo-wrapper"},i.createElement(E,{className:"wfp--main-navigation__button",onClick:this.toggleMenu},"Menu"),i.createElement("div",{className:"wfp--main-navigation__logo"},o)),i.createElement("ul",{className:p},i.Children.map(n,function(t,n){return i.cloneElement(t,{activeMenuItem:e.state.activeMenuItem,menuItem:n,onChangeSub:e.onChangeSub})}))))}}]),t}();z.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},z.defaultProps={pageWidth:"narrow-full"};var A,U,G,V,X=(A=z,V=G=function(e){var t,a;function i(t){var n;return(n=e.call(this,t)||this).__outsideClickHandler=function(e){if("function"!=typeof n.__clickOutsideHandlerProp){var t=n.getInstance();if("function"!=typeof t.props.handleClickOutside){if("function"!=typeof t.handleClickOutside)throw new Error("WrappedComponent lacks a handleClickOutside(event) function for processing outside click events.");t.handleClickOutside(e)}else t.props.handleClickOutside(e)}else n.__clickOutsideHandlerProp(e)},n.enableOnClickOutside=function(){if("undefined"!=typeof document&&!H[n._uid]){void 0===q&&(q=I()),H[n._uid]=!0;var e=n.props.eventTypes;e.forEach||(e=[e]),L[n._uid]=function(e){var t;n.props.disableOnClickOutside||null!==n.componentNode&&(n.props.preventDefault&&e.preventDefault(),n.props.stopPropagation&&e.stopPropagation(),n.props.excludeScrollbar&&(t=e,document.documentElement.clientWidth<=t.clientX||document.documentElement.clientHeight<=t.clientY)||function(e,t,n){if(e===t)return!0;for(;e.parentNode;){if(S(e,t,n))return!0;e=e.parentNode}return e}(e.target,n.componentNode,n.props.outsideClickIgnoreClass)===document&&n.__outsideClickHandler(e))},e.forEach(function(e){document.addEventListener(e,L[n._uid],D(n,e))})}},n.disableOnClickOutside=function(){delete H[n._uid];var e=L[n._uid];if(e&&"undefined"!=typeof document){var t=n.props.eventTypes;t.forEach||(t=[t]),t.forEach(function(t){return document.removeEventListener(t,e,D(n,t))}),delete L[n._uid]}},n.getRef=function(e){return n.instanceRef=e},n._uid=M(),n}a=e,(t=i).prototype=Object.create(a.prototype),t.prototype.constructor=t,t.__proto__=a;var l=i.prototype;return l.getInstance=function(){if(!A.prototype.isReactComponent)return this;var e=this.instanceRef;return e.getInstance?e.getInstance():e},l.componentDidMount=function(){if("undefined"!=typeof document&&document.createElement){var e=this.getInstance();if(U&&"function"==typeof U.handleClickOutside&&(this.__clickOutsideHandlerProp=U.handleClickOutside(e),"function"!=typeof this.__clickOutsideHandlerProp))throw new Error("WrappedComponent lacks a function for processing outside click events specified by the handleClickOutside config option.");this.componentNode=r.findDOMNode(this.getInstance()),this.enableOnClickOutside()}},l.componentDidUpdate=function(){this.componentNode=r.findDOMNode(this.getInstance())},l.componentWillUnmount=function(){this.disableOnClickOutside()},l.render=function(){var e=this.props,t=(e.excludeScrollbar,function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(e,["excludeScrollbar"]));return A.prototype.isReactComponent?t.ref=this.getRef:t.wrappedRef=this.getRef,t.disableOnClickOutside=this.disableOnClickOutside,t.enableOnClickOutside=this.enableOnClickOutside,n.createElement(A,t)},i}(n.Component),G.displayName="OnClickOutside("+(A.displayName||A.name||"Component")+")",G.defaultProps={eventTypes:["mousedown","touchstart"],excludeScrollbar:U&&U.excludeScrollbar||!1,outsideClickIgnoreClass:W,preventDefault:!1,stopPropagation:!1},G.getClass=function(){return A.getClass?A.getClass():A},V),Y=function(e){var t=e.children,n=e.className,r=(e.title,d(e,["children","className","title"])),l=a("wfp--sub-menu__item",{className:n});return i.createElement("div",p({className:l},r),t)};Y.propTypes={},Y.defaultProps={};var J=function(e){var t=e.children,n=e.className,r=e.title,l=d(e,["children","className","title"]),o=a("wfp--sub-menu__section",{className:n});return i.createElement("div",p({className:o},l),i.createElement("h3",{className:"wfp--sub-menu__section__title"},r),t)};J.propTypes={},J.defaultProps={};var K=function(e){var t=e.children,n=e.className,r=(e.title,d(e,["children","className","title"])),l=a("wfp--sub-menu",{className:n});return i.createElement("div",p({className:l},r),t)};K.propTypes={image:t.string},K.defaultProps={};var Q={children:t.node,className:t.string,size:t.oneOf(["single","double"])},Z={children:t.node,centered:t.bool,className:t.string},$={children:t.node,className:t.string},ee=function(e){var t=e.children,n=e.className,r=e.size,l=d(e,["children","className","size"]),o=a("wfp--module wfp--module--".concat(r),n);return i.createElement("div",p({className:o},l),i.createElement("div",{className:"wfp--module__inner"},t))},te=function(e){var t=e.children,n=e.className,r=e.centered,l=d(e,["children","className","centered"]),o=a("wfp--module__content",n,{"wfp--module__content--centered":r});return i.createElement("div",p({className:o},l),t)},ne=function(e){var t=e.children,n=e.className,r=d(e,["children","className"]),l=a("wfp--module__header",n);return i.createElement("div",p({className:l},r),i.createElement("h1",{className:"wfp--module__title"},t))};ee.propTypes=Q,te.propTypes=Z,ee.defaultProps={size:"double"},te.defaultProps={centered:!1},ne.propTypes=$;var ae=function(e){function t(e){var n;l(this,t),n=f(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),re.call(m(n));var a=e.value;return(e.min||0===e.min)&&(a=Math.max(e.min,a)),n.state={value:a},n}return u(t,n.Component),s(t,[{key:"componentWillReceiveProps",value:function(e){e.value!==this.props.value&&this.setState({value:e.value})}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.disabled,l=(t.iconDescription,t.id),o=t.label,s=t.max,c=t.min,u=t.step,m=t.invalid,f=t.invalidText,b=d(t,["className","disabled","iconDescription","id","label","max","min","step","invalid","invalidText"]),h=a("wfp--number",n),v={disabled:r,id:l,max:s,min:c,step:u,onChange:this.handleChange,value:this.state.value},g={disabled:r,type:"button",className:"wfp--number__control-btn"},w={},y=null;return m&&(w["data-invalid"]=!0,y=i.createElement("div",{className:"wfp--form-requirement"},f)),i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:l,className:"wfp--label"},o),i.createElement("div",p({className:h},w),i.createElement("input",p({type:"number",pattern:"[0-9]*"},b,v,{ref:this._handleInputRef})),i.createElement("div",{className:"wfp--number__controls"},i.createElement("button",p({},g,{onClick:function(t){return e.handleArrowClick(t,"up")}}),i.createElement(C,{className:"up-icon",name:"caret--up",description:this.props.iconDescription,viewBox:"0 2 10 5"})),i.createElement("button",p({},g,{onClick:function(t){return e.handleArrowClick(t,"down")}}),i.createElement(C,{className:"down-icon",name:"caret--down",viewBox:"0 2 10 5",description:this.props.iconDescription})))),y)}}]),t}();Object.defineProperty(ae,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{className:t.string,disabled:t.bool,iconDescription:t.string.isRequired,id:t.string.isRequired,label:t.string,max:t.number,min:t.number,onChange:t.func,onClick:t.func,step:t.number,value:t.number,invalid:t.bool,invalidText:t.string}}),Object.defineProperty(ae,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{disabled:!1,iconDescription:"choose a number",label:" ",onChange:function(){},onClick:function(){},step:1,value:0,invalid:!1,invalidText:"Provide invalidText"}});var re=function(){var e=this;Object.defineProperty(this,"_inputRef",{configurable:!0,enumerable:!0,writable:!0,value:null}),Object.defineProperty(this,"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(t){e.props.disabled||(t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:t.target.value},function(){e.props.onChange(t)}))}}),Object.defineProperty(this,"handleArrowClick",{configurable:!0,enumerable:!0,writable:!0,value:function(t,n){var a="string"==typeof e.state.value?Number(e.state.value):e.state.value,r=e.props,i=r.disabled,l=r.min,o=r.max,s=r.step;!i&&("down"===n?void 0!==l&&a>l||void 0===l:void 0!==o&&a<o||void 0===o)&&(a="down"===n?a-s:a+s,t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:a},function(){e.props.onClick(t,n),e.props.onChange(t,n)}))}}),Object.defineProperty(this,"_handleInputRef",{configurable:!0,enumerable:!0,writable:!0,value:function(t){e._inputRef=t}})},ie=0;var le=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,i=new Array(r),o=0;o<r;o++)i[o]=arguments[o];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){a.props.onChange&&a.props.onChange(a.props.value,a.props.name,e),a.props.input&&a.props.input.onChange&&a.props.input.onChange(e.target.value)}}),n))}return u(t,i.Component),s(t,[{key:"componentWillMount",value:function(){this.uid=this.props.id||function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"id";return ie++,"".concat(e).concat(ie)}()}},{key:"render",value:function(){var e=a("radioButtonWrapper",this.props.className),t=this.props,n=(t.component,t.labelText),r=t.input,l=t.value,o=d(t,["component","labelText","input","value"]);return i.createElement("div",{className:e},i.createElement("input",p({},o,r,{type:"radio",value:r&&r.value?r.value:l,className:"wfp--radio-button",onChange:this.handleChange,id:this.uid})),i.createElement("label",{htmlFor:this.uid,className:"wfp--radio-button__label"},i.createElement("span",{className:"wfp--radio-button__appearance"}),n))}}]),t}();Object.defineProperty(le,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{checked:t.bool,className:t.string,defaultChecked:t.bool,disabled:t.bool,id:t.string,labelText:t.string.isRequired,name:t.string,onChange:t.func,value:t.oneOfType([t.string,t.number])}}),Object.defineProperty(le,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){}}});var oe=function(){};var se=oe,ce=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),Object.defineProperty(m(a),"state",{configurable:!0,enumerable:!0,writable:!0,value:{selected:null}}),Object.defineProperty(m(a),"getRadioButtons",{configurable:!0,enumerable:!0,writable:!0,value:function(){return i.Children.map(a.props.children,function(e){var t=e.props,n=t.value,r=d(t,["value"]);return e.props.hasOwnProperty("checked")&&se(!1,"Instead of using the checked property on the RadioButton, set\n the defaultSelected property or valueSelected property on the RadioButtonGroup."),i.createElement(le,p({},r,{name:a.props.name,key:n,value:n,onChange:a.handleChange,checked:n===a.state.selected}))})}}),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){e!==a.state.selected&&(a.setState({selected:e}),a.props.onChange(e,a.props.name,n))}}),n))}return u(t,i.Component),s(t,[{key:"componentWillMount",value:function(){this.setState({selected:this.props.valueSelected||this.props.defaultSelected||null})}},{key:"componentWillReceiveProps",value:function(e){e.hasOwnProperty("valueSelected")&&this.setState({selected:e.valueSelected})}},{key:"render",value:function(){var e=this.props,t=e.disabled,n=e.className;return i.createElement("div",{className:"wfp--form-item"},i.createElement("div",{className:n,disabled:t},this.getRadioButtons()))}}]),t}();Object.defineProperty(ce,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{children:t.node,className:t.string,defaultSelected:t.oneOfType([t.string,t.number]),name:t.string.isRequired,disabled:t.bool,onChange:t.func,valueSelected:t.oneOfType([t.string,t.number])}}),Object.defineProperty(ce,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){},className:"wfp--radio-button-group"}});var pe=function(e){function t(){var e,n,a;l(this,t);for(var r=arguments.length,o=new Array(r),s=0;s<r;s++)o[s]=arguments[s];return f(a,(n=a=f(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),Object.defineProperty(m(a),"state",{configurable:!0,enumerable:!0,writable:!0,value:{format:"list",hasContent:a.props.value||a.props.defaultValue||!1}}),Object.defineProperty(m(a),"clearInput",{configurable:!0,enumerable:!0,writable:!0,value:function(e){if(a.props.value){var t=Object.assign({},e.target,{target:{value:""}});a.props.onChange(t)}else a.input.value="",a.props.onChange(e);a.setState({hasContent:!1},function(){return a.input.focus()})}}),Object.defineProperty(m(a),"toggleLayout",{configurable:!0,enumerable:!0,writable:!0,value:function(){"list"===a.state.format?a.setState({format:"grid"}):a.setState({format:"list"})}}),Object.defineProperty(m(a),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){a.setState({hasContent:""!==e.target.value}),a.props.onChange(e)}}),Object.defineProperty(m(a),"searchFilterBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!a.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button","aria-label":a.props.searchButtonLabelText},i.createElement(C,{name:"filter--glyph",description:"filter",className:"wfp--search-filter"}))}}),Object.defineProperty(m(a),"searchLayoutBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!a.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button",onClick:a.toggleLayout,"aria-label":a.props.layoutButtonLabelText},"list"===a.state.format?i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(C,{name:"list",description:"list",className:"wfp--search-view"})):i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(C,{name:"grid",description:"toggle-layout",className:"wfp--search-view"})))}}),n))}return u(t,n.Component),s(t,[{key:"render",value:function(){var e=this,t=this.props,n=t.className,r=t.type,l=t.id,o=void 0===l?this._inputId=this._inputId||"search__input__id_".concat(Math.random().toString(36).substr(2)):l,s=t.placeHolderText,u=t.labelText,m=t.size,f=d(t,["className","type","id","placeHolderText","labelText","size"]),b=this.state.hasContent,h=a(c({"wfp--search wfp--search-with-options":!0,"wfp--search--lg":!m,"wfp--search--md":"medium"===m,"wfp--search--sm":"small"===m},n,n)),v=a({"wfp--search-close":!0,"wfp--search-close--hidden":!b});return i.createElement("div",{className:h,role:"search"},i.createElement("div",{name:"search--glyph",description:"search",className:"wfp--search-magnifier"}),i.createElement("label",{htmlFor:o,className:"wfp--label"},u),i.createElement("input",p({},f,{type:r,className:"wfp--search-input",id:o,placeholder:s,onChange:this.handleChange,ref:function(t){e.input=t}})),i.createElement(C,{name:"close--glyph",description:"close",className:v,onClick:this.clearInput}))}}]),t}();Object.defineProperty(pe,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{children:t.node,className:t.string,type:t.string,size:t.string,placeHolderText:t.string,labelText:t.node.isRequired,id:t.string,searchButtonLabelText:t.string,layoutButtonLabelText:t.string}}),Object.defineProperty(pe,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{type:"text",small:!1,placeHolderText:"",onChange:function(){}}});var ue=function(e){var t=e.children,n=e.className,r=a(c({"wfp--story":!0},"".concat(n),n));return i.createElement(b,{className:r},t)};ue.propTypes={children:t.node,className:t.string};var de=function(e){var t=e.className,n=e.id,r=e.labelText,l=e.hideLabel,o=e.onChange,s=e.onClick,c=e.invalid,u=e.invalidText,m=d(e,["className","id","labelText","hideLabel","onChange","onClick","invalid","invalidText"]),f={id:n,onChange:function(e){m.disabled||o(e)},onClick:function(e){m.disabled||s(e)}},b=a("wfp--text-area",t),h=a("wfp--label",{"wfp--visually-hidden":l}),v=r?i.createElement("label",{htmlFor:n,className:h},r):null,g=c?i.createElement("div",{className:"wfp--form-requirement"},u):null,w=c?i.createElement("textarea",p({},m,f,{className:b,"data-invalid":!0})):i.createElement("textarea",p({},m,f,{className:b}));return i.createElement("div",{className:"wfp--form-item"},v,w,g)};de.propTypes={className:t.string,cols:t.number,defaultValue:t.oneOfType([t.string,t.number]),disabled:t.bool,id:t.string,labelText:t.string.isRequired,onChange:t.func,onClick:t.func,placeholder:t.string,rows:t.number,value:t.oneOfType([t.string,t.number]),invalid:t.bool,invalidText:t.string,hideLabel:t.bool},de.defaultProps={disabled:!1,onChange:function(){},onClick:function(){},placeholder:"",rows:4,cols:50,invalid:!1,invalidText:""};var me=function(e){var t=e.labelText,n=e.className,r=e.id,l=e.input,o=e.meta,s=e.placeholder,c=e.type,u=(e.onChange,e.onClick),m=e.hideLabel,f=e.invalid,b=e.invalidText,h=d(e,["labelText","className","id","input","meta","placeholder","type","onChange","onClick","hideLabel","invalid","invalidText"]),v={id:r,onClick:function(e){h.disabled||u(e)},placeholder:s,type:c},g=o?o.error:b,w=o?!o.valid:f;console.log("map",g,w,o.valid);var y=r+"-error-msg",N=a("wfp--text-input",n),_=a("wfp--label",{"wfp--visually-hidden":m}),C=t?i.createElement("label",{htmlFor:r,className:_},t):null,E=w?i.createElement("div",{className:"wfp--form-requirement",id:y},g):null,O=w?i.createElement("input",p({},h,l,v,{"data-invalid":!0,"aria-invalid":!0,"aria-describedby":y,className:N})):i.createElement("input",p({},h,l,v,{className:N}));return i.createElement("div",{className:"wfp--form-item"},C,O,E)};me.propTypes={className:t.string,defaultValue:t.oneOfType([t.string,t.number]),disabled:t.bool,id:t.string.isRequired,labelText:t.string.isRequired,onChange:t.func,onClick:t.func,placeholder:t.string,type:t.string,value:t.oneOfType([t.string,t.number]),hideLabel:t.bool,invalid:t.bool,invalidText:t.string},me.defaultProps={className:"wfp--text__input",disabled:!1,type:"text",onChange:function(){},onClick:function(){},invalid:!1,invalidText:""};var fe=function(e){var t,n=e.alt,r=e.className,l=e.image,o=e.title,s=d(e,["alt","className","image","title"]);t=l&&l.includes("auto")||void 0===l?i.createElement("div",{className:"wfp--user-icon wfp--user-icon--empty",alt:n}):i.createElement("img",{alt:n,className:"wfp--user-icon",src:l});var c=a("wfp--user",{className:r});return i.createElement("div",p({className:c},s),t,i.createElement("span",null,o))};fe.propTypes={alt:t.string,image:t.string,title:t.string},fe.defaultProps={alt:"User Icon",title:"No Name"},e.Blockquote=g,e.Breadcrumb=w,e.BreadcrumbItem=N,e.BreadcrumbHome=_,e.Button=E,e.Checkbox=O,e.Footer=k,e.Form=T,e.FormGroup=x,e.FormItem=P,e.FormLabel=j,e.Link=y,e.NumberInput=ae,e.RadioButton=le,e.RadioButtonGroup=ce,e.Search=pe,e.Story=ue,e.TextArea=de,e.TextInput=me,e.User=fe,e.Wrapper=b,e.BannerNavigation=v,e.BannerNavigationItem=h,e.MainNavigation=X,e.MainNavigationItem=F,e.SubMenuList=K,e.SubMenuSection=J,e.SubMenuItem=Y,e.Module=ee,e.ModuleBody=te,e.ModuleHeader=ne,Object.defineProperty(e,"__esModule",{value:!0})}); |
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of package files
- increased by0.33%
614
Worsened metrics
- Total package byte prevSize
- decreased by-0.01%
10214099
- Lines of code
- decreased by-0.38%
28400
No dependency changes