@wfp/ui - npm Package Compare versions

Comparing version 0.17.25 to 0.17.26

es/components/Blockquote/Blockquote.js

@@ -78,2 +78,3 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
         'wfp--blockquote--light': type === "light",
+        'wfp--blockquote--code': type === "code",
         'wfp--blockquote--warning': type === "warning",
@@ -80,0 +81,0 @@ 'wfp--blockquote--info': type === "info",

es/components/Pagination/Pagination.js

@@ -25,4 +25,4 @@ function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 import SelectItem from '../SelectItem';
-import TextInput from '../TextInput';
 import { equals } from '../../tools/array';
+var instanceId = 0;
 
@@ -70,2 +70,11 @@ var Pagination =
       }
+    }), Object.defineProperty(_assertThisInitialized(_this), "handlePageChange", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function value(evt) {
+        _this.setState({
+          page: evt.target.value
+        });
+      }
     }), Object.defineProperty(_assertThisInitialized(_this), "handlePageInputChange", {
@@ -121,2 +130,21 @@ configurable: true,
       }
+    }), Object.defineProperty(_assertThisInitialized(_this), "renderSelectItems", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function value(total) {
+        var counter = 1;
+        var itemArr = [];
+
+        while (counter <= total) {
+          itemArr.push(React.createElement(SelectItem, {
+            key: counter,
+            value: counter,
+            text: String(counter)
+          }));
+          counter++;
+        }
+
+        return itemArr;
+      }
     }), _temp));
@@ -128,3 +156,3 @@ }
     value: function componentWillMount() {
-      this.uniqueId = "".concat(Math.floor(Math.random() * 0xffff));
+      this.uniqueId = ++instanceId;
     }
@@ -167,3 +195,2 @@ }, {
           itemRangeText = _props.itemRangeText,
-          pageNumberText = _props.pageNumberText,
           pageRangeText = _props.pageRangeText,
@@ -174,2 +201,3 @@ pageSize = _props.pageSize,
           pageText = _props.pageText,
+          pageNumberText = _props.pageNumberText,
           pagesUnknown = _props.pagesUnknown,
@@ -181,3 +209,3 @@ isLastPage = _props.isLastPage,
           pageNumber = _props.page,
-          other = _objectWithoutProperties(_props, ["backwardText", "className", "forwardText", "id", "itemsPerPageText", "itemRangeText", "pageNumberText", "pageRangeText", "pageSize", "pageSizes", "itemText", "pageText", "pagesUnknown", "isLastPage", "pageInputDisabled", "totalItems", "onChange", "page"]);
+          other = _objectWithoutProperties(_props, ["backwardText", "className", "forwardText", "id", "itemsPerPageText", "itemRangeText", "pageRangeText", "pageSize", "pageSizes", "itemText", "pageText", "pageNumberText", "pagesUnknown", "isLastPage", "pageInputDisabled", "totalItems", "onChange", "page"]);
 
@@ -187,3 +215,8 @@ var statePage = this.state.page;
       var classNames = classnames('wfp--pagination', className);
+      var backButtonClasses = classnames('wfp--pagination__button', 'wfp--pagination__button--backward', {
+        'wfp--pagination__button--no-index': pageInputDisabled
+      });
       var inputId = id || this.uniqueId;
+      var totalPages = Math.ceil(totalItems / statePageSize);
+      var selectItems = this.renderSelectItems(totalPages);
       return React.createElement("div", _extends({
@@ -193,6 +226,9 @@ className: classNames
         className: "wfp--pagination__left"
-      }, React.createElement(Select, {
-        id: "bx-pagination-select-".concat(inputId),
+      }, React.createElement("span", {
+        className: "wfp--pagination__text"
+      }, itemsPerPageText, ":\xA0\xA0"), React.createElement(Select, {
+        id: "wfp-pagination-select-".concat(inputId),
         labelText: itemsPerPageText,
         hideLabel: true,
+        inline: true,
         onChange: this.handleSizeChange,
@@ -208,34 +244,24 @@ value: statePageSize
         className: "wfp--pagination__text"
-      }, itemsPerPageText, "\xA0\xA0|\xA0\xA0"), React.createElement("span", {
-        className: "wfp--pagination__text"
-      }, pagesUnknown ? itemText(statePageSize * (statePage - 1) + 1, statePage * statePageSize) : itemRangeText(statePageSize * (statePage - 1) + 1, Math.min(statePage * statePageSize, totalItems), totalItems))), React.createElement("div", {
-        className: "wfp--pagination__right"
+      }, "\xA0|\xA0\xA0", pagesUnknown ? itemText(statePageSize * (statePage - 1) + 1, statePage * statePageSize) : itemRangeText(statePageSize * (statePage - 1) + 1, Math.min(statePage * statePageSize, totalItems), totalItems))), React.createElement("div", {
+        className: "wfp--pagination__right wfp--pagination--inline"
       }, React.createElement("span", {
         className: "wfp--pagination__text"
       }, pagesUnknown ? pageText(statePage) : pageRangeText(statePage, Math.ceil(totalItems / statePageSize))), React.createElement("button", {
-        className: "wfp--pagination__button wfp--pagination__button--backward",
+        className: backButtonClasses,
         onClick: this.decrementPage,
+        description: backwardText,
         disabled: this.props.disabled || statePage === 1
-      }, React.createElement(Icon, {
-        className: "wfp--pagination__button-icon",
-        name: "chevron--left",
-        description: backwardText
-      })), pageInputDisabled ? React.createElement("span", {
-        className: "wfp--pagination__text"
-      }, "|") : React.createElement(TextInput, {
-        id: "bx-pagination-input-".concat(inputId),
-        placeholder: "0",
-        value: statePage,
+      }), pageInputDisabled ? null : React.createElement(Select, {
+        id: "wfp-pagination-select-".concat(inputId + 2),
+        labelText: itemsPerPageText,
+        hideLabel: true,
+        inline: true,
         onChange: this.handlePageInputChange,
-        labelText: pageNumberText,
-        hideLabel: true
-      }), React.createElement("button", {
+        value: statePage
+      }, selectItems), React.createElement("button", {
         className: "wfp--pagination__button wfp--pagination__button--forward",
         onClick: this.incrementPage,
+        description: forwardText,
         disabled: this.props.disabled || statePage === Math.ceil(totalItems / statePageSize) || isLastPage
-      }, React.createElement(Icon, {
-        className: "wfp--pagination__button-icon",
-        name: "chevron--right",
-        description: forwardText
-      }))));
+      })));
     }
@@ -283,4 +309,3 @@ }]);
     forwardText: 'Forward',
-    itemsPerPageText: 'items per page',
-    onChange: function onChange() {},
+    itemsPerPageText: 'Items per page',
     pageNumberText: 'Page Number',
@@ -287,0 +312,0 @@ pageRangeText: function pageRangeText(current, total) {

es/components/Toggle/Toggle.js

@@ -18,7 +18,8 @@ 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); }
       id = _ref.id,
+      input = _ref.input,
       labelA = _ref.labelA,
       labelB = _ref.labelB,
-      other = _objectWithoutProperties(_ref, ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelA", "labelB"]);
+      other = _objectWithoutProperties(_ref, ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "input", "labelA", "labelB"]);
 
-  var input;
+  var inputElement;
   var wrapperClasses = classNames(_defineProperty({
@@ -35,5 +36,13 @@ 'wfp--form-item': true
 
+  var onChangeInput = function onChangeInput(evt) {
+    /* Regular Form */
+    if (_onChange) _onChange(input.checked, id, evt);
+    /* Redux Form */
+
+    if (input && input.onChange) input.onChange(input.checked);
+  };
+
   return React.createElement("div", {
     className: wrapperClasses
-  }, React.createElement("input", _extends({}, other, checkedProps, {
+  }, React.createElement("input", _extends({}, other, input, checkedProps, {
     type: "checkbox",
@@ -44,6 +53,10 @@ id: id,
       _onChange && _onChange(evt);
-      onToggle(input.checked, id, evt);
+      onToggle(inputElement.checked, id, evt);
+      console.log("update", evt);
+      /* Redux Form */
+
+      if (input && input.onChange) input.onChange(input.checked);
     },
     ref: function ref(el) {
-      input = el;
+      inputElement = el;
     }
@@ -50,0 +63,0 @@ })), React.createElement("label", {

es/internal/RfFormWrapper.js

@@ -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 _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -22,6 +24,2 @@
 import { load as loadAccount } from './loadDefaultData';
-var data = {
-  // used to populate "account" reducer when "Load" is clicked
-  Input: 13
-};
 
@@ -48,3 +46,8 @@ var FormEl =
           reset = _props.reset,
+          sampleData = _props.sampleData,
           submitting = _props.submitting;
+      var data = sampleData ? sampleData : {
+        // used to populate "account" reducer when "Load" is clicked
+        Input: 13
+      };
       return React.createElement("form", {
@@ -112,5 +115,5 @@ onSubmit: handleSubmit,
     value: function render() {
-      return React.createElement(Form, {
+      return React.createElement(Form, _extends({
         onSubmit: this.onSubmit
-      }, this.props.children);
+      }, this.props), this.props.children);
     }
@@ -117,0 +120,0 @@ }]);

lib/components/Blockquote/Blockquote.js

@@ -89,2 +89,3 @@ "use strict";
         'wfp--blockquote--light': type === "light",
+        'wfp--blockquote--code': type === "code",
         'wfp--blockquote--warning': type === "warning",
@@ -91,0 +92,0 @@ 'wfp--blockquote--info': type === "info",

lib/components/Pagination/Pagination.js

@@ -20,4 +20,2 @@ "use strict";
 
-var _TextInput = _interopRequireDefault(require("../TextInput"));
-
 var _array = require("../../tools/array");
@@ -47,2 +45,4 @@
 
+var instanceId = 0;
+
 var Pagination =
@@ -89,2 +89,11 @@ /*#__PURE__*/
       }
+    }), Object.defineProperty(_assertThisInitialized(_this), "handlePageChange", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function value(evt) {
+        _this.setState({
+          page: evt.target.value
+        });
+      }
     }), Object.defineProperty(_assertThisInitialized(_this), "handlePageInputChange", {
@@ -140,2 +149,21 @@ configurable: true,
       }
+    }), Object.defineProperty(_assertThisInitialized(_this), "renderSelectItems", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: function value(total) {
+        var counter = 1;
+        var itemArr = [];
+
+        while (counter <= total) {
+          itemArr.push(_react.default.createElement(_SelectItem.default, {
+            key: counter,
+            value: counter,
+            text: String(counter)
+          }));
+          counter++;
+        }
+
+        return itemArr;
+      }
     }), _temp));
@@ -147,3 +175,3 @@ }
     value: function componentWillMount() {
-      this.uniqueId = "".concat(Math.floor(Math.random() * 0xffff));
+      this.uniqueId = ++instanceId;
     }
@@ -186,3 +214,2 @@ }, {
           itemRangeText = _props.itemRangeText,
-          pageNumberText = _props.pageNumberText,
           pageRangeText = _props.pageRangeText,
@@ -193,2 +220,3 @@ pageSize = _props.pageSize,
           pageText = _props.pageText,
+          pageNumberText = _props.pageNumberText,
           pagesUnknown = _props.pagesUnknown,
@@ -200,3 +228,3 @@ isLastPage = _props.isLastPage,
           pageNumber = _props.page,
-          other = _objectWithoutProperties(_props, ["backwardText", "className", "forwardText", "id", "itemsPerPageText", "itemRangeText", "pageNumberText", "pageRangeText", "pageSize", "pageSizes", "itemText", "pageText", "pagesUnknown", "isLastPage", "pageInputDisabled", "totalItems", "onChange", "page"]);
+          other = _objectWithoutProperties(_props, ["backwardText", "className", "forwardText", "id", "itemsPerPageText", "itemRangeText", "pageRangeText", "pageSize", "pageSizes", "itemText", "pageText", "pageNumberText", "pagesUnknown", "isLastPage", "pageInputDisabled", "totalItems", "onChange", "page"]);
 
@@ -206,3 +234,8 @@ var statePage = this.state.page;
       var classNames = (0, _classnames.default)('wfp--pagination', className);
+      var backButtonClasses = (0, _classnames.default)('wfp--pagination__button', 'wfp--pagination__button--backward', {
+        'wfp--pagination__button--no-index': pageInputDisabled
+      });
       var inputId = id || this.uniqueId;
+      var totalPages = Math.ceil(totalItems / statePageSize);
+      var selectItems = this.renderSelectItems(totalPages);
       return _react.default.createElement("div", _extends({
@@ -212,6 +245,9 @@ className: classNames
         className: "wfp--pagination__left"
-      }, _react.default.createElement(_Select.default, {
-        id: "bx-pagination-select-".concat(inputId),
+      }, _react.default.createElement("span", {
+        className: "wfp--pagination__text"
+      }, itemsPerPageText, ":\xA0\xA0"), _react.default.createElement(_Select.default, {
+        id: "wfp-pagination-select-".concat(inputId),
         labelText: itemsPerPageText,
         hideLabel: true,
+        inline: true,
         onChange: this.handleSizeChange,
@@ -227,34 +263,24 @@ value: statePageSize
         className: "wfp--pagination__text"
-      }, itemsPerPageText, "\xA0\xA0|\xA0\xA0"), _react.default.createElement("span", {
-        className: "wfp--pagination__text"
-      }, pagesUnknown ? itemText(statePageSize * (statePage - 1) + 1, statePage * statePageSize) : itemRangeText(statePageSize * (statePage - 1) + 1, Math.min(statePage * statePageSize, totalItems), totalItems))), _react.default.createElement("div", {
-        className: "wfp--pagination__right"
+      }, "\xA0|\xA0\xA0", pagesUnknown ? itemText(statePageSize * (statePage - 1) + 1, statePage * statePageSize) : itemRangeText(statePageSize * (statePage - 1) + 1, Math.min(statePage * statePageSize, totalItems), totalItems))), _react.default.createElement("div", {
+        className: "wfp--pagination__right wfp--pagination--inline"
       }, _react.default.createElement("span", {
         className: "wfp--pagination__text"
       }, pagesUnknown ? pageText(statePage) : pageRangeText(statePage, Math.ceil(totalItems / statePageSize))), _react.default.createElement("button", {
-        className: "wfp--pagination__button wfp--pagination__button--backward",
+        className: backButtonClasses,
         onClick: this.decrementPage,
+        description: backwardText,
         disabled: this.props.disabled || statePage === 1
-      }, _react.default.createElement(_Icon.default, {
-        className: "wfp--pagination__button-icon",
-        name: "chevron--left",
-        description: backwardText
-      })), pageInputDisabled ? _react.default.createElement("span", {
-        className: "wfp--pagination__text"
-      }, "|") : _react.default.createElement(_TextInput.default, {
-        id: "bx-pagination-input-".concat(inputId),
-        placeholder: "0",
-        value: statePage,
+      }), pageInputDisabled ? null : _react.default.createElement(_Select.default, {
+        id: "wfp-pagination-select-".concat(inputId + 2),
+        labelText: itemsPerPageText,
+        hideLabel: true,
+        inline: true,
         onChange: this.handlePageInputChange,
-        labelText: pageNumberText,
-        hideLabel: true
-      }), _react.default.createElement("button", {
+        value: statePage
+      }, selectItems), _react.default.createElement("button", {
         className: "wfp--pagination__button wfp--pagination__button--forward",
         onClick: this.incrementPage,
+        description: forwardText,
         disabled: this.props.disabled || statePage === Math.ceil(totalItems / statePageSize) || isLastPage
-      }, _react.default.createElement(_Icon.default, {
-        className: "wfp--pagination__button-icon",
-        name: "chevron--right",
-        description: forwardText
-      }))));
+      })));
     }
@@ -303,4 +329,3 @@ }]);
     forwardText: 'Forward',
-    itemsPerPageText: 'items per page',
-    onChange: function onChange() {},
+    itemsPerPageText: 'Items per page',
     pageNumberText: 'Page Number',
@@ -307,0 +332,0 @@ pageRangeText: function pageRangeText(current, total) {

lib/components/Slider/Slider.js

@@ -66,3 +66,3 @@ "use strict";
         dragging: false,
-        value: _this.props.value,
+        value: _this.props.input && _this.props.input.value ? _this.props.input.value : _this.props.value,
         left: 0
@@ -93,3 +93,3 @@ }
           _this.setState(function (prevState, props) {
-            var fromInput = evt && evt.target && evt.target.classList.contains('bx-slider-text-input');
+            var fromInput = evt && evt.target && evt.target.classList.contains('wfp-slider-text-input');
 
@@ -108,5 +108,11 @@ var _this$calcValue = _this.calcValue(evt, prevState, props),
 
-            props.onChange({
-              value: newValue
-            });
+            if (typeof props.onChange === 'function') {
+              props.onChange({
+                value: newValue
+              });
+            }
+
+            console.log("new", newValue); //Redux Form
+
+            if (_this.props.input && _this.props.input.onChange) _this.props.input.onChange(newValue);
             return {
@@ -257,2 +263,6 @@ dragging: false,
       }
+
+      if (nextProps.input && nextProps.input.value !== this.state.value) this.setState({
+        value: nextProps.input.value
+      });
     }
@@ -349,3 +359,3 @@ }, {
         id: "input-for-slider",
-        className: "bx-slider-text-input",
+        className: "wfp-slider-text-input",
         value: value,
@@ -466,2 +476,3 @@ onChange: this.handleChange,
     hideTextInput: false,
+    step: 1,
     stepMuliplier: 4,
@@ -468,0 +479,0 @@ disabled: false,

lib/components/Toggle/Toggle.js

@@ -29,7 +29,8 @@ "use strict";
       id = _ref.id,
+      input = _ref.input,
       labelA = _ref.labelA,
       labelB = _ref.labelB,
-      other = _objectWithoutProperties(_ref, ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "labelA", "labelB"]);
+      other = _objectWithoutProperties(_ref, ["className", "defaultToggled", "toggled", "onChange", "onToggle", "id", "input", "labelA", "labelB"]);
 
-  var input;
+  var inputElement;
   var wrapperClasses = (0, _classnames.default)(_defineProperty({
@@ -46,5 +47,13 @@ 'wfp--form-item': true
 
+  var onChangeInput = function onChangeInput(evt) {
+    /* Regular Form */
+    if (_onChange) _onChange(input.checked, id, evt);
+    /* Redux Form */
+
+    if (input && input.onChange) input.onChange(input.checked);
+  };
+
   return _react.default.createElement("div", {
     className: wrapperClasses
-  }, _react.default.createElement("input", _extends({}, other, checkedProps, {
+  }, _react.default.createElement("input", _extends({}, other, input, checkedProps, {
     type: "checkbox",
@@ -55,6 +64,10 @@ id: id,
       _onChange && _onChange(evt);
-      onToggle(input.checked, id, evt);
+      onToggle(inputElement.checked, id, evt);
+      console.log("update", evt);
+      /* Redux Form */
+
+      if (input && input.onChange) input.onChange(input.checked);
     },
     ref: function ref(el) {
-      input = el;
+      inputElement = el;
     }
@@ -61,0 +74,0 @@ })), _react.default.createElement("label", {

lib/index.js

@@ -162,2 +162,20 @@ "use strict";
 });
+Object.defineProperty(exports, "SecondaryTabs", {
+  enumerable: true,
+  get: function get() {
+    return _SecondaryTabs.SecondaryTabs;
+  }
+});
+Object.defineProperty(exports, "SecondaryTabsItem", {
+  enumerable: true,
+  get: function get() {
+    return _SecondaryTabs.SecondaryTabsItem;
+  }
+});
+Object.defineProperty(exports, "Slider", {
+  enumerable: true,
+  get: function get() {
+    return _Slider2.default;
+  }
+});
 Object.defineProperty(exports, "Story", {
@@ -232,2 +250,6 @@ enumerable: true,
 
+var _SecondaryTabs = require("./components/SecondaryTabs");
+
+var _Slider2 = _interopRequireDefault(require("./components/Slider"));
+
 var _Story2 = _interopRequireDefault(require("./components/Story"));
@@ -234,0 +256,0 @@

lib/internal/configureStore.js

@@ -12,3 +12,8 @@ "use strict";
 
+var _loadDefaultData = _interopRequireDefault(require("./loadDefaultData"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var reducer = (0, _redux.combineReducers)({
+  account: _loadDefaultData.default,
   form: _reduxForm.reducer // mounted under "form"
@@ -15,0 +20,0 @@

lib/internal/RfFormWrapper.js

@@ -12,2 +12,4 @@ "use strict";
 
+var _reactRedux = require("react-redux");
+
 var _reduxFormWebsiteTemplate = require("redux-form-website-template");
@@ -23,2 +25,4 @@
 
+var _loadDefaultData = require("./loadDefaultData");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -28,2 +32,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); }
+
 function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -55,2 +61,4 @@
     value: function render() {
+      var _this = this;
+
       var _props = this.props,
@@ -60,3 +68,8 @@ handleSubmit = _props.handleSubmit,
           reset = _props.reset,
+          sampleData = _props.sampleData,
           submitting = _props.submitting;
+      var data = sampleData ? sampleData : {
+        // used to populate "account" reducer when "Load" is clicked
+        Input: 13
+      };
       return _react.default.createElement("form", {
@@ -73,3 +86,10 @@ onSubmit: handleSubmit,
         onClick: reset
-      }, "Clear Values"), _react.default.createElement(_Blockquote.default, null, _react.default.createElement(_reduxFormWebsiteTemplate.Values, {
+      }, "Clear Values"), "\xA0", _react.default.createElement(_Button.default, {
+        type: "button",
+        kind: "secondary",
+        disabled: pristine || submitting,
+        onClick: function onClick() {
+          return _this.props.load(data);
+        }
+      }, "Load Sample Data"), _react.default.createElement(_Blockquote.default, null, _react.default.createElement(_reduxFormWebsiteTemplate.Values, {
         form: "SimpleForm"
@@ -87,4 +107,14 @@ }))));
   enableReinitialize: true
-})(FormEl);
+})(FormEl); // You have to connect() to any reducers that you wish to connect to yourself
 
+Form = (0, _reactRedux.connect)(function (state) {
+  return {
+    initialValues: state.account.data // pull initial values from account reducer
+
+  };
+}, {
+  load: _loadDefaultData.load
+} // bind account loading action creator
+)(Form);
+
 var RfFormWrapper =
@@ -109,5 +139,5 @@ /*#__PURE__*/
     value: function render() {
-      return _react.default.createElement(Form, {
+      return _react.default.createElement(Form, _extends({
         onSubmit: this.onSubmit
-      }, this.props.children);
+      }, this.props), this.props.children);
     }
@@ -114,0 +144,0 @@ }]);

package.json

 {
   "name": "@wfp/ui",
-  "version": "0.17.25",
+  "version": "0.17.26",
   "description": "WFP UI-Kit Next",
@@ -133,2 +133,3 @@ "license": "Apache-2",
     "@storybook/addon-options": "^3.4.0",
+    "@storybook/addon-storyshots": "^3.4.6",
     "@storybook/addon-viewport": "^3.4.0",
@@ -179,3 +180,3 @@ "@storybook/react": "^3.2.13",
     "react-redux": "^5.0.7",
-    "react-test-renderer": "^16.1.0",
+    "react-test-renderer": "^16.4.0",
     "redux-form": "^7.3.0",
@@ -182,0 +183,0 @@ "redux-form-website-template": "^0.0.112",

source/components/Blockquote/Blockquote.js

@@ -28,2 +28,3 @@ import React from 'react';
         'wfp--blockquote--light': type === "light",
+        'wfp--blockquote--code': type === "code",
         'wfp--blockquote--warning': type === "warning",
@@ -30,0 +31,0 @@ 'wfp--blockquote--info': type === "info",

source/components/Pagination/Pagination.js

@@ -7,5 +7,6 @@ import PropTypes from 'prop-types';
 import SelectItem from '../SelectItem';
-import TextInput from '../TextInput';
 import { equals } from '../../tools/array';
 
+let instanceId = 0;
+
 export default class Pagination extends Component {
@@ -38,4 +39,3 @@ static propTypes = {
     forwardText: 'Forward',
-    itemsPerPageText: 'items per page',
-    onChange: () => {},
+    itemsPerPageText: 'Items per page',
     pageNumberText: 'Page Number',
@@ -61,3 +61,3 @@ pageRangeText: (current, total) => `${current} of ${total} pages`,
   componentWillMount() {
-    this.uniqueId = `${Math.floor(Math.random() * 0xffff)}`;
+    this.uniqueId = ++instanceId;
   }
@@ -85,2 +85,6 @@
 
+  handlePageChange = evt => {
+    this.setState({ page: evt.target.value });
+  };
+
   handlePageInputChange = evt => {
@@ -109,2 +113,14 @@ const page = Number(evt.target.value);
 
+  renderSelectItems = total => {
+    let counter = 1;
+    let itemArr = [];
+    while (counter <= total) {
+      itemArr.push(
+        <SelectItem key={counter} value={counter} text={String(counter)} />
+      );
+      counter++;
+    }
+    return itemArr;
+  };
+
   render() {
@@ -118,3 +134,2 @@ const {
       itemRangeText,
-      pageNumberText,
       pageRangeText,
@@ -125,2 +140,3 @@ pageSize, // eslint-disable-line no-unused-vars
       pageText,
+      pageNumberText, // eslint-disable-line no-unused-vars
       pagesUnknown,
@@ -138,3 +154,12 @@ isLastPage,
     const classNames = classnames('wfp--pagination', className);
+    const backButtonClasses = classnames(
+      'wfp--pagination__button',
+      'wfp--pagination__button--backward',
+      {
+        'wfp--pagination__button--no-index': pageInputDisabled,
+      }
+    );
     const inputId = id || this.uniqueId;
+    const totalPages = Math.ceil(totalItems / statePageSize);
+    const selectItems = this.renderSelectItems(totalPages);
 
@@ -144,6 +169,10 @@ return (
         <div className="wfp--pagination__left">
+          <span className="wfp--pagination__text">
+            {itemsPerPageText}:&nbsp;&nbsp;
+          </span>
           <Select
-            id={`bx-pagination-select-${inputId}`}
+            id={`wfp-pagination-select-${inputId}`}
             labelText={itemsPerPageText}
             hideLabel
+            inline
             onChange={this.handleSizeChange}
@@ -156,5 +185,3 @@ value={statePageSize}>
           <span className="wfp--pagination__text">
-            {itemsPerPageText}&nbsp;&nbsp;|&nbsp;&nbsp;
-          </span>
-          <span className="wfp--pagination__text">
+            &nbsp;|&nbsp;&nbsp;
             {pagesUnknown
@@ -172,3 +199,3 @@ ? itemText(
         </div>
-        <div className="wfp--pagination__right">
+        <div className="wfp--pagination__right wfp--pagination--inline">
           <span className="wfp--pagination__text">
@@ -180,22 +207,17 @@ {pagesUnknown
           <button
-            className="wfp--pagination__button wfp--pagination__button--backward"
+            className={backButtonClasses}
             onClick={this.decrementPage}
+            description={backwardText}
             disabled={this.props.disabled || statePage === 1}>
-            <Icon
-              className="wfp--pagination__button-icon"
-              name="chevron--left"
-              description={backwardText}
-            />
           </button>
-          {pageInputDisabled ? (
-            <span className="wfp--pagination__text">|</span>
-          ) : (
-            <TextInput
-              id={`bx-pagination-input-${inputId}`}
-              placeholder="0"
-              value={statePage}
+          {pageInputDisabled ? null : (
+            <Select
+              id={`wfp-pagination-select-${inputId + 2}`}
+              labelText={itemsPerPageText}
+              hideLabel
+              inline
               onChange={this.handlePageInputChange}
-              labelText={pageNumberText}
-              hideLabel
-            />
+              value={statePage}>
+              {selectItems}
+            </Select>
           )}
@@ -205,2 +227,3 @@ <button
             onClick={this.incrementPage}
+            description={forwardText}
             disabled={
@@ -211,7 +234,2 @@ this.props.disabled ||
             }>
-            <Icon
-              className="wfp--pagination__button-icon"
-              name="chevron--right"
-              description={forwardText}
-            />
           </button>
@@ -218,0 +236,0 @@ </div>

source/components/TextInput/TextInput.js

@@ -70,2 +70,3 @@ import PropTypes from 'prop-types';
   ) : (
+  
     <input {...other} {...input} {...textInputProps} className={textInputClasses} />
@@ -72,0 +73,0 @@ );

source/components/Toggle/Toggle.js

@@ -12,2 +12,3 @@ import PropTypes from 'prop-types';
   id,
+  input,
   labelA,
@@ -17,3 +18,3 @@ labelB,
 }) => {
-  let input;
+  let inputElement;
   const wrapperClasses = classNames({
@@ -32,2 +33,12 @@ 'wfp--form-item': true,
 
+  const onChangeInput = (evt) => {
+    /* Regular Form */
+    if (onChange)
+      onChange(input.checked, id, evt);
+    /* Redux Form */
+    if (input && input.onChange)
+      input.onChange(input.checked);
+  }
+
+
   return (
@@ -37,2 +48,3 @@ <div className={wrapperClasses}>
         {...other}
+        {...input}
         {...checkedProps}
@@ -44,6 +56,10 @@ type="checkbox"
           onChange && onChange(evt);
-          onToggle(input.checked, id, evt);
+          onToggle(inputElement.checked, id, evt);
+          console.log("update", evt);
+          /* Redux Form */
+          if (input && input.onChange)
+            input.onChange(input.checked);
         }}
         ref={el => {
-          input = el;
+          inputElement = el;
         }}
@@ -50,0 +66,0 @@ />

source/internal/RfFormWrapper.js

@@ -12,7 +12,2 @@ import React, { Component } from 'react';
 
-const data = {
-  // used to populate "account" reducer when "Load" is clicked
-  Input: 13
-}
-
 class FormEl extends Component {
@@ -24,3 +19,10 @@ constructor(props) {
   render() {
-    const { handleSubmit, pristine, reset, submitting } = this.props;
+    const { handleSubmit, pristine, reset, sampleData, submitting } = this.props;
+
+
+    const data = sampleData ? sampleData : {
+      // used to populate "account" reducer when "Load" is clicked
+      Input: 13
+    }
+
     return (
@@ -91,3 +93,3 @@ <form onSubmit={handleSubmit} className="wfp-form--stacked">
     return (
-      <Form onSubmit={this.onSubmit}>
+      <Form onSubmit={this.onSubmit} {...this.props}>
         {this.props.children}
@@ -94,0 +96,0 @@ </Form>

umd/wfp-components-react.min.js

@@ -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,r,a){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="default"in n?n.default:n;function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&l(e.prototype,t),n&&l(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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}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,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(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}r=r&&r.hasOwnProperty("default")?r.default:r;var h=function(e){var t=e.background,n=e.children,a=e.className,o=e.pageWidth,l=e.spacing,s=d(e,["background","children","className","pageWidth","spacing"]),p=r(c({"wfp--wrapper":!0,"wfp--wrapper--narrow":"narrow"===o,"wfp--wrapper--narrower":"narrower"===o,"wfp--wrapper--narrowest":"narrowest"===o,"wfp--wrapper--narrow wfp--wrapper--mobile-full":"narrow-full"===o,"wfp--wrapper--narrower wfp--wrapper--mobile-full":"narrower-full"===o,"wfp--wrapper--spacing-md":"md"===l},"".concat(a),a));if(t){var f=r({"wfp--wrapper--background-lighter":"lighter"===t});return i.createElement("div",{className:f},i.createElement("div",u({className:p},s),n))}return i.createElement("div",u({className:p},s),n)};h.propTypes={children:t.node,className:t.string,pageWidth:t.string};var b=function(e){var t=e.className,n=e.children,a=r("wfp--banner-navigation__item",t);return i.createElement("li",{className:a},n)};b.propTypes={className:t.string,children:t.node.isRequired};var v=function(e){var t=e.children,n=e.className,a=e.id,o=e.pageWidth,l=r("wfp--banner-navigation",n);return i.createElement("div",{id:a,className:l},i.createElement(h,{pageWidth:o},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 o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(f(n),"toggleBlockquote",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({open:!n.state.open})}}),Object.defineProperty(f(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,a=e.style,o=e.title,l=e.toggleable,s=(e.columnCount,e.innerHtml),u=e.type,p=(d(e,["className","children","style","title","toggleable","columnCount","innerHtml","type"]),r({"wfp--blockquote":!0,"wfp--blockquote--toggleable":!0===l,"wfp--blockquote--light":"light"===u,"wfp--blockquote--warning":"warning"===u,"wfp--blockquote--info":"info"===u,"wfp--blockquote--open":this.state.open})),f=r(c({"wfp--blockquote__content":!0},"".concat(t),t));return i.createElement("div",{className:p},o&&i.createElement("div",{onClick:this.toggleBlockquote,className:"wfp--blockquote__title"},o),i.createElement("div",{className:f,style:a},n,s&&i.createElement("div",{dangerouslySetInnerHTML:this.showInnerHtml(s)})))}}]),t}();g.propTypes={children:t.node,type:t.string};var y=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--breadcrumb wfp--breadcrumb--no-trailing-slash",n);return i.createElement("div",u({className:o},a),t)};y.propTypes={children:t.node,className:t.string};var w=function(e){var t=e.children,n=e.className,a=e.href,o=d(e,["children","className","href"]),l=r("wfp--link",n);return i.createElement("a",u({href:a,className:l},o),t)};w.propTypes={children:t.node,className:t.string,href:t.string};var _=function(e){var t=e.children,n=e.className,a=e.href,o=d(e,["children","className","href"]),l=r("wfp--breadcrumb-item",n);return i.createElement("div",u({className:l},o),function(e,t){return"string"==typeof e&&void 0!==t?i.createElement(w,{href:t},e):i.cloneElement(i.Children.only(e),{className:"wfp--link"})}(t,a))};_.propTypes={children:t.node,className:t.string,href:t.string};var N=function(e){var t=e.className,n=d(e,["className"]),a=r("wfp--breadcrumb-home",t);return i.createElement("div",u({className:a},n))};N.propTypes={type:t.string};var E=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--icon",n);return i.createElement("div",u({className:o},a),t)};E.propTypes={children:t.node,className:t.string};var O=function(e){var t=e.children,n=e.className,a=e.disabled,o=e.small,l=e.kind,s=e.href,c=e.tabIndex,p=e.type,f=e.icon,m=e.iconDescription,h=d(e,["children","className","disabled","small","kind","href","tabIndex","type","icon","iconDescription"]),b={tabIndex:c,className:r(n,{"wfp--btn":!0,"wfp--btn--sm":o,"wfp--btn--primary":"primary"===l,"wfp--btn--danger":"danger"===l,"wfp--btn--secondary":"secondary"===l,"wfp--btn--ghost":"ghost"===l,"wfp--btn--danger--primary":"danger--primary"===l,"wfp--btn--tertiary":"tertiary"===l})},v=f?i.createElement(E,{name:f,description:m,className:"wfp--btn__icon"}):null,g=i.createElement("button",u({},h,b,{disabled:a,type:p}),t,v),y=i.createElement("a",u({},h,b,{href:s,role:"button"}),t,v);return s?y:g};O.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.")}},O.defaultProps={iconDescription:"Provide icon description if icon is used",tabIndex:0,type:"button",disabled:!1,small:!1,kind:"primary"};var C=function(e){var t,n=e.className,a=e.id,o=e.input,l=e.labelText,s=e.onChange,c=e.indeterminate,p=e.hideLabel,f=e.wrapperClassName,m=d(e,["className","id","input","labelText","onChange","indeterminate","hideLabel","wrapperClassName"]),h=r("wfp--checkbox-label",n),b=r({"wfp--visually-hidden":p}),v=r("wfp--form-item","wfp--checkbox-wrapper",f);return i.createElement("div",{className:v},i.createElement("input",u({},m,o,{type:"checkbox",onClick:function(e){s&&s(o.checked,a,e),o&&o.onChange&&o.onChange(o.checked)},className:"wfp--checkbox",id:a,ref:function(e){(t=e)&&(t.indeterminate=c)}})),i.createElement("label",{htmlFor:a,className:h},i.createElement("span",{className:b},l)))};C.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},C.defaultProps={onChange:function(){},indeterminate:!1};var T=function(e){var t=e.className,n=e.children,a=e.labelOne,o=e.linkTextOne,l=e.linkHrefOne,s=e.labelTwo,c=e.linkTextTwo,p=e.linkHrefTwo,f=e.metaContent,m=e.secondary,b=e.pageWidth,v=d(e,["className","children","labelOne","linkTextOne","linkHrefOne","labelTwo","linkTextTwo","linkHrefTwo","metaContent","secondary","pageWidth"]),g=r("wfp--footer",t);return i.createElement("footer",u({},v,{className:g}),i.createElement(h,{pageWidth:b},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"},a),i.createElement(w,{href:l},o)),i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},s),i.createElement(w,{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"}),m)),f&&i.createElement("div",{className:"wfp--footer-meta"},f)))};T.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},T.defaultProps={labelOne:"Need Help?",linkTextOne:"Contact Bluemix Sales",linkHrefOne:"#",labelTwo:"Estimate Monthly Cost",linkTextTwo:"Cost Calculator",linkHrefTwo:"#",buttonText:"Create"};var k=function(e){var t=e.className,n=e.children,a=d(e,["className","children"]),o=r("wfp--form",t);return i.createElement("form",u({className:o},a)," ",n," ")};k.propTypes={children:t.node,className:t.string};var x=function(e){var t=e.legendText,n=e.invalid,a=e.children,o=e.className,l=e.message,s=e.messageText,c=d(e,["legendText","invalid","children","className","message","messageText"]),p=r("wfp--form-group__title",o),f=r("wfp--fieldset",o);return i.createElement("fieldset",u({},n&&{"data-invalid":""},{className:f},c),i.createElement("legend",{className:p},t),a,l?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 j=function(e){var t=e.className,n=e.children,a=d(e,["className","children"]),o=r("bx--form-item",t);return i.createElement("div",u({className:o},a),n)};j.propTypes={children:t.node,className:t.string};var P=function(e){var t=e.className,n=e.children,a=e.id,o=d(e,["className","children","id"]),l=r("bx--label",t);return i.createElement("label",u({htmlFor:a,className:l},o),n)};function S(e,t,n){return e===t||(e.correspondingElement?e.correspondingElement.classList.contains(n):e.classList.contains(n))}P.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 L,M,R=(void 0===L&&(L=0),function(){return++L}),q={},D={},B=["touchstart","touchmove"],z="ignore-react-onclickoutside";function A(e,t){var n=null;return-1!==B.indexOf(t)&&M&&(n={passive:!e.props.preventDefault}),n}var W=function(e){var t=e.activeMenuItem,n=e.className,a=e.children,o=e.menuItem,l=e.onChangeSub,s=e.subNavigation,c=r(n,{"wfp--main-navigation__item":!0,"wfp--main-navigation__item--open":o===t}),u=r({"wfp--main-navigation__sub":!0,"wfp--main-navigation__sub--open":o===t}),p=r({"wfp--main-navigation__trigger":!0,"wfp--main-navigation__trigger--has-sub":s,"wfp--main-navigation__trigger--open":o===t}),d=s?i.cloneElement(a,{onClick:function(e){return l(e,o,"toggle")}}):a;return i.createElement("li",{className:c},i.createElement("div",{className:p},d),s&&i.createElement("div",{className:u},s))};W.propTypes={className:t.string,children:t.node.isRequired};var H=function(e){function t(e){var n;return o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(f(n),"onChangeSub",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,r){if(e.preventDefault(),console.log("I've been clicked",e.target,e.target.id,t,r),"toggle"===r){var a=void 0===n.state.activeMenuItem||n.state.activeMenuItem!==t?t:void 0;n.setState({activeMenuItem:a})}}}),Object.defineProperty(f(n),"toggleMenu",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({openMobile:!n.state.openMobile})}}),Object.defineProperty(f(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,a=t.className,o=t.id,l=t.logo,s=t.pageWidth,c=r("wfp--main-navigation",a),u=r("wfp--main-navigation__list",{"wfp--main-navigation__list--open":this.state.openMobile});return i.createElement("div",{id:o,className:c},i.createElement(h,{pageWidth:s,className:"wfp--main-navigation__wrapper"},i.createElement("div",{className:"wfp--main-navigation__logo-wrapper"},i.createElement(O,{className:"wfp--main-navigation__button",onClick:this.toggleMenu},"Menu"),i.createElement("div",{className:"wfp--main-navigation__logo"},l)),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}();H.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},H.defaultProps={pageWidth:"narrow-full"};var F,U,V,$,G=(F=H,$=V=function(e){var t,r;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===M&&(M=I()),D[n._uid]=!0;var e=n.props.eventTypes;e.forEach||(e=[e]),q[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,q[n._uid],A(n,e))})}},n.disableOnClickOutside=function(){delete D[n._uid];var e=q[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 q[n._uid]}},n.getRef=function(e){return n.instanceRef=e},n._uid=R(),n}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=i.prototype;return o.getInstance=function(){if(!F.prototype.isReactComponent)return this;var e=this.instanceRef;return e.getInstance?e.getInstance():e},o.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=a.findDOMNode(this.getInstance()),this.enableOnClickOutside()}},o.componentDidUpdate=function(){this.componentNode=a.findDOMNode(this.getInstance())},o.componentWillUnmount=function(){this.disableOnClickOutside()},o.render=function(){var e=this.props,t=(e.excludeScrollbar,function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,["excludeScrollbar"]));return F.prototype.isReactComponent?t.ref=this.getRef:t.wrappedRef=this.getRef,t.disableOnClickOutside=this.disableOnClickOutside,t.enableOnClickOutside=this.enableOnClickOutside,n.createElement(F,t)},i}(n.Component),V.displayName="OnClickOutside("+(F.displayName||F.name||"Component")+")",V.defaultProps={eventTypes:["mousedown","touchstart"],excludeScrollbar:U&&U.excludeScrollbar||!1,outsideClickIgnoreClass:z,preventDefault:!1,stopPropagation:!1},V.getClass=function(){return F.getClass?F.getClass():F},$),X=function(e){var t=e.children,n=e.className,a=(e.title,d(e,["children","className","title"])),o=r("wfp--sub-menu__item",{className:n});return i.createElement("div",u({className:o},a),t)};X.propTypes={},X.defaultProps={};var K=function(e){var t=e.children,n=e.className,a=e.title,o=d(e,["children","className","title"]),l=r("wfp--sub-menu__section",{className:n});return i.createElement("div",u({className:l},o),i.createElement("h3",{className:"wfp--sub-menu__section__title"},a),t)};K.propTypes={},K.defaultProps={};var Y=function(e){var t=e.children,n=e.className,a=(e.title,d(e,["children","className","title"])),o=r("wfp--sub-menu",{className:n});return i.createElement("div",u({className:o},a),t)};Y.propTypes={image:t.string},Y.defaultProps={};var J={children:t.node,className:t.string,size:t.oneOf(["single","double"])},Q={children:t.node,centered:t.bool,className:t.string},Z={children:t.node,className:t.string},ee=function(e){var t=e.children,n=e.className,a=e.size,o=d(e,["children","className","size"]),l=r("wfp--module wfp--module--".concat(a),n);return i.createElement("div",u({className:l},o),i.createElement("div",{className:"wfp--module__inner"},t))},te=function(e){var t=e.children,n=e.className,a=e.centered,o=d(e,["children","className","centered"]),l=r("wfp--module__content",n,{"wfp--module__content--centered":a});return i.createElement("div",u({className:l},o),t)},ne=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--module__header",n);return i.createElement("div",u({className:o},a),i.createElement("h1",{className:"wfp--module__title"},t))};ee.propTypes=J,te.propTypes=Q,ee.defaultProps={size:"double"},te.defaultProps={centered:!1},ne.propTypes=Z;var re=function(e){function t(e){var n;o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),ae.call(f(n));var r=e.value;return(e.min||0===e.min)&&(r=Math.max(e.min,r)),n.state={value:r},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,a=t.disabled,o=(t.iconDescription,t.id),l=t.label,s=t.max,c=t.min,p=t.step,f=t.invalid,m=t.invalidText,h=d(t,["className","disabled","iconDescription","id","label","max","min","step","invalid","invalidText"]),b=r("wfp--number",n),v={disabled:a,id:o,max:s,min:c,step:p,onChange:this.handleChange,value:this.state.value},g={disabled:a,type:"button",className:"wfp--number__control-btn"},y={},w=null;return f&&(y["data-invalid"]=!0,w=i.createElement("div",{className:"wfp--form-requirement"},m)),i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:o,className:"wfp--label"},l),i.createElement("div",u({className:b},y),i.createElement("input",u({type:"number",pattern:"[0-9]*"},h,v,{ref:this._handleInputRef})),i.createElement("div",{className:"wfp--number__controls"},i.createElement("button",u({},g,{onClick:function(t){return e.handleArrowClick(t,"up")}}),i.createElement(E,{className:"up-icon",name:"caret--up",description:this.props.iconDescription,viewBox:"0 2 10 5"})),i.createElement("button",u({},g,{onClick:function(t){return e.handleArrowClick(t,"down")}}),i.createElement(E,{className:"down-icon",name:"caret--down",viewBox:"0 2 10 5",description:this.props.iconDescription})))),w)}}]),t}();Object.defineProperty(re,"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(re,"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 ae=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 r="string"==typeof e.state.value?Number(e.state.value):e.state.value,a=e.props,i=a.disabled,o=a.min,l=a.max,s=a.step;!i&&("down"===n?void 0!==o&&r>o||void 0===o:void 0!==l&&r<l||void 0===l)&&(r="down"===n?r-s:r+s,t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:r},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 oe=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.props.onChange&&r.props.onChange(r.props.value,r.props.name,e),r.props.input&&r.props.input.onChange&&r.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 ie++,"".concat(e).concat(ie)}()}},{key:"render",value:function(){var e=r("radioButtonWrapper",this.props.className),t=this.props,n=(t.component,t.labelText),a=t.input,o=t.value,l=d(t,["component","labelText","input","value"]);return i.createElement("div",{className:e},i.createElement("input",u({},l,a,{type:"radio",value:a&&a.value?a.value:o,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(oe,"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(oe,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){}}});var le=function(){};var se=le,ce=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{selected:null}}),Object.defineProperty(f(r),"getRadioButtons",{configurable:!0,enumerable:!0,writable:!0,value:function(){return i.Children.map(r.props.children,function(e){var t=e.props,n=t.value,a=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(oe,u({},a,{name:r.props.name,key:n,value:n,onChange:r.handleChange,checked:n===r.state.selected}))})}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){e!==r.state.selected&&(r.setState({selected:e}),r.props.onChange(e,r.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(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 ue=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{format:"list",hasContent:r.props.value||r.props.defaultValue||!1}}),Object.defineProperty(f(r),"clearInput",{configurable:!0,enumerable:!0,writable:!0,value:function(e){if(r.props.value){var t=Object.assign({},e.target,{target:{value:""}});r.props.onChange(t)}else r.input.value="",r.props.onChange(e);r.setState({hasContent:!1},function(){return r.input.focus()})}}),Object.defineProperty(f(r),"toggleLayout",{configurable:!0,enumerable:!0,writable:!0,value:function(){"list"===r.state.format?r.setState({format:"grid"}):r.setState({format:"list"})}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.setState({hasContent:""!==e.target.value}),r.props.onChange(e)}}),Object.defineProperty(f(r),"searchFilterBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!r.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button","aria-label":r.props.searchButtonLabelText},i.createElement(E,{name:"filter--glyph",description:"filter",className:"wfp--search-filter"}))}}),Object.defineProperty(f(r),"searchLayoutBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!r.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button",onClick:r.toggleLayout,"aria-label":r.props.layoutButtonLabelText},"list"===r.state.format?i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(E,{name:"list",description:"list",className:"wfp--search-view"})):i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(E,{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,a=t.type,o=t.id,l=void 0===o?this._inputId=this._inputId||"search__input__id_".concat(Math.random().toString(36).substr(2)):o,s=t.placeHolderText,p=t.labelText,f=t.size,m=d(t,["className","type","id","placeHolderText","labelText","size"]),h=this.state.hasContent,b=r(c({"wfp--search wfp--search-with-options":!0,"wfp--search--lg":!f,"wfp--search--md":"medium"===f,"wfp--search--sm":"small"===f},n,n)),v=r({"wfp--search-close":!0,"wfp--search-close--hidden":!h});return i.createElement("div",{className:b,role:"search"},i.createElement("div",{name:"search--glyph",description:"search",className:"wfp--search-magnifier"}),i.createElement("label",{htmlFor:l,className:"wfp--label"},p),i.createElement("input",u({},m,{type:a,className:"wfp--search-input",id:l,placeholder:s,onChange:this.handleChange,ref:function(t){e.input=t}})),i.createElement(E,{name:"close--glyph",description:"close",className:v,onClick:this.clearInput}))}}]),t}();Object.defineProperty(ue,"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(ue,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{type:"text",small:!1,placeHolderText:"",onChange:function(){}}});var pe=function(e){var t=e.className,n=e.children,a=r("wfp--secondary-tabs__item",t);return i.createElement("li",{className:a},n)};pe.propTypes={className:t.string,children:t.node.isRequired};var de=function(e){var t=e.children,n=e.className,a=e.id,o=r("wfp--secondary-tabs",n);return i.createElement("div",{id:a,className:o},i.createElement("ul",{className:"wfp--secondary-tabs__list"},t))};de.propTypes={children:t.node.isRequired,className:t.string,id:t.string};var fe="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var me,he=(function(e,t){var n=200,r="__lodash_hash_undefined__",a=1,i=2,o=9007199254740991,l="[object Arguments]",s="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",p="[object Date]",d="[object Error]",f="[object Function]",m="[object GeneratorFunction]",h="[object Map]",b="[object Number]",v="[object Null]",g="[object Object]",y="[object Proxy]",w="[object RegExp]",_="[object Set]",N="[object String]",E="[object Symbol]",O="[object Undefined]",C="[object ArrayBuffer]",T="[object DataView]",k=/^\[object .+?Constructor\]$/,x=/^(?:0|[1-9]\d*)$/,j={};j["[object Float32Array]"]=j["[object Float64Array]"]=j["[object Int8Array]"]=j["[object Int16Array]"]=j["[object Int32Array]"]=j["[object Uint8Array]"]=j["[object Uint8ClampedArray]"]=j["[object Uint16Array]"]=j["[object Uint32Array]"]=!0,j[l]=j[s]=j[C]=j[u]=j[T]=j[p]=j[d]=j[f]=j[h]=j[b]=j[g]=j[w]=j[_]=j[N]=j["[object WeakMap]"]=!1;var P="object"==typeof fe&&fe&&fe.Object===Object&&fe,S="object"==typeof self&&self&&self.Object===Object&&self,I=P||S||Function("return this")(),L=t&&!t.nodeType&&t,M=L&&e&&!e.nodeType&&e,R=M&&M.exports===L,q=R&&P.process,D=function(){try{return q&&q.binding&&q.binding("util")}catch(e){}}(),B=D&&D.isTypedArray;function z(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function A(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function W(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var H,F,U,V=Array.prototype,$=Function.prototype,G=Object.prototype,X=I["__core-js_shared__"],K=$.toString,Y=G.hasOwnProperty,J=(H=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Q=G.toString,Z=RegExp("^"+K.call(Y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ee=R?I.Buffer:void 0,te=I.Symbol,ne=I.Uint8Array,re=G.propertyIsEnumerable,ae=V.splice,ie=te?te.toStringTag:void 0,oe=Object.getOwnPropertySymbols,le=ee?ee.isBuffer:void 0,se=(F=Object.keys,U=Object,function(e){return F(U(e))}),ce=Be(I,"DataView"),ue=Be(I,"Map"),pe=Be(I,"Promise"),de=Be(I,"Set"),me=Be(I,"WeakMap"),he=Be(Object,"create"),be=He(ce),ve=He(ue),ge=He(pe),ye=He(de),we=He(me),_e=te?te.prototype:void 0,Ne=_e?_e.valueOf:void 0;function Ee(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Oe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Ce(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Te(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new Ce;++t<n;)this.add(e[t])}function ke(e){var t=this.__data__=new Oe(e);this.size=t.size}function xe(e,t){var n=Ve(e),r=!n&&Ue(e),a=!n&&!r&&$e(e),i=!n&&!r&&!a&&Je(e),o=n||r||a||i,l=o?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],s=l.length;for(var c in e)!t&&!Y.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||We(c,s))||l.push(c);return l}function je(e,t){for(var n=e.length;n--;)if(Fe(e[n][0],t))return n;return-1}function Pe(e){return null==e?void 0===e?O:v:ie&&ie in Object(e)?function(e){var t=Y.call(e,ie),n=e[ie];try{e[ie]=void 0;var r=!0}catch(e){}var a=Q.call(e);r&&(t?e[ie]=n:delete e[ie]);return a}(e):function(e){return Q.call(e)}(e)}function Se(e){return Ye(e)&&Pe(e)==l}function Ie(e,t,n,r,o){return e===t||(null==e||null==t||!Ye(e)&&!Ye(t)?e!=e&&t!=t:function(e,t,n,r,o,c){var f=Ve(e),m=Ve(t),v=f?s:Ae(e),y=m?s:Ae(t),O=(v=v==l?g:v)==g,k=(y=y==l?g:y)==g,x=v==y;if(x&&$e(e)){if(!$e(t))return!1;f=!0,O=!1}if(x&&!O)return c||(c=new ke),f||Je(e)?Re(e,t,n,r,o,c):function(e,t,n,r,o,l,s){switch(n){case T:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!l(new ne(e),new ne(t)));case u:case p:case b:return Fe(+e,+t);case d:return e.name==t.name&&e.message==t.message;case w:case N:return e==t+"";case h:var c=A;case _:var f=r&a;if(c||(c=W),e.size!=t.size&&!f)return!1;var m=s.get(e);if(m)return m==t;r|=i,s.set(e,t);var v=Re(c(e),c(t),r,o,l,s);return s.delete(e),v;case E:if(Ne)return Ne.call(e)==Ne.call(t)}return!1}(e,t,v,n,r,o,c);if(!(n&a)){var j=O&&Y.call(e,"__wrapped__"),P=k&&Y.call(t,"__wrapped__");if(j||P){var S=j?e.value():e,I=P?t.value():t;return c||(c=new ke),o(S,I,n,r,c)}}if(!x)return!1;return c||(c=new ke),function(e,t,n,r,i,o){var l=n&a,s=qe(e),c=s.length,u=qe(t).length;if(c!=u&&!l)return!1;for(var p=c;p--;){var d=s[p];if(!(l?d in t:Y.call(t,d)))return!1}var f=o.get(e);if(f&&o.get(t))return f==t;var m=!0;o.set(e,t),o.set(t,e);for(var h=l;++p<c;){d=s[p];var b=e[d],v=t[d];if(r)var g=l?r(v,b,d,t,e,o):r(b,v,d,e,t,o);if(!(void 0===g?b===v||i(b,v,n,r,o):g)){m=!1;break}h||(h="constructor"==d)}if(m&&!h){var y=e.constructor,w=t.constructor;y!=w&&"constructor"in e&&"constructor"in t&&!("function"==typeof y&&y instanceof y&&"function"==typeof w&&w instanceof w)&&(m=!1)}return o.delete(e),o.delete(t),m}(e,t,n,r,o,c)}(e,t,n,r,Ie,o))}function Le(e){return!(!Ke(e)||J&&J in e)&&(Ge(e)?Z:k).test(He(e))}function Me(e){if(n=(t=e)&&t.constructor,r="function"==typeof n&&n.prototype||G,t!==r)return se(e);var t,n,r,a=[];for(var i in Object(e))Y.call(e,i)&&"constructor"!=i&&a.push(i);return a}function Re(e,t,n,r,o,l){var s=n&a,c=e.length,u=t.length;if(c!=u&&!(s&&u>c))return!1;var p=l.get(e);if(p&&l.get(t))return p==t;var d=-1,f=!0,m=n&i?new Te:void 0;for(l.set(e,t),l.set(t,e);++d<c;){var h=e[d],b=t[d];if(r)var v=s?r(b,h,d,t,e,l):r(h,b,d,e,t,l);if(void 0!==v){if(v)continue;f=!1;break}if(m){if(!z(t,function(e,t){if(a=t,!m.has(a)&&(h===e||o(h,e,n,r,l)))return m.push(t);var a})){f=!1;break}}else if(h!==b&&!o(h,b,n,r,l)){f=!1;break}}return l.delete(e),l.delete(t),f}function qe(e){return function(e,t,n){var r=t(e);return Ve(e)?r:function(e,t){for(var n=-1,r=t.length,a=e.length;++n<r;)e[a+n]=t[n];return e}(r,n(e))}(e,Qe,ze)}function De(e,t){var n,r,a=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?a["string"==typeof t?"string":"hash"]:a.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Le(n)?n:void 0}Ee.prototype.clear=function(){this.__data__=he?he(null):{},this.size=0},Ee.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ee.prototype.get=function(e){var t=this.__data__;if(he){var n=t[e];return n===r?void 0:n}return Y.call(t,e)?t[e]:void 0},Ee.prototype.has=function(e){var t=this.__data__;return he?void 0!==t[e]:Y.call(t,e)},Ee.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=he&&void 0===t?r:t,this},Oe.prototype.clear=function(){this.__data__=[],this.size=0},Oe.prototype.delete=function(e){var t=this.__data__,n=je(t,e);return!(n<0||(n==t.length-1?t.pop():ae.call(t,n,1),--this.size,0))},Oe.prototype.get=function(e){var t=this.__data__,n=je(t,e);return n<0?void 0:t[n][1]},Oe.prototype.has=function(e){return je(this.__data__,e)>-1},Oe.prototype.set=function(e,t){var n=this.__data__,r=je(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},Ce.prototype.clear=function(){this.size=0,this.__data__={hash:new Ee,map:new(ue||Oe),string:new Ee}},Ce.prototype.delete=function(e){var t=De(this,e).delete(e);return this.size-=t?1:0,t},Ce.prototype.get=function(e){return De(this,e).get(e)},Ce.prototype.has=function(e){return De(this,e).has(e)},Ce.prototype.set=function(e,t){var n=De(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},Te.prototype.add=Te.prototype.push=function(e){return this.__data__.set(e,r),this},Te.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.clear=function(){this.__data__=new Oe,this.size=0},ke.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},ke.prototype.get=function(e){return this.__data__.get(e)},ke.prototype.has=function(e){return this.__data__.has(e)},ke.prototype.set=function(e,t){var r=this.__data__;if(r instanceof Oe){var a=r.__data__;if(!ue||a.length<n-1)return a.push([e,t]),this.size=++r.size,this;r=this.__data__=new Ce(a)}return r.set(e,t),this.size=r.size,this};var ze=oe?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,a=0,i=[];++n<r;){var o=e[n];t(o,n,e)&&(i[a++]=o)}return i}(oe(e),function(t){return re.call(e,t)}))}:function(){return[]},Ae=Pe;function We(e,t){return!!(t=null==t?o:t)&&("number"==typeof e||x.test(e))&&e>-1&&e%1==0&&e<t}function He(e){if(null!=e){try{return K.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function Fe(e,t){return e===t||e!=e&&t!=t}(ce&&Ae(new ce(new ArrayBuffer(1)))!=T||ue&&Ae(new ue)!=h||pe&&"[object Promise]"!=Ae(pe.resolve())||de&&Ae(new de)!=_||me&&"[object WeakMap]"!=Ae(new me))&&(Ae=function(e){var t=Pe(e),n=t==g?e.constructor:void 0,r=n?He(n):"";if(r)switch(r){case be:return T;case ve:return h;case ge:return"[object Promise]";case ye:return _;case we:return"[object WeakMap]"}return t});var Ue=Se(function(){return arguments}())?Se:function(e){return Ye(e)&&Y.call(e,"callee")&&!re.call(e,"callee")},Ve=Array.isArray;var $e=le||function(){return!1};function Ge(e){if(!Ke(e))return!1;var t=Pe(e);return t==f||t==m||t==c||t==y}function Xe(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=o}function Ke(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Ye(e){return null!=e&&"object"==typeof e}var Je=B?function(e){return function(t){return e(t)}}(B):function(e){return Ye(e)&&Xe(e.length)&&!!j[Pe(e)]};function Qe(e){return null!=(t=e)&&Xe(t.length)&&!Ge(t)?xe(e):Me(e);var t}e.exports=function(e,t){return Ie(e,t)}}(me={exports:{}},me.exports),me.exports),be=function(e){var t=e.labelText,n=e.className,a=e.id,o=e.input,l=e.meta,s=e.placeholder,c=e.type,p=(e.onChange,e.onClick),f=e.hideLabel,m=e.invalid,h=e.invalidText,b=d(e,["labelText","className","id","input","meta","placeholder","type","onChange","onClick","hideLabel","invalid","invalidText"]),v={id:a,onClick:function(e){b.disabled||p(e)},placeholder:s,type:c},g=l?l.error:h,y=l?!l.valid:m,w=a+"-error-msg",_=r("wfp--text-input",n),N=r("wfp--label",{"wfp--visually-hidden":f}),E=t?i.createElement("label",{htmlFor:a,className:N},t):null,O=y?i.createElement("div",{className:"wfp--form-requirement",id:w},g):null,C=y?i.createElement("input",u({},b,o,v,{"data-invalid":!0,"aria-invalid":!0,"aria-describedby":w,className:_})):i.createElement("input",u({},b,o,v,{className:_}));return i.createElement("div",{className:"wfp--form-item"},E,C,O)};be.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},be.defaultProps={className:"wfp--text__input",disabled:!1,type:"text",onChange:function(){},onClick:function(){},invalid:!1,invalidText:""};var ve=function(e,t){return"function"==typeof t?t(e):"".concat(e).concat(t)},ge=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{dragging:!1,value:r.props.input&&r.props.input.value?r.props.input.value:r.props.value,left:0}}),Object.defineProperty(f(r),"updatePosition",{configurable:!0,enumerable:!0,writable:!0,value:function(e){e&&r.props.disabled||(e&&e.dispatchConfig&&e.persist(),r.state.dragging||(r.setState({dragging:!0}),requestAnimationFrame(function(){r.setState(function(t,n){var a=e&&e.target&&e.target.classList.contains("wfp-slider-text-input"),i=r.calcValue(e,t,n),o=i.left,l=i.newValue,s=a?Number(e.target.value):l;return t.left===o&&t.value===s?{dragging:!1}:("function"==typeof n.onChange&&n.onChange({value:s}),console.log("new",s),r.props.input&&r.props.input.onChange&&r.props.input.onChange(s),{dragging:!1,left:o,value:s})})})))}}),Object.defineProperty(f(r),"calcValue",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){var a,i,o=n.min,l=n.max,s=n.step,c=n.stepMuliplier,u=t.value,p=l-o,d=(u-o)/p*100;if(a=d,i=u,e){var f=e.type;if("keydown"===f){var m={40:-1,37:-1,38:1,39:1}[e.which];if(void 0!==m){var h=s*(!0===e.shiftKey?p/s/c:1);a=d+h/p*100*m,i=Number(u)+h*m}}if("mousemove"===f||"click"===f||"touchmove"===f){var b=e.touches?e.touches[0].clientX:e.clientX,v=r.track.getBoundingClientRect(),g=(b-v.left)/v.width,y=o+Math.round(p*g/s)*s;a=(y-o)/p*100,i=y}}return i<=Number(o)&&(a=0,i=o),i>=Number(l)&&(a=100,i=l),{left:a,newValue:i}}}),Object.defineProperty(f(r),"handleMouseStart",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.addEventListener("mousemove",r.updatePosition),r.element.ownerDocument.addEventListener("mouseup",r.handleMouseEnd)}}),Object.defineProperty(f(r),"handleMouseEnd",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.removeEventListener("mousemove",r.updatePosition),r.element.ownerDocument.removeEventListener("mouseup",r.handleMouseEnd)}}),Object.defineProperty(f(r),"handleTouchStart",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.addEventListener("touchmove",r.updatePosition),r.element.ownerDocument.addEventListener("touchup",r.handleTouchEnd),r.element.ownerDocument.addEventListener("touchend",r.handleTouchEnd),r.element.ownerDocument.addEventListener("touchcancel",r.handleTouchEnd)}}),Object.defineProperty(f(r),"handleTouchEnd",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.removeEventListener("touchmove",r.updatePosition),r.element.ownerDocument.removeEventListener("touchup",r.handleTouchEnd),r.element.ownerDocument.removeEventListener("touchend",r.handleTouchEnd),r.element.ownerDocument.removeEventListener("touchcancel",r.handleTouchEnd)}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.setState({value:e.target.value}),r.updatePosition(e)}}),n))}return p(t,n.PureComponent),s(t,[{key:"componentDidMount",value:function(){this.updatePosition()}},{key:"componentWillReceiveProps",value:function(e){he(e,this.props)||this.updatePosition(),e.input&&e.input.value!==this.state.value&&this.setState({value:e.input.value})}},{key:"render",value:function(){var e=this,t=this.props,n=t.ariaLabelInput,a=t.className,o=t.hideTextInput,l=t.id,s=void 0===l?this.inputId=this.inputId||"__carbon-slider_".concat(Math.random().toString(36).substr(2)):l,c=t.min,p=t.minLabel,f=t.max,m=t.maxLabel,h=t.formatLabel,b=void 0===h?ve:h,v=t.labelText,g=t.step,y=(t.stepMuliplier,t.inputType),w=t.required,_=t.disabled,N=t.name,E=d(t,["ariaLabelInput","className","hideTextInput","id","min","minLabel","max","maxLabel","formatLabel","labelText","step","stepMuliplier","inputType","required","disabled","name"]),O=this.state,C=O.value,T=O.left,k=r("wfp--slider",{"wfp--slider--disabled":_},a),x={transform:"translate(0%, -50%) scaleX(".concat(T/100,")")},j={left:"".concat(T,"%")};return i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:s,className:"wfp--label"},v),i.createElement("div",{className:"wfp--slider-container"},i.createElement("span",{className:"wfp--slider__range-label"},b(c,p)),i.createElement("div",u({className:k,ref:function(t){e.element=t},onClick:this.updatePosition,onKeyPress:this.updatePosition,role:"presentation",tabIndex:-1},E),i.createElement("div",{className:"wfp--slider__track",ref:function(t){e.track=t}}),i.createElement("div",{className:"wfp--slider__filled-track",style:x}),i.createElement("div",{className:"wfp--slider__thumb",role:"slider",id:s,tabIndex:0,"aria-valuemax":f,"aria-valuemin":c,"aria-valuenow":C,style:j,onMouseDown:this.handleMouseStart,onTouchStart:this.handleTouchStart,onKeyDown:this.updatePosition}),i.createElement("input",{type:"hidden",name:N,value:C,required:w,min:c,max:f,step:g,onChange:this.handleChange})),i.createElement("span",{className:"wfp--slider__range-label"},b(f,m)),!o&&i.createElement(be,{type:y,id:"input-for-slider",className:"wfp-slider-text-input",value:C,onChange:this.handleChange,labelText:"","aria-label":n})))}}]),t}();Object.defineProperty(ge,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{className:t.string,hideTextInput:t.bool,id:t.string,onChange:t.func,value:t.number.isRequired,min:t.number.isRequired,minLabel:t.string,max:t.number.isRequired,maxLabel:t.string,formatLabel:t.func,labelText:t.string,step:t.number,stepMuliplier:t.number,children:t.node,disabled:t.bool,name:t.bool,inputType:t.string,ariaLabelInput:t.string}}),Object.defineProperty(ge,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{hideTextInput:!1,step:1,stepMuliplier:4,disabled:!1,minLabel:"",maxLabel:"",inputType:"number",ariaLabelInput:"Slider number input"}});var ye=function(e){var t=e.children,n=e.className,a=r(c({"wfp--story":!0},"".concat(n),n));return i.createElement(h,{className:a},t)};ye.propTypes={children:t.node,className:t.string};var we=function(e){var t=e.className,n=e.id,a=e.labelText,o=e.hideLabel,l=e.onChange,s=e.onClick,c=e.input,p=e.invalid,f=e.invalidText,m=d(e,["className","id","labelText","hideLabel","onChange","onClick","input","invalid","invalidText"]),h={id:n,onChange:function(e){m.disabled||l(e)},onClick:function(e){m.disabled||s(e)}},b=r("wfp--text-area",t),v=r("wfp--label",{"wfp--visually-hidden":o}),g=a?i.createElement("label",{htmlFor:n,className:v},a):null,y=p?i.createElement("div",{className:"wfp--form-requirement"},f):null,w=p?i.createElement("textarea",u({},m,c,h,{className:b,"data-invalid":!0})):i.createElement("textarea",u({},m,c,h,{className:b}));return i.createElement("div",{className:"wfp--form-item"},g,w,y)};we.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},we.defaultProps={disabled:!1,onChange:function(){},onClick:function(){},placeholder:"",rows:4,cols:50,invalid:!1,invalidText:""};var _e=function(e){var t,n=e.alt,a=e.className,o=e.image,l=e.title,s=d(e,["alt","className","image","title"]);t=o&&o.includes("auto")||void 0===o?i.createElement("div",{className:"wfp--user-icon wfp--user-icon--empty",alt:n}):i.createElement("img",{alt:n,className:"wfp--user-icon",src:o});var c=r("wfp--user",{className:a});return i.createElement("div",u({className:c},s),t,i.createElement("span",null,l))};_e.propTypes={alt:t.string,image:t.string,title:t.string},_e.defaultProps={alt:"User Icon",title:"No Name"},e.Blockquote=g,e.Breadcrumb=y,e.BreadcrumbItem=_,e.BreadcrumbHome=N,e.Button=O,e.Checkbox=C,e.Footer=T,e.Form=k,e.FormGroup=x,e.FormItem=j,e.FormLabel=P,e.Link=w,e.NumberInput=re,e.RadioButton=oe,e.RadioButtonGroup=ce,e.Search=ue,e.Slider=ge,e.Story=ye,e.TextArea=we,e.TextInput=be,e.User=_e,e.Wrapper=h,e.BannerNavigation=v,e.BannerNavigationItem=b,e.MainNavigation=G,e.MainNavigationItem=W,e.SubMenuList=Y,e.SubMenuSection=K,e.SubMenuItem=X,e.Module=ee,e.ModuleBody=te,e.ModuleHeader=ne,e.SecondaryTabs=de,e.SecondaryTabsItem=pe,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,r,a){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var i="default"in n?n.default:n;function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function l(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function s(e,t,n){return t&&l(e.prototype,t),n&&l(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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}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,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function f(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function m(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}r=r&&r.hasOwnProperty("default")?r.default:r;var h=function(e){var t=e.background,n=e.children,a=e.className,o=e.pageWidth,l=e.spacing,s=d(e,["background","children","className","pageWidth","spacing"]),p=r(c({"wfp--wrapper":!0,"wfp--wrapper--narrow":"narrow"===o,"wfp--wrapper--narrower":"narrower"===o,"wfp--wrapper--narrowest":"narrowest"===o,"wfp--wrapper--narrow wfp--wrapper--mobile-full":"narrow-full"===o,"wfp--wrapper--narrower wfp--wrapper--mobile-full":"narrower-full"===o,"wfp--wrapper--spacing-md":"md"===l},"".concat(a),a));if(t){var f=r({"wfp--wrapper--background-lighter":"lighter"===t});return i.createElement("div",{className:f},i.createElement("div",u({className:p},s),n))}return i.createElement("div",u({className:p},s),n)};h.propTypes={children:t.node,className:t.string,pageWidth:t.string};var b=function(e){var t=e.className,n=e.children,a=r("wfp--banner-navigation__item",t);return i.createElement("li",{className:a},n)};b.propTypes={className:t.string,children:t.node.isRequired};var v=function(e){var t=e.children,n=e.className,a=e.id,o=e.pageWidth,l=r("wfp--banner-navigation",n);return i.createElement("div",{id:a,className:l},i.createElement(h,{pageWidth:o},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 o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(f(n),"toggleBlockquote",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({open:!n.state.open})}}),Object.defineProperty(f(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,a=e.style,o=e.title,l=e.toggleable,s=(e.columnCount,e.innerHtml),u=e.type,p=(d(e,["className","children","style","title","toggleable","columnCount","innerHtml","type"]),r({"wfp--blockquote":!0,"wfp--blockquote--toggleable":!0===l,"wfp--blockquote--light":"light"===u,"wfp--blockquote--code":"code"===u,"wfp--blockquote--warning":"warning"===u,"wfp--blockquote--info":"info"===u,"wfp--blockquote--open":this.state.open})),f=r(c({"wfp--blockquote__content":!0},"".concat(t),t));return i.createElement("div",{className:p},o&&i.createElement("div",{onClick:this.toggleBlockquote,className:"wfp--blockquote__title"},o),i.createElement("div",{className:f,style:a},n,s&&i.createElement("div",{dangerouslySetInnerHTML:this.showInnerHtml(s)})))}}]),t}();g.propTypes={children:t.node,type:t.string};var y=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--breadcrumb wfp--breadcrumb--no-trailing-slash",n);return i.createElement("div",u({className:o},a),t)};y.propTypes={children:t.node,className:t.string};var w=function(e){var t=e.children,n=e.className,a=e.href,o=d(e,["children","className","href"]),l=r("wfp--link",n);return i.createElement("a",u({href:a,className:l},o),t)};w.propTypes={children:t.node,className:t.string,href:t.string};var _=function(e){var t=e.children,n=e.className,a=e.href,o=d(e,["children","className","href"]),l=r("wfp--breadcrumb-item",n);return i.createElement("div",u({className:l},o),function(e,t){return"string"==typeof e&&void 0!==t?i.createElement(w,{href:t},e):i.cloneElement(i.Children.only(e),{className:"wfp--link"})}(t,a))};_.propTypes={children:t.node,className:t.string,href:t.string};var N=function(e){var t=e.className,n=d(e,["className"]),a=r("wfp--breadcrumb-home",t);return i.createElement("div",u({className:a},n))};N.propTypes={type:t.string};var E=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--icon",n);return i.createElement("div",u({className:o},a),t)};E.propTypes={children:t.node,className:t.string};var O=function(e){var t=e.children,n=e.className,a=e.disabled,o=e.small,l=e.kind,s=e.href,c=e.tabIndex,p=e.type,f=e.icon,m=e.iconDescription,h=d(e,["children","className","disabled","small","kind","href","tabIndex","type","icon","iconDescription"]),b={tabIndex:c,className:r(n,{"wfp--btn":!0,"wfp--btn--sm":o,"wfp--btn--primary":"primary"===l,"wfp--btn--danger":"danger"===l,"wfp--btn--secondary":"secondary"===l,"wfp--btn--ghost":"ghost"===l,"wfp--btn--danger--primary":"danger--primary"===l,"wfp--btn--tertiary":"tertiary"===l})},v=f?i.createElement(E,{name:f,description:m,className:"wfp--btn__icon"}):null,g=i.createElement("button",u({},h,b,{disabled:a,type:p}),t,v),y=i.createElement("a",u({},h,b,{href:s,role:"button"}),t,v);return s?y:g};O.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.")}},O.defaultProps={iconDescription:"Provide icon description if icon is used",tabIndex:0,type:"button",disabled:!1,small:!1,kind:"primary"};var C=function(e){var t,n=e.className,a=e.id,o=e.input,l=e.labelText,s=e.onChange,c=e.indeterminate,p=e.hideLabel,f=e.wrapperClassName,m=d(e,["className","id","input","labelText","onChange","indeterminate","hideLabel","wrapperClassName"]),h=r("wfp--checkbox-label",n),b=r({"wfp--visually-hidden":p}),v=r("wfp--form-item","wfp--checkbox-wrapper",f);return i.createElement("div",{className:v},i.createElement("input",u({},m,o,{type:"checkbox",onClick:function(e){s&&s(o.checked,a,e),o&&o.onChange&&o.onChange(o.checked)},className:"wfp--checkbox",id:a,ref:function(e){(t=e)&&(t.indeterminate=c)}})),i.createElement("label",{htmlFor:a,className:h},i.createElement("span",{className:b},l)))};C.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},C.defaultProps={onChange:function(){},indeterminate:!1};var k=function(e){var t=e.className,n=e.children,a=e.labelOne,o=e.linkTextOne,l=e.linkHrefOne,s=e.labelTwo,c=e.linkTextTwo,p=e.linkHrefTwo,f=e.metaContent,m=e.secondary,b=e.pageWidth,v=d(e,["className","children","labelOne","linkTextOne","linkHrefOne","labelTwo","linkTextTwo","linkHrefTwo","metaContent","secondary","pageWidth"]),g=r("wfp--footer",t);return i.createElement("footer",u({},v,{className:g}),i.createElement(h,{pageWidth:b},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"},a),i.createElement(w,{href:l},o)),i.createElement("div",{className:"wfp--footer-info__item"},i.createElement("p",{className:"wfp--footer-label"},s),i.createElement(w,{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"}),m)),f&&i.createElement("div",{className:"wfp--footer-meta"},f)))};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,a=d(e,["className","children"]),o=r("wfp--form",t);return i.createElement("form",u({className:o},a)," ",n," ")};T.propTypes={children:t.node,className:t.string};var x=function(e){var t=e.legendText,n=e.invalid,a=e.children,o=e.className,l=e.message,s=e.messageText,c=d(e,["legendText","invalid","children","className","message","messageText"]),p=r("wfp--form-group__title",o),f=r("wfp--fieldset",o);return i.createElement("fieldset",u({},n&&{"data-invalid":""},{className:f},c),i.createElement("legend",{className:p},t),a,l?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 j=function(e){var t=e.className,n=e.children,a=d(e,["className","children"]),o=r("bx--form-item",t);return i.createElement("div",u({className:o},a),n)};j.propTypes={children:t.node,className:t.string};var P=function(e){var t=e.className,n=e.children,a=e.id,o=d(e,["className","children","id"]),l=r("bx--label",t);return i.createElement("label",u({htmlFor:a,className:l},o),n)};function S(e,t,n){return e===t||(e.correspondingElement?e.correspondingElement.classList.contains(n):e.classList.contains(n))}P.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 L,M,R=(void 0===L&&(L=0),function(){return++L}),q={},D={},B=["touchstart","touchmove"],z="ignore-react-onclickoutside";function A(e,t){var n=null;return-1!==B.indexOf(t)&&M&&(n={passive:!e.props.preventDefault}),n}var W=function(e){var t=e.activeMenuItem,n=e.className,a=e.children,o=e.menuItem,l=e.onChangeSub,s=e.subNavigation,c=r(n,{"wfp--main-navigation__item":!0,"wfp--main-navigation__item--open":o===t}),u=r({"wfp--main-navigation__sub":!0,"wfp--main-navigation__sub--open":o===t}),p=r({"wfp--main-navigation__trigger":!0,"wfp--main-navigation__trigger--has-sub":s,"wfp--main-navigation__trigger--open":o===t}),d=s?i.cloneElement(a,{onClick:function(e){return l(e,o,"toggle")}}):a;return i.createElement("li",{className:c},i.createElement("div",{className:p},d),s&&i.createElement("div",{className:u},s))};W.propTypes={className:t.string,children:t.node.isRequired};var H=function(e){function t(e){var n;return o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),Object.defineProperty(f(n),"onChangeSub",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,r){if(e.preventDefault(),console.log("I've been clicked",e.target,e.target.id,t,r),"toggle"===r){var a=void 0===n.state.activeMenuItem||n.state.activeMenuItem!==t?t:void 0;n.setState({activeMenuItem:a})}}}),Object.defineProperty(f(n),"toggleMenu",{configurable:!0,enumerable:!0,writable:!0,value:function(){n.setState({openMobile:!n.state.openMobile})}}),Object.defineProperty(f(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,a=t.className,o=t.id,l=t.logo,s=t.pageWidth,c=r("wfp--main-navigation",a),u=r("wfp--main-navigation__list",{"wfp--main-navigation__list--open":this.state.openMobile});return i.createElement("div",{id:o,className:c},i.createElement(h,{pageWidth:s,className:"wfp--main-navigation__wrapper"},i.createElement("div",{className:"wfp--main-navigation__logo-wrapper"},i.createElement(O,{className:"wfp--main-navigation__button",onClick:this.toggleMenu},"Menu"),i.createElement("div",{className:"wfp--main-navigation__logo"},l)),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}();H.propTypes={children:t.node.isRequired,className:t.string,id:t.string,wrapperClassName:t.string},H.defaultProps={pageWidth:"narrow-full"};var F,U,V,$,G=(F=H,$=V=function(e){var t,r;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===M&&(M=I()),D[n._uid]=!0;var e=n.props.eventTypes;e.forEach||(e=[e]),q[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,q[n._uid],A(n,e))})}},n.disableOnClickOutside=function(){delete D[n._uid];var e=q[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 q[n._uid]}},n.getRef=function(e){return n.instanceRef=e},n._uid=R(),n}r=e,(t=i).prototype=Object.create(r.prototype),t.prototype.constructor=t,t.__proto__=r;var o=i.prototype;return o.getInstance=function(){if(!F.prototype.isReactComponent)return this;var e=this.instanceRef;return e.getInstance?e.getInstance():e},o.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=a.findDOMNode(this.getInstance()),this.enableOnClickOutside()}},o.componentDidUpdate=function(){this.componentNode=a.findDOMNode(this.getInstance())},o.componentWillUnmount=function(){this.disableOnClickOutside()},o.render=function(){var e=this.props,t=(e.excludeScrollbar,function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,["excludeScrollbar"]));return F.prototype.isReactComponent?t.ref=this.getRef:t.wrappedRef=this.getRef,t.disableOnClickOutside=this.disableOnClickOutside,t.enableOnClickOutside=this.enableOnClickOutside,n.createElement(F,t)},i}(n.Component),V.displayName="OnClickOutside("+(F.displayName||F.name||"Component")+")",V.defaultProps={eventTypes:["mousedown","touchstart"],excludeScrollbar:U&&U.excludeScrollbar||!1,outsideClickIgnoreClass:z,preventDefault:!1,stopPropagation:!1},V.getClass=function(){return F.getClass?F.getClass():F},$),X=function(e){var t=e.children,n=e.className,a=(e.title,d(e,["children","className","title"])),o=r("wfp--sub-menu__item",{className:n});return i.createElement("div",u({className:o},a),t)};X.propTypes={},X.defaultProps={};var K=function(e){var t=e.children,n=e.className,a=e.title,o=d(e,["children","className","title"]),l=r("wfp--sub-menu__section",{className:n});return i.createElement("div",u({className:l},o),i.createElement("h3",{className:"wfp--sub-menu__section__title"},a),t)};K.propTypes={},K.defaultProps={};var Y=function(e){var t=e.children,n=e.className,a=(e.title,d(e,["children","className","title"])),o=r("wfp--sub-menu",{className:n});return i.createElement("div",u({className:o},a),t)};Y.propTypes={image:t.string},Y.defaultProps={};var J={children:t.node,className:t.string,size:t.oneOf(["single","double"])},Q={children:t.node,centered:t.bool,className:t.string},Z={children:t.node,className:t.string},ee=function(e){var t=e.children,n=e.className,a=e.size,o=d(e,["children","className","size"]),l=r("wfp--module wfp--module--".concat(a),n);return i.createElement("div",u({className:l},o),i.createElement("div",{className:"wfp--module__inner"},t))},te=function(e){var t=e.children,n=e.className,a=e.centered,o=d(e,["children","className","centered"]),l=r("wfp--module__content",n,{"wfp--module__content--centered":a});return i.createElement("div",u({className:l},o),t)},ne=function(e){var t=e.children,n=e.className,a=d(e,["children","className"]),o=r("wfp--module__header",n);return i.createElement("div",u({className:o},a),i.createElement("h1",{className:"wfp--module__title"},t))};ee.propTypes=J,te.propTypes=Q,ee.defaultProps={size:"double"},te.defaultProps={centered:!1},ne.propTypes=Z;var re=function(e){function t(e){var n;o(this,t),n=m(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e)),ae.call(f(n));var r=e.value;return(e.min||0===e.min)&&(r=Math.max(e.min,r)),n.state={value:r},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,a=t.disabled,o=(t.iconDescription,t.id),l=t.label,s=t.max,c=t.min,p=t.step,f=t.invalid,m=t.invalidText,h=d(t,["className","disabled","iconDescription","id","label","max","min","step","invalid","invalidText"]),b=r("wfp--number",n),v={disabled:a,id:o,max:s,min:c,step:p,onChange:this.handleChange,value:this.state.value},g={disabled:a,type:"button",className:"wfp--number__control-btn"},y={},w=null;return f&&(y["data-invalid"]=!0,w=i.createElement("div",{className:"wfp--form-requirement"},m)),i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:o,className:"wfp--label"},l),i.createElement("div",u({className:b},y),i.createElement("input",u({type:"number",pattern:"[0-9]*"},h,v,{ref:this._handleInputRef})),i.createElement("div",{className:"wfp--number__controls"},i.createElement("button",u({},g,{onClick:function(t){return e.handleArrowClick(t,"up")}}),i.createElement(E,{className:"up-icon",name:"caret--up",description:this.props.iconDescription,viewBox:"0 2 10 5"})),i.createElement("button",u({},g,{onClick:function(t){return e.handleArrowClick(t,"down")}}),i.createElement(E,{className:"down-icon",name:"caret--down",viewBox:"0 2 10 5",description:this.props.iconDescription})))),w)}}]),t}();Object.defineProperty(re,"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(re,"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 ae=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 r="string"==typeof e.state.value?Number(e.state.value):e.state.value,a=e.props,i=a.disabled,o=a.min,l=a.max,s=a.step;!i&&("down"===n?void 0!==o&&r>o||void 0===o:void 0!==l&&r<l||void 0===l)&&(r="down"===n?r-s:r+s,t.persist(),t.imaginaryTarget=e._inputRef,e.setState({value:r},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 oe=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.props.onChange&&r.props.onChange(r.props.value,r.props.name,e),r.props.input&&r.props.input.onChange&&r.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 ie++,"".concat(e).concat(ie)}()}},{key:"render",value:function(){var e=r("radioButtonWrapper",this.props.className),t=this.props,n=(t.component,t.labelText),a=t.input,o=t.value,l=d(t,["component","labelText","input","value"]);return i.createElement("div",{className:e},i.createElement("input",u({},l,a,{type:"radio",value:a&&a.value?a.value:o,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(oe,"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(oe,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{onChange:function(){}}});var le=function(){};var se=le,ce=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{selected:null}}),Object.defineProperty(f(r),"getRadioButtons",{configurable:!0,enumerable:!0,writable:!0,value:function(){return i.Children.map(r.props.children,function(e){var t=e.props,n=t.value,a=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(oe,u({},a,{name:r.props.name,key:n,value:n,onChange:r.handleChange,checked:n===r.state.selected}))})}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){e!==r.state.selected&&(r.setState({selected:e}),r.props.onChange(e,r.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(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 ue=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,l=new Array(a),s=0;s<a;s++)l[s]=arguments[s];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(l))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{format:"list",hasContent:r.props.value||r.props.defaultValue||!1}}),Object.defineProperty(f(r),"clearInput",{configurable:!0,enumerable:!0,writable:!0,value:function(e){if(r.props.value){var t=Object.assign({},e.target,{target:{value:""}});r.props.onChange(t)}else r.input.value="",r.props.onChange(e);r.setState({hasContent:!1},function(){return r.input.focus()})}}),Object.defineProperty(f(r),"toggleLayout",{configurable:!0,enumerable:!0,writable:!0,value:function(){"list"===r.state.format?r.setState({format:"grid"}):r.setState({format:"list"})}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.setState({hasContent:""!==e.target.value}),r.props.onChange(e)}}),Object.defineProperty(f(r),"searchFilterBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!r.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button","aria-label":r.props.searchButtonLabelText},i.createElement(E,{name:"filter--glyph",description:"filter",className:"wfp--search-filter"}))}}),Object.defineProperty(f(r),"searchLayoutBtn",{configurable:!0,enumerable:!0,writable:!0,value:function(){if(!r.props.small)return i.createElement("button",{className:"wfp--search-button",type:"button",onClick:r.toggleLayout,"aria-label":r.props.layoutButtonLabelText},"list"===r.state.format?i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(E,{name:"list",description:"list",className:"wfp--search-view"})):i.createElement("div",{className:"wfp--search__toggle-layout__container"},i.createElement(E,{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,a=t.type,o=t.id,l=void 0===o?this._inputId=this._inputId||"search__input__id_".concat(Math.random().toString(36).substr(2)):o,s=t.placeHolderText,p=t.labelText,f=t.size,m=d(t,["className","type","id","placeHolderText","labelText","size"]),h=this.state.hasContent,b=r(c({"wfp--search wfp--search-with-options":!0,"wfp--search--lg":!f,"wfp--search--md":"medium"===f,"wfp--search--sm":"small"===f},n,n)),v=r({"wfp--search-close":!0,"wfp--search-close--hidden":!h});return i.createElement("div",{className:b,role:"search"},i.createElement("div",{name:"search--glyph",description:"search",className:"wfp--search-magnifier"}),i.createElement("label",{htmlFor:l,className:"wfp--label"},p),i.createElement("input",u({},m,{type:a,className:"wfp--search-input",id:l,placeholder:s,onChange:this.handleChange,ref:function(t){e.input=t}})),i.createElement(E,{name:"close--glyph",description:"close",className:v,onClick:this.clearInput}))}}]),t}();Object.defineProperty(ue,"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(ue,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{type:"text",small:!1,placeHolderText:"",onChange:function(){}}});var pe=function(e){var t=e.className,n=e.children,a=r("wfp--secondary-tabs__item",t);return i.createElement("li",{className:a},n)};pe.propTypes={className:t.string,children:t.node.isRequired};var de=function(e){var t=e.children,n=e.className,a=e.id,o=r("wfp--secondary-tabs",n);return i.createElement("div",{id:a,className:o},i.createElement("ul",{className:"wfp--secondary-tabs__list"},t))};de.propTypes={children:t.node.isRequired,className:t.string,id:t.string};var fe="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var me,he=(function(e,t){var n=200,r="__lodash_hash_undefined__",a=1,i=2,o=9007199254740991,l="[object Arguments]",s="[object Array]",c="[object AsyncFunction]",u="[object Boolean]",p="[object Date]",d="[object Error]",f="[object Function]",m="[object GeneratorFunction]",h="[object Map]",b="[object Number]",v="[object Null]",g="[object Object]",y="[object Proxy]",w="[object RegExp]",_="[object Set]",N="[object String]",E="[object Symbol]",O="[object Undefined]",C="[object ArrayBuffer]",k="[object DataView]",T=/^\[object .+?Constructor\]$/,x=/^(?:0|[1-9]\d*)$/,j={};j["[object Float32Array]"]=j["[object Float64Array]"]=j["[object Int8Array]"]=j["[object Int16Array]"]=j["[object Int32Array]"]=j["[object Uint8Array]"]=j["[object Uint8ClampedArray]"]=j["[object Uint16Array]"]=j["[object Uint32Array]"]=!0,j[l]=j[s]=j[C]=j[u]=j[k]=j[p]=j[d]=j[f]=j[h]=j[b]=j[g]=j[w]=j[_]=j[N]=j["[object WeakMap]"]=!1;var P="object"==typeof fe&&fe&&fe.Object===Object&&fe,S="object"==typeof self&&self&&self.Object===Object&&self,I=P||S||Function("return this")(),L=t&&!t.nodeType&&t,M=L&&e&&!e.nodeType&&e,R=M&&M.exports===L,q=R&&P.process,D=function(){try{return q&&q.binding&&q.binding("util")}catch(e){}}(),B=D&&D.isTypedArray;function z(e,t){for(var n=-1,r=null==e?0:e.length;++n<r;)if(t(e[n],n,e))return!0;return!1}function A(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function W(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var H,F,U,V=Array.prototype,$=Function.prototype,G=Object.prototype,X=I["__core-js_shared__"],K=$.toString,Y=G.hasOwnProperty,J=(H=/[^.]+$/.exec(X&&X.keys&&X.keys.IE_PROTO||""))?"Symbol(src)_1."+H:"",Q=G.toString,Z=RegExp("^"+K.call(Y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),ee=R?I.Buffer:void 0,te=I.Symbol,ne=I.Uint8Array,re=G.propertyIsEnumerable,ae=V.splice,ie=te?te.toStringTag:void 0,oe=Object.getOwnPropertySymbols,le=ee?ee.isBuffer:void 0,se=(F=Object.keys,U=Object,function(e){return F(U(e))}),ce=Be(I,"DataView"),ue=Be(I,"Map"),pe=Be(I,"Promise"),de=Be(I,"Set"),me=Be(I,"WeakMap"),he=Be(Object,"create"),be=He(ce),ve=He(ue),ge=He(pe),ye=He(de),we=He(me),_e=te?te.prototype:void 0,Ne=_e?_e.valueOf:void 0;function Ee(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Oe(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function Ce(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function ke(e){var t=-1,n=null==e?0:e.length;for(this.__data__=new Ce;++t<n;)this.add(e[t])}function Te(e){var t=this.__data__=new Oe(e);this.size=t.size}function xe(e,t){var n=Ve(e),r=!n&&Ue(e),a=!n&&!r&&$e(e),i=!n&&!r&&!a&&Je(e),o=n||r||a||i,l=o?function(e,t){for(var n=-1,r=Array(e);++n<e;)r[n]=t(n);return r}(e.length,String):[],s=l.length;for(var c in e)!t&&!Y.call(e,c)||o&&("length"==c||a&&("offset"==c||"parent"==c)||i&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||We(c,s))||l.push(c);return l}function je(e,t){for(var n=e.length;n--;)if(Fe(e[n][0],t))return n;return-1}function Pe(e){return null==e?void 0===e?O:v:ie&&ie in Object(e)?function(e){var t=Y.call(e,ie),n=e[ie];try{e[ie]=void 0;var r=!0}catch(e){}var a=Q.call(e);r&&(t?e[ie]=n:delete e[ie]);return a}(e):function(e){return Q.call(e)}(e)}function Se(e){return Ye(e)&&Pe(e)==l}function Ie(e,t,n,r,o){return e===t||(null==e||null==t||!Ye(e)&&!Ye(t)?e!=e&&t!=t:function(e,t,n,r,o,c){var f=Ve(e),m=Ve(t),v=f?s:Ae(e),y=m?s:Ae(t),O=(v=v==l?g:v)==g,T=(y=y==l?g:y)==g,x=v==y;if(x&&$e(e)){if(!$e(t))return!1;f=!0,O=!1}if(x&&!O)return c||(c=new Te),f||Je(e)?Re(e,t,n,r,o,c):function(e,t,n,r,o,l,s){switch(n){case k:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case C:return!(e.byteLength!=t.byteLength||!l(new ne(e),new ne(t)));case u:case p:case b:return Fe(+e,+t);case d:return e.name==t.name&&e.message==t.message;case w:case N:return e==t+"";case h:var c=A;case _:var f=r&a;if(c||(c=W),e.size!=t.size&&!f)return!1;var m=s.get(e);if(m)return m==t;r|=i,s.set(e,t);var v=Re(c(e),c(t),r,o,l,s);return s.delete(e),v;case E:if(Ne)return Ne.call(e)==Ne.call(t)}return!1}(e,t,v,n,r,o,c);if(!(n&a)){var j=O&&Y.call(e,"__wrapped__"),P=T&&Y.call(t,"__wrapped__");if(j||P){var S=j?e.value():e,I=P?t.value():t;return c||(c=new Te),o(S,I,n,r,c)}}if(!x)return!1;return c||(c=new Te),function(e,t,n,r,i,o){var l=n&a,s=qe(e),c=s.length,u=qe(t).length;if(c!=u&&!l)return!1;for(var p=c;p--;){var d=s[p];if(!(l?d in t:Y.call(t,d)))return!1}var f=o.get(e);if(f&&o.get(t))return f==t;var m=!0;o.set(e,t),o.set(t,e);for(var h=l;++p<c;){d=s[p];var b=e[d],v=t[d];if(r)var g=l?r(v,b,d,t,e,o):r(b,v,d,e,t,o);if(!(void 0===g?b===v||i(b,v,n,r,o):g)){m=!1;break}h||(h="constructor"==d)}if(m&&!h){var y=e.constructor,w=t.constructor;y!=w&&"constructor"in e&&"constructor"in t&&!("function"==typeof y&&y instanceof y&&"function"==typeof w&&w instanceof w)&&(m=!1)}return o.delete(e),o.delete(t),m}(e,t,n,r,o,c)}(e,t,n,r,Ie,o))}function Le(e){return!(!Ke(e)||J&&J in e)&&(Ge(e)?Z:T).test(He(e))}function Me(e){if(n=(t=e)&&t.constructor,r="function"==typeof n&&n.prototype||G,t!==r)return se(e);var t,n,r,a=[];for(var i in Object(e))Y.call(e,i)&&"constructor"!=i&&a.push(i);return a}function Re(e,t,n,r,o,l){var s=n&a,c=e.length,u=t.length;if(c!=u&&!(s&&u>c))return!1;var p=l.get(e);if(p&&l.get(t))return p==t;var d=-1,f=!0,m=n&i?new ke:void 0;for(l.set(e,t),l.set(t,e);++d<c;){var h=e[d],b=t[d];if(r)var v=s?r(b,h,d,t,e,l):r(h,b,d,e,t,l);if(void 0!==v){if(v)continue;f=!1;break}if(m){if(!z(t,function(e,t){if(a=t,!m.has(a)&&(h===e||o(h,e,n,r,l)))return m.push(t);var a})){f=!1;break}}else if(h!==b&&!o(h,b,n,r,l)){f=!1;break}}return l.delete(e),l.delete(t),f}function qe(e){return function(e,t,n){var r=t(e);return Ve(e)?r:function(e,t){for(var n=-1,r=t.length,a=e.length;++n<r;)e[a+n]=t[n];return e}(r,n(e))}(e,Qe,ze)}function De(e,t){var n,r,a=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?a["string"==typeof t?"string":"hash"]:a.map}function Be(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Le(n)?n:void 0}Ee.prototype.clear=function(){this.__data__=he?he(null):{},this.size=0},Ee.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Ee.prototype.get=function(e){var t=this.__data__;if(he){var n=t[e];return n===r?void 0:n}return Y.call(t,e)?t[e]:void 0},Ee.prototype.has=function(e){var t=this.__data__;return he?void 0!==t[e]:Y.call(t,e)},Ee.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=he&&void 0===t?r:t,this},Oe.prototype.clear=function(){this.__data__=[],this.size=0},Oe.prototype.delete=function(e){var t=this.__data__,n=je(t,e);return!(n<0||(n==t.length-1?t.pop():ae.call(t,n,1),--this.size,0))},Oe.prototype.get=function(e){var t=this.__data__,n=je(t,e);return n<0?void 0:t[n][1]},Oe.prototype.has=function(e){return je(this.__data__,e)>-1},Oe.prototype.set=function(e,t){var n=this.__data__,r=je(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},Ce.prototype.clear=function(){this.size=0,this.__data__={hash:new Ee,map:new(ue||Oe),string:new Ee}},Ce.prototype.delete=function(e){var t=De(this,e).delete(e);return this.size-=t?1:0,t},Ce.prototype.get=function(e){return De(this,e).get(e)},Ce.prototype.has=function(e){return De(this,e).has(e)},Ce.prototype.set=function(e,t){var n=De(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},ke.prototype.add=ke.prototype.push=function(e){return this.__data__.set(e,r),this},ke.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.clear=function(){this.__data__=new Oe,this.size=0},Te.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},Te.prototype.get=function(e){return this.__data__.get(e)},Te.prototype.has=function(e){return this.__data__.has(e)},Te.prototype.set=function(e,t){var r=this.__data__;if(r instanceof Oe){var a=r.__data__;if(!ue||a.length<n-1)return a.push([e,t]),this.size=++r.size,this;r=this.__data__=new Ce(a)}return r.set(e,t),this.size=r.size,this};var ze=oe?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,a=0,i=[];++n<r;){var o=e[n];t(o,n,e)&&(i[a++]=o)}return i}(oe(e),function(t){return re.call(e,t)}))}:function(){return[]},Ae=Pe;function We(e,t){return!!(t=null==t?o:t)&&("number"==typeof e||x.test(e))&&e>-1&&e%1==0&&e<t}function He(e){if(null!=e){try{return K.call(e)}catch(e){}try{return e+""}catch(e){}}return""}function Fe(e,t){return e===t||e!=e&&t!=t}(ce&&Ae(new ce(new ArrayBuffer(1)))!=k||ue&&Ae(new ue)!=h||pe&&"[object Promise]"!=Ae(pe.resolve())||de&&Ae(new de)!=_||me&&"[object WeakMap]"!=Ae(new me))&&(Ae=function(e){var t=Pe(e),n=t==g?e.constructor:void 0,r=n?He(n):"";if(r)switch(r){case be:return k;case ve:return h;case ge:return"[object Promise]";case ye:return _;case we:return"[object WeakMap]"}return t});var Ue=Se(function(){return arguments}())?Se:function(e){return Ye(e)&&Y.call(e,"callee")&&!re.call(e,"callee")},Ve=Array.isArray;var $e=le||function(){return!1};function Ge(e){if(!Ke(e))return!1;var t=Pe(e);return t==f||t==m||t==c||t==y}function Xe(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=o}function Ke(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Ye(e){return null!=e&&"object"==typeof e}var Je=B?function(e){return function(t){return e(t)}}(B):function(e){return Ye(e)&&Xe(e.length)&&!!j[Pe(e)]};function Qe(e){return null!=(t=e)&&Xe(t.length)&&!Ge(t)?xe(e):Me(e);var t}e.exports=function(e,t){return Ie(e,t)}}(me={exports:{}},me.exports),me.exports),be=function(e){var t=e.labelText,n=e.className,a=e.id,o=e.input,l=e.meta,s=e.placeholder,c=e.type,p=(e.onChange,e.onClick),f=e.hideLabel,m=e.invalid,h=e.invalidText,b=d(e,["labelText","className","id","input","meta","placeholder","type","onChange","onClick","hideLabel","invalid","invalidText"]),v={id:a,onClick:function(e){b.disabled||p(e)},placeholder:s,type:c},g=l?l.error:h,y=l?!l.valid:m,w=a+"-error-msg",_=r("wfp--text-input",n),N=r("wfp--label",{"wfp--visually-hidden":f}),E=t?i.createElement("label",{htmlFor:a,className:N},t):null,O=y?i.createElement("div",{className:"wfp--form-requirement",id:w},g):null,C=y?i.createElement("input",u({},b,o,v,{"data-invalid":!0,"aria-invalid":!0,"aria-describedby":w,className:_})):i.createElement("input",u({},b,o,v,{className:_}));return i.createElement("div",{className:"wfp--form-item"},E,C,O)};be.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},be.defaultProps={className:"wfp--text__input",disabled:!1,type:"text",onChange:function(){},onClick:function(){},invalid:!1,invalidText:""};var ve=function(e,t){return"function"==typeof t?t(e):"".concat(e).concat(t)},ge=function(e){function t(){var e,n,r;o(this,t);for(var a=arguments.length,i=new Array(a),l=0;l<a;l++)i[l]=arguments[l];return m(r,(n=r=m(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(i))),Object.defineProperty(f(r),"state",{configurable:!0,enumerable:!0,writable:!0,value:{dragging:!1,value:r.props.input&&r.props.input.value?r.props.input.value:r.props.value,left:0}}),Object.defineProperty(f(r),"updatePosition",{configurable:!0,enumerable:!0,writable:!0,value:function(e){e&&r.props.disabled||(e&&e.dispatchConfig&&e.persist(),r.state.dragging||(r.setState({dragging:!0}),requestAnimationFrame(function(){r.setState(function(t,n){var a=e&&e.target&&e.target.classList.contains("wfp-slider-text-input"),i=r.calcValue(e,t,n),o=i.left,l=i.newValue,s=a?Number(e.target.value):l;return t.left===o&&t.value===s?{dragging:!1}:("function"==typeof n.onChange&&n.onChange({value:s}),console.log("new",s),r.props.input&&r.props.input.onChange&&r.props.input.onChange(s),{dragging:!1,left:o,value:s})})})))}}),Object.defineProperty(f(r),"calcValue",{configurable:!0,enumerable:!0,writable:!0,value:function(e,t,n){var a,i,o=n.min,l=n.max,s=n.step,c=n.stepMuliplier,u=t.value,p=l-o,d=(u-o)/p*100;if(a=d,i=u,e){var f=e.type;if("keydown"===f){var m={40:-1,37:-1,38:1,39:1}[e.which];if(void 0!==m){var h=s*(!0===e.shiftKey?p/s/c:1);a=d+h/p*100*m,i=Number(u)+h*m}}if("mousemove"===f||"click"===f||"touchmove"===f){var b=e.touches?e.touches[0].clientX:e.clientX,v=r.track.getBoundingClientRect(),g=(b-v.left)/v.width,y=o+Math.round(p*g/s)*s;a=(y-o)/p*100,i=y}}return i<=Number(o)&&(a=0,i=o),i>=Number(l)&&(a=100,i=l),{left:a,newValue:i}}}),Object.defineProperty(f(r),"handleMouseStart",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.addEventListener("mousemove",r.updatePosition),r.element.ownerDocument.addEventListener("mouseup",r.handleMouseEnd)}}),Object.defineProperty(f(r),"handleMouseEnd",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.removeEventListener("mousemove",r.updatePosition),r.element.ownerDocument.removeEventListener("mouseup",r.handleMouseEnd)}}),Object.defineProperty(f(r),"handleTouchStart",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.addEventListener("touchmove",r.updatePosition),r.element.ownerDocument.addEventListener("touchup",r.handleTouchEnd),r.element.ownerDocument.addEventListener("touchend",r.handleTouchEnd),r.element.ownerDocument.addEventListener("touchcancel",r.handleTouchEnd)}}),Object.defineProperty(f(r),"handleTouchEnd",{configurable:!0,enumerable:!0,writable:!0,value:function(){r.element.ownerDocument.removeEventListener("touchmove",r.updatePosition),r.element.ownerDocument.removeEventListener("touchup",r.handleTouchEnd),r.element.ownerDocument.removeEventListener("touchend",r.handleTouchEnd),r.element.ownerDocument.removeEventListener("touchcancel",r.handleTouchEnd)}}),Object.defineProperty(f(r),"handleChange",{configurable:!0,enumerable:!0,writable:!0,value:function(e){r.setState({value:e.target.value}),r.updatePosition(e)}}),n))}return p(t,n.PureComponent),s(t,[{key:"componentDidMount",value:function(){this.updatePosition()}},{key:"componentWillReceiveProps",value:function(e){he(e,this.props)||this.updatePosition(),e.input&&e.input.value!==this.state.value&&this.setState({value:e.input.value})}},{key:"render",value:function(){var e=this,t=this.props,n=t.ariaLabelInput,a=t.className,o=t.hideTextInput,l=t.id,s=void 0===l?this.inputId=this.inputId||"__carbon-slider_".concat(Math.random().toString(36).substr(2)):l,c=t.min,p=t.minLabel,f=t.max,m=t.maxLabel,h=t.formatLabel,b=void 0===h?ve:h,v=t.labelText,g=t.step,y=(t.stepMuliplier,t.inputType),w=t.required,_=t.disabled,N=t.name,E=d(t,["ariaLabelInput","className","hideTextInput","id","min","minLabel","max","maxLabel","formatLabel","labelText","step","stepMuliplier","inputType","required","disabled","name"]),O=this.state,C=O.value,k=O.left,T=r("wfp--slider",{"wfp--slider--disabled":_},a),x={transform:"translate(0%, -50%) scaleX(".concat(k/100,")")},j={left:"".concat(k,"%")};return i.createElement("div",{className:"wfp--form-item"},i.createElement("label",{htmlFor:s,className:"wfp--label"},v),i.createElement("div",{className:"wfp--slider-container"},i.createElement("span",{className:"wfp--slider__range-label"},b(c,p)),i.createElement("div",u({className:T,ref:function(t){e.element=t},onClick:this.updatePosition,onKeyPress:this.updatePosition,role:"presentation",tabIndex:-1},E),i.createElement("div",{className:"wfp--slider__track",ref:function(t){e.track=t}}),i.createElement("div",{className:"wfp--slider__filled-track",style:x}),i.createElement("div",{className:"wfp--slider__thumb",role:"slider",id:s,tabIndex:0,"aria-valuemax":f,"aria-valuemin":c,"aria-valuenow":C,style:j,onMouseDown:this.handleMouseStart,onTouchStart:this.handleTouchStart,onKeyDown:this.updatePosition}),i.createElement("input",{type:"hidden",name:N,value:C,required:w,min:c,max:f,step:g,onChange:this.handleChange})),i.createElement("span",{className:"wfp--slider__range-label"},b(f,m)),!o&&i.createElement(be,{type:y,id:"input-for-slider",className:"wfp-slider-text-input",value:C,onChange:this.handleChange,labelText:"","aria-label":n})))}}]),t}();Object.defineProperty(ge,"propTypes",{configurable:!0,enumerable:!0,writable:!0,value:{className:t.string,hideTextInput:t.bool,id:t.string,onChange:t.func,value:t.number.isRequired,min:t.number.isRequired,minLabel:t.string,max:t.number.isRequired,maxLabel:t.string,formatLabel:t.func,labelText:t.string,step:t.number,stepMuliplier:t.number,children:t.node,disabled:t.bool,name:t.bool,inputType:t.string,ariaLabelInput:t.string}}),Object.defineProperty(ge,"defaultProps",{configurable:!0,enumerable:!0,writable:!0,value:{hideTextInput:!1,step:1,stepMuliplier:4,disabled:!1,minLabel:"",maxLabel:"",inputType:"number",ariaLabelInput:"Slider number input"}});var ye=function(e){var t=e.children,n=e.className,a=r(c({"wfp--story":!0},"".concat(n),n));return i.createElement(h,{className:a},t)};ye.propTypes={children:t.node,className:t.string};var we=function(e){var t=e.className,n=e.id,a=e.labelText,o=e.hideLabel,l=e.onChange,s=e.onClick,c=e.input,p=e.invalid,f=e.invalidText,m=d(e,["className","id","labelText","hideLabel","onChange","onClick","input","invalid","invalidText"]),h={id:n,onChange:function(e){m.disabled||l(e)},onClick:function(e){m.disabled||s(e)}},b=r("wfp--text-area",t),v=r("wfp--label",{"wfp--visually-hidden":o}),g=a?i.createElement("label",{htmlFor:n,className:v},a):null,y=p?i.createElement("div",{className:"wfp--form-requirement"},f):null,w=p?i.createElement("textarea",u({},m,c,h,{className:b,"data-invalid":!0})):i.createElement("textarea",u({},m,c,h,{className:b}));return i.createElement("div",{className:"wfp--form-item"},g,w,y)};we.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},we.defaultProps={disabled:!1,onChange:function(){},onClick:function(){},placeholder:"",rows:4,cols:50,invalid:!1,invalidText:""};var _e=function(e){var t,n=e.alt,a=e.className,o=e.image,l=e.title,s=d(e,["alt","className","image","title"]);t=o&&o.includes("auto")||void 0===o?i.createElement("div",{className:"wfp--user-icon wfp--user-icon--empty",alt:n}):i.createElement("img",{alt:n,className:"wfp--user-icon",src:o});var c=r("wfp--user",{className:a});return i.createElement("div",u({className:c},s),t,i.createElement("span",null,l))};_e.propTypes={alt:t.string,image:t.string,title:t.string},_e.defaultProps={alt:"User Icon",title:"No Name"},e.Blockquote=g,e.Breadcrumb=y,e.BreadcrumbItem=_,e.BreadcrumbHome=N,e.Button=O,e.Checkbox=C,e.Footer=k,e.Form=T,e.FormGroup=x,e.FormItem=j,e.FormLabel=P,e.Link=w,e.NumberInput=re,e.RadioButton=oe,e.RadioButtonGroup=ce,e.Search=ue,e.Slider=ge,e.Story=ye,e.TextArea=we,e.TextInput=be,e.User=_e,e.Wrapper=h,e.BannerNavigation=v,e.BannerNavigationItem=b,e.MainNavigation=G,e.MainNavigationItem=W,e.SubMenuList=Y,e.SubMenuSection=K,e.SubMenuItem=X,e.Module=ee,e.ModuleBody=te,e.ModuleHeader=ne,e.SecondaryTabs=de,e.SecondaryTabsItem=pe,Object.defineProperty(e,"__esModule",{value:!0})});

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

Worsened metrics

Total package byte prevSize

10194666

decreased by-5.06%

Dev dependency count

78

increased by1.3%

Number of package files

651

decreased by-21.19%

Lines of code

25532

decreased by-32.08%

No dependency changes