Merge pull request #783 from interactivellama/private-components

Move internal sub-render components to private

Author: interactivellama

RELEASENOTES.md

@@ -11,9 +11,27 @@ These are changes that have backwards-compatible solutions present and that comp
 - `DataTable`'s' `collection`, `onSelect`, `onDeselect` are deprecated.
 - The prop `modal` in `DatePicker`, `Lookup`, `MenuDropdown`, `MenuPicklist`, `TimePicker` is deprecated
 - Remove `openByDefault` from `PopoverTooltip`.
+- Remove alias component files. Please update the following removed files to their new file name.
+    - tabs/pane
+    - SLDSSettings
+    - lookup/menu/
+    - lookup/menu/default-footer
+    - lookup/menu/default-header
+    - lookup/menu/default-section-divider
+    - lookup/menu/item/
+    - menu-list/list-item-label
+    - menu-list/list-item
+    - menu-list/list
 
 ---
 
+## Release 0.5.2
+
+**MINOR CHANGES**
+
+- React components that are really just sub-renders and are not meant to be consumed by end-users of this project have been moved to `components/[COMPONENT_NAME]/private`. Feel free to continue using components that are still in `components/[COMPONENT_NAME]` folder and consider them part of the public API. Hopefully, this adds clarity to what components can and should be used.
+
+
 ## Release 0.5.1
 
 **DOCUMENTATION**

components/README.md

@@ -0,0 +1,5 @@
+# Components
+
+- This folder contains approved SLDS components and "lower order" components that get passed in (typically as children) to the approved SLDS components.
+- Components within folders labelled `private` are for internal usage only and are not intended to be a part of the public API of this project.
+- Components in `utilities` are shared components that are not part of the public API of this project.

components/card/empty/index.jsx renamed to components/card/empty.jsx

@@ -16,7 +16,7 @@ import React from 'react';
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;
 
-import { CARD_EMPTY } from '../../../utilities/constants';
+import { CARD_EMPTY } from '../../utilities/constants';
 
 /**
  * A default empty state for Cards.

components/card/filter/index.jsx renamed to components/card/filter.jsx

@@ -13,13 +13,13 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 // React is an external dependency of the project.
 import React from 'react';
 
-import Input from '../../forms/input';
-import InputIcon from '../../icon/input-icon';
+import Input from '../forms/input';
+import InputIcon from '../icon/input-icon';
 
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;
 
-import { CARD_FILTER } from '../../../utilities/constants';
+import { CARD_FILTER } from '../../utilities/constants';
 
 /**
  * A default filter or search input for Cards that contain items.

components/card/index.jsx

@@ -24,9 +24,9 @@ import React from 'react';
 import classnames from 'classnames';
 
 // ## Children
-import Header from './header';
-import Body from './body';
-import Footer from './footer';
+import Header from './private/header';
+import Body from './private/body';
+import Footer from './private/footer';
 import Empty from './empty';
 
 // Removes the need for `PropTypes`.

components/card/body.jsx renamed to components/card/private/body.jsx

@@ -13,7 +13,7 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 // React is an external dependency of the project.
 import React from 'react';
 
-import { CARD_BODY } from '../../utilities/constants';
+import { CARD_BODY } from '../../../utilities/constants';
 
 // ### classNames
 // [github.com/JedWatson/classnames](https://github.com/JedWatson/classnames)

components/card/footer.jsx renamed to components/card/private/footer.jsx

@@ -13,7 +13,7 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 // React is an external dependency of the project.
 import React from 'react';
 
-import { CARD_FOOTER } from '../../utilities/constants';
+import { CARD_FOOTER } from '../../../utilities/constants';
 
 const CardFooter = (props) => (
 	<div className="slds-card__footer">

components/card/header.jsx renamed to components/card/private/header.jsx

@@ -20,12 +20,12 @@ import React from 'react';
 import classnames from 'classnames';
 
 // ## Children
-import MediaObject from '../media-object';
+import MediaObject from '../../media-object';
 
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;
 
-import { CARD_HEADER } from '../../utilities/constants';
+import { CARD_HEADER } from '../../../utilities/constants';
 
 // Allow for predicatable DOM queries with `querySelectorAll(cssClasses.base)`
 const idSuffixes = {

components/data-table/index.jsx

@@ -44,8 +44,8 @@ import checkProps from './check-props';
 // ## Children
 import DataTableCell from './cell';
 import DataTableColumn from './column';
-import DataTableHead from './head';
-import DataTableRow from './row';
+import DataTableHead from './private/head';
+import DataTableRow from './private/row';
 import DataTableRowActions from './row-actions';
 
 // ## Constants

components/data-table/head.jsx renamed to components/data-table/private/head.jsx

@@ -13,11 +13,11 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 import React from 'react';
 
 // ## Children
-import Checkbox from '../forms/checkbox';
+import Checkbox from '../../forms/checkbox';
 import HeaderCell from './header-cell';
 
 // ## Constants
-import { DATA_TABLE_HEAD, DATA_TABLE_HEADER_CELL } from '../../utilities/constants';
+import { DATA_TABLE_HEAD, DATA_TABLE_HEADER_CELL } from '../../../utilities/constants';
 
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;

components/data-table/header-cell.jsx renamed to components/data-table/private/header-cell.jsx

@@ -19,10 +19,10 @@ import classNames from 'classnames';
 import isFunction from 'lodash.isfunction';
 
 // ## Children
-import Button from '../button';
+import Button from '../../button';
 
 // ## Constants
-import { DATA_TABLE_HEADER_CELL } from '../../utilities/constants';
+import { DATA_TABLE_HEADER_CELL } from '../../../utilities/constants';
 
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;

components/data-table/row.jsx renamed to components/data-table/private/row.jsx

@@ -19,10 +19,10 @@ import classNames from 'classnames';
 import find from 'lodash.find';
 
 // ## Children
-import Checkbox from '../forms/checkbox';
+import Checkbox from '../../forms/checkbox';
 
 // ## Constants
-import { DATA_TABLE_ROW, DATA_TABLE_ROW_ACTIONS, DATA_TABLE_CELL } from '../../utilities/constants';
+import { DATA_TABLE_ROW, DATA_TABLE_ROW_ACTIONS, DATA_TABLE_CELL } from '../../../utilities/constants';
 
 // Removes the need for `PropTypes`.
 const { PropTypes } = React;

components/date-picker/index.jsx

@@ -7,12 +7,10 @@
  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-'use strict';
-
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Dialog from '../utilities/dialog';
-import DatePicker from './date-picker-base/index';
+import DatePicker from './private/date-picker-base/index';
 import InputIcon from '../icon/input-icon';
 
 // This component's `checkProps` which issues warnings to developers about properties
@@ -48,8 +46,9 @@ const propTypes = {
 	 * Date
 	 */
 	value: React.PropTypes.instanceOf(Date),
-	weekDayLabels: React.PropTypes.array,
+	weekDayLabels: React.PropTypes.array
 };
+
 const defaultProps = {
 	abbrWeekDayLabels: ['S','M','T','W','T','F','S'],
 	formatter (date) {

components/date-picker/calendar/calendar-day/index.jsx renamed to components/date-picker/private/calendar/calendar-day/index.jsx

@@ -7,10 +7,8 @@ Neither the name of salesforce.com, inc. nor the names of its contributors may b
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-'use strict';
-
 import React from 'react';
-import {KEYS,EventUtil,DateUtil} from '../../../../utilities';
+import { KEYS, EventUtil, DateUtil } from '../../../../../utilities';
 
 module.exports = React.createClass({
 

components/date-picker/calendar/calendar-week/index.jsx renamed to components/date-picker/private/calendar/calendar-week/index.jsx

@@ -7,12 +7,10 @@ Neither the name of salesforce.com, inc. nor the names of its contributors may b
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-'use strict';
-
 import React from 'react';
 
 import Day from '../calendar-day/index';
-import {DateUtil} from '../../../../utilities';
+import { DateUtil } from '../../../../../utilities';
 
 
 module.exports = React.createClass({

components/date-picker/calendar/index.jsx renamed to components/date-picker/private/calendar/index.jsx

@@ -6,11 +6,10 @@ Redistributions in binary form must reproduce the above copyright notice, this l
 Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
-'use strict';
 
 import React from 'react';
 import Week from './calendar-week/index';
-import {EventUtil, DateUtil, KEYS} from '../../../utilities';
+import { EventUtil, DateUtil, KEYS } from '../../../../utilities';
 
 module.exports = React.createClass({
 

components/date-picker/date-picker-base/date-picker-nav/index.jsx renamed to components/date-picker/private/date-picker-base/date-picker-nav/index.jsx

@@ -7,14 +7,12 @@ Neither the name of salesforce.com, inc. nor the names of its contributors may b
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-'use strict';
-
 import React from 'react';
 import SelectYear from '../../year-selector/index';
-import ButtonIcon from './../../../icon/button-icon';
-import {DateUtil, EventUtil, KEYS} from './../../../../utilities';
+import ButtonIcon from '.././../../../icon/button-icon';
+import { DateUtil, EventUtil, KEYS } from '.././../../../../utilities';
 
-module.exports = React.createClass( {
+module.exports = React.createClass({
 
   getDefaultProps (){
     return {

components/date-picker/date-picker-base/index.jsx renamed to components/date-picker/private/date-picker-base/index.jsx

@@ -7,17 +7,12 @@ Neither the name of salesforce.com, inc. nor the names of its contributors may b
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-'use strict';
-
 import React from 'react';
 import Calendar from '../calendar/index';
 import DatePickerNav from './date-picker-nav/index';
-import {EventUtil} from './../../../utilities';
-
-import {KEYS} from '../../../utilities';
-
+import { EventUtil, KEYS } from '../../../../utilities';
 
-module.exports = React.createClass( {
+module.exports = React.createClass({
 
   getDefaultProps () {
     return {

components/date-picker/year-selector/index.jsx renamed to components/date-picker/private/year-selector/index.jsx

@@ -7,12 +7,10 @@ Neither the name of salesforce.com, inc. nor the names of its contributors may b
 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */
 
-'use strict';
-
 import React from 'react';
-import MenuPicklist from '../../menu-picklist';
+import MenuPicklist from '../../../menu-picklist';
 
-module.exports = React.createClass( {
+module.exports = React.createClass({
 
   displayName: 'YearSelector',
 

components/global-header/dropdown.jsx

@@ -18,7 +18,7 @@ import React, { PropTypes } from 'react';
 
 // ### Dropdown
 import MenuDropdown from '../menu-dropdown';
-import GlobalHeaderTrigger from './dropdown-trigger';
+import GlobalHeaderTrigger from './private/dropdown-trigger';
 
 // ## Constants
 import { GLOBAL_HEADER_TOOL } from '../../utilities/constants';

components/global-header/index.jsx

@@ -17,17 +17,14 @@ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
 // ## Dependencies
 
 // ### React
-import React from 'react';
+import React, { PropTypes } from 'react';
 
 // ### Event Helpers
 import { EventUtil } from '../../utilities';
 
 // ## Constants
 import { GLOBAL_HEADER, GLOBAL_HEADER_PROFILE, GLOBAL_HEADER_SEARCH, GLOBAL_HEADER_TOOL } from '../../utilities/constants';
 
-// Removes the need for `PropTypes`.
-const { PropTypes } = React;
-
 /**
  * The global header is the anchor for the Salesforce platform and spans all other parts of the UI. It accepts children to define the items displayed within.
  *

components/global-header/dropdown-trigger.jsx renamed to components/global-header/private/dropdown-trigger.jsx

@@ -26,7 +26,7 @@ import classnames from 'classnames';
 import Button from '../button';
 
 // ### Children
-import { MENU_DROPDOWN_TRIGGER } from '../../utilities/constants';
+import { MENU_DROPDOWN_TRIGGER } from '../../../utilities/constants';
 
 /**
 *  The Dropdown Button Trigger renders the default trigger button for the dropdown menu. If this component has children, it does not render itself to the DOM. Instead, it renders its child element, `Button`, and all that child's properties. This component may be used as a template to create custom triggers that do not use `Button`.

components/global-header/profile.jsx

@@ -21,7 +21,7 @@ import classnames from 'classnames';
 
 // ### Dropdown
 import MenuDropdown from '../menu-dropdown';
-import GlobalHeaderTrigger from './dropdown-trigger';
+import GlobalHeaderTrigger from './private/dropdown-trigger';
 
 // ## Constants
 import { GLOBAL_HEADER_PROFILE } from '../../utilities/constants';
@@ -70,7 +70,7 @@ GlobalHeaderProfile.propTypes = {
 	 */
 	align: PropTypes.oneOf(['left', 'right']),
 	/**
-	 * By default, any children passed into this component will be rendered inside the dropdown menu. If you need custom content and a list, import 'design-system-react/components/menu-list/list' and pass in `<List>`.
+	 * By default, any children passed into this component will be rendered inside the dropdown menu. If you need custom content and a list, import 'design-system-react/components/utilities/menu-list/list' and pass in `<List>`.
 	 *
 	 * ```
 	 * <Dropdown>

components/lookup/footer.jsx

@@ -0,0 +1,65 @@
+/*
+	 Copyright (c) 2015, salesforce.com, inc. All rights reserved.
+	 Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
+	 Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
+	 Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
+	 Neither the name of salesforce.com, inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
+	 THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+	 */
+
+// Implements the [Lookup design pattern](https://latest-204.lightningdesignsystem.com/components/lookups) in React.
+// Based on SLDS v2.1.0-dev
+
+import React from 'react';
+import Icon from '../icon';
+import { EventUtil } from '../../utilities';
+
+const displayName = "LookupDefaultFooter";
+const propTypes = {};
+const defaultProps = {};
+
+class DefaultFooter extends React.Component {
+	constructor(props) {
+		super(props);
+	}
+
+	componentWillReceiveProps(nextProps){
+		if(nextProps.isActive !== this.props.isActive && nextProps.isActive === true) {
+			this.props.setFocus('newItem');
+		}
+	}
+
+	handleClick(){
+		if(this.props.onClose){
+			this.props.onClose();
+		}
+	}
+
+	handleMouseDown(event) {
+		EventUtil.trapImmediate(event);
+	}
+
+	render(){
+		let className = 'slds-lookup__item-action slds-lookup__item-action--label';
+		if(this.props.isActive) className += ' slds-theme--shade'
+
+		return (
+			<div className="js-slds-lookup__item" onClick={this.handleClick.bind(this)} onMouseDown={this.handleMouseDown.bind(this)}>
+				<a id="newItem" href="javascript:void(0);" className={className}>
+					<span className="lookup__item-action-label">
+						<Icon name='add' category="utility" size="x-small" className="slds-icon-text-default" />
+						<span className="slds-truncate">
+							{this.props.newItemLabel ? this.props.newItemLabel : "Add New Item" }
+						</span>
+					</span>
+				</a>
+			</div>
+		)
+	}
+}
+
+DefaultFooter.displayName = displayName;
+DefaultFooter.propTypes = propTypes;
+DefaultFooter.defaultProps = defaultProps;
+
+module.exports = DefaultFooter;