@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
1,234 lines (1,057 loc) • 2.68 MB
JavaScript
/*!
* design-system-react
* v0.10.7
* Copyright (c) 2015-present, 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 the Salesforce.com 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 COPYRIGHT HOLDER 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.
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"), require("react-dom"));
else if(typeof define === 'function' && define.amd)
define(["react", "react-dom"], factory);
else if(typeof exports === 'object')
exports["design-system-react"] = factory(require("react"), require("react-dom"));
else
root["design-system-react"] = factory(root["React"], root["ReactDOM"]);
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_15__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 107);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
if (false) {
var REACT_ELEMENT_TYPE = (typeof Symbol === 'function' &&
Symbol.for &&
Symbol.for('react.element')) ||
0xeac7;
var isValidElement = function(object) {
return typeof object === 'object' &&
object !== null &&
object.$$typeof === REACT_ELEMENT_TYPE;
};
// By explicitly using `prop-types` you are opting into new development behavior.
// http://fb.me/prop-types-in-prod
var throwOnDirectAccess = true;
module.exports = require('./factoryWithTypeCheckers')(isValidElement, throwOnDirectAccess);
} else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(110)();
}
/***/ }),
/* 2 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PROGRESS_INDICATOR = exports.POPOVER_TOOLTIP = exports.POPOVER_EDIT_DIALOG = exports.POPOVER = exports.PILL_CONTAINER = exports.PILL = exports.PAGE_HEADER = exports.PANEL_FILTER_LIST_HEADING = exports.PANEL_FILTER_LIST = exports.PANEL_FILTER_GROUP = exports.PANEL = exports.NOTIFICATION = exports.MODAL = exports.MENU_PICKLIST = exports.MENU_DROPDOWN_TRIGGER = exports.MENU_DROPDOWN = exports.MEDIA_OBJECT = exports.LOOKUP = exports.LISTBOX_OF_PILL_OPTIONS = exports.LIST_ITEM_LABEL = exports.LIST_ITEM = exports.LIST = exports.ILLUSTRATION = exports.ICON_INPUT = exports.ICON_SETTINGS = exports.ICON = exports.HIGHLIGHTER = exports.GRID = exports.GLOBAL_NAVIGATION_BAR_APP_LAUNCHER = exports.GLOBAL_NAVIGATION_BAR_REGION = exports.GLOBAL_NAVIGATION_BAR_LINK = exports.GLOBAL_NAVIGATION_BAR_LABEL = exports.GLOBAL_NAVIGATION_BAR_DROPDOWN = exports.GLOBAL_NAVIGATION_BAR_BUTTON = exports.GLOBAL_NAVIGATION_BAR = exports.GLOBAL_HEADER_TOOL = exports.GLOBAL_HEADER_TASK = exports.GLOBAL_HEADER_SETUP = exports.GLOBAL_HEADER_SEARCH = exports.GLOBAL_HEADER_PROFILE = exports.GLOBAL_HEADER_NOTIFICATIONS = exports.GLOBAL_HEADER_HELP = exports.GLOBAL_HEADER_FAVORITES = exports.GLOBAL_HEADER_DROPDOWN = exports.GLOBAL_HEADER_BUTTON = exports.GLOBAL_HEADER = exports.SEARCH = exports.TEXTAREA = exports.INPUT = exports.FORMS_INLINE_EDIT = exports.CHECKBOX = exports.FILTER = exports.EXPANDABLE_SECTION = exports.DIALOG = exports.DYNAMIC_ICON = exports.DEPRECATED_WARNING = exports.DATE_PICKER = exports.DATA_TABLE_ROW = exports.DATA_TABLE_ROW_ACTIONS = exports.DATA_TABLE_HEADER_CELL = exports.DATA_TABLE_HEAD = exports.DATA_TABLE_COLUMN = exports.DATA_TABLE_CELL = exports.DATA_TABLE = exports.COMBOBOX = exports.COLOR_PICKER = exports.CAROUSEL_AUTOPLAY_BUTTON = exports.CAROUSEL_NAVIGATORS = exports.CAROUSEL_ITEM = exports.CAROUSEL_INDICATORS = exports.CAROUSEL = exports.CARD_HEADER = exports.CARD_FOOTER = exports.CARD_FILTER = exports.CARD_EMPTY = exports.CARD_BODY = exports.CARD = exports.BUTTON_ICON = exports.BUTTON_STATEFUL = exports.BUTTON_GROUP = exports.BUTTON = exports.BUILDER_HEADER_TOOLBAR = exports.BUILDER_HEADER_NAV_LINK = exports.BUILDER_HEADER_NAV_DROPDOWN = exports.BUILDER_HEADER_NAV = exports.BUILDER_HEADER = exports.BREADCRUMB = exports.BREAD_CRUMB = exports.BRAND_BAND = exports.AVATAR = exports.APP_LAUNCHER_HEADER = exports.APP_LAUNCHER_TILE = exports.APP_LAUNCHER_LINK = exports.APP_LAUNCHER_SECTION = exports.APP_LAUNCHER_EXPANDABLE_SECTION = exports.APP_LAUNCHER = exports.ALERT_CONTAINER = exports.ALERT = exports.ACCORDION_PANEL = exports.ACCORDION = void 0;
exports.VISUAL_PICKER_LINK = exports.VISUAL_PICKER = exports.VERTICAL_NAVIGATION_ITEM = exports.VERTICAL_NAVIGATION = exports.TRIAL_BAR_BUTTON = exports.TRIAL_BAR_DROPDOWN = exports.TRIAL_BAR = exports.TREE_ITEM = exports.TREE_BRANCH = exports.TREE = exports.TOAST_CONTAINER = exports.TOAST = exports.TIME_PICKER = exports.TABS_PANEL = exports.TABS_LIST = exports.TABS = exports.TAB_PANEL = exports.TAB_ITEM = exports.TAB = exports.RADIO_BUTTON_GROUP = exports.RADIO_GROUP = exports.RADIO = exports.SPLIT_VIEW_LISTBOX = exports.SPLIT_VIEW_HEADER = exports.SPLIT_VIEW = exports.SPINNER = exports.SLIDER = exports.SCOPED_NOTIFICATION = exports.SETUP_ASSISTANT_STEP = exports.SETUP_ASSISTANT = exports.PROGRESS_BAR = exports.PROGRESS_RING = exports.PROGRESS_INDICATOR_STEP_VERTICAL = exports.PROGRESS_INDICATOR_STEP = exports.PROGRESS_INDICATOR_PROGRESS = void 0;
// ## Components
var ACCORDION = 'SLDSAccordion';
exports.ACCORDION = ACCORDION;
var ACCORDION_PANEL = 'SLDSAccordionPanel';
exports.ACCORDION_PANEL = ACCORDION_PANEL;
var ALERT = 'SLDSAlert';
exports.ALERT = ALERT;
var ALERT_CONTAINER = 'SLDSAlertContainer';
exports.ALERT_CONTAINER = ALERT_CONTAINER;
var APP_LAUNCHER = 'SLDSAppLauncher';
exports.APP_LAUNCHER = APP_LAUNCHER;
var APP_LAUNCHER_EXPANDABLE_SECTION = 'SLDSAppLauncherExpandableSection';
/* Remove at next breaking change */
exports.APP_LAUNCHER_EXPANDABLE_SECTION = APP_LAUNCHER_EXPANDABLE_SECTION;
var APP_LAUNCHER_SECTION = 'SLDSAppLauncherSection';
exports.APP_LAUNCHER_SECTION = APP_LAUNCHER_SECTION;
var APP_LAUNCHER_LINK = 'SLDSAppLauncherLink';
exports.APP_LAUNCHER_LINK = APP_LAUNCHER_LINK;
var APP_LAUNCHER_TILE = 'SLDSAppLauncherTile';
exports.APP_LAUNCHER_TILE = APP_LAUNCHER_TILE;
var APP_LAUNCHER_HEADER = 'SLDSAppLauncherHeader';
exports.APP_LAUNCHER_HEADER = APP_LAUNCHER_HEADER;
var AVATAR = 'SLDSAvatar';
exports.AVATAR = AVATAR;
var BRAND_BAND = 'SLDSBrandBand';
/* Remove at next breaking change */
exports.BRAND_BAND = BRAND_BAND;
var BREAD_CRUMB = 'SLDSBreadcrumb';
exports.BREAD_CRUMB = BREAD_CRUMB;
var BREADCRUMB = 'SLDSBreadcrumb';
exports.BREADCRUMB = BREADCRUMB;
var BUILDER_HEADER = 'SLDSBuilderHeader';
exports.BUILDER_HEADER = BUILDER_HEADER;
var BUILDER_HEADER_NAV = 'SLDSBuilderHeaderNav';
exports.BUILDER_HEADER_NAV = BUILDER_HEADER_NAV;
var BUILDER_HEADER_NAV_DROPDOWN = 'SLDSBuilderHeaderNavDropdown';
exports.BUILDER_HEADER_NAV_DROPDOWN = BUILDER_HEADER_NAV_DROPDOWN;
var BUILDER_HEADER_NAV_LINK = 'SLDSBuilderHeaderNavLink';
exports.BUILDER_HEADER_NAV_LINK = BUILDER_HEADER_NAV_LINK;
var BUILDER_HEADER_TOOLBAR = 'SLDSBuilderHeaderToolbar';
exports.BUILDER_HEADER_TOOLBAR = BUILDER_HEADER_TOOLBAR;
var BUTTON = 'SLDSButton';
exports.BUTTON = BUTTON;
var BUTTON_GROUP = 'SLDSButtonGroup';
exports.BUTTON_GROUP = BUTTON_GROUP;
var BUTTON_STATEFUL = 'SLDSButtonStateful';
exports.BUTTON_STATEFUL = BUTTON_STATEFUL;
var BUTTON_ICON = 'SLDSButtonIcon'; // a non-interctive icon wrapper for SLDSUtilityIcon
exports.BUTTON_ICON = BUTTON_ICON;
var CARD = 'SLDSCard';
exports.CARD = CARD;
var CARD_BODY = 'SLDSCardBody';
exports.CARD_BODY = CARD_BODY;
var CARD_EMPTY = 'SLDSCardEmpty';
exports.CARD_EMPTY = CARD_EMPTY;
var CARD_FILTER = 'SLDSCardFilter';
exports.CARD_FILTER = CARD_FILTER;
var CARD_FOOTER = 'SLDSCardFooter';
exports.CARD_FOOTER = CARD_FOOTER;
var CARD_HEADER = 'SLDSCardHeader';
exports.CARD_HEADER = CARD_HEADER;
var CAROUSEL = 'SLDSCarousel';
exports.CAROUSEL = CAROUSEL;
var CAROUSEL_INDICATORS = 'SLDSCarouselIndicators';
exports.CAROUSEL_INDICATORS = CAROUSEL_INDICATORS;
var CAROUSEL_ITEM = 'SLDSCarouselItem';
exports.CAROUSEL_ITEM = CAROUSEL_ITEM;
var CAROUSEL_NAVIGATORS = 'SLDSCarouselNavigators';
exports.CAROUSEL_NAVIGATORS = CAROUSEL_NAVIGATORS;
var CAROUSEL_AUTOPLAY_BUTTON = 'SLDSCarouselAutoplayButton';
exports.CAROUSEL_AUTOPLAY_BUTTON = CAROUSEL_AUTOPLAY_BUTTON;
var COLOR_PICKER = 'SLDSColorPicker';
exports.COLOR_PICKER = COLOR_PICKER;
var COMBOBOX = 'SLDSCombobox';
exports.COMBOBOX = COMBOBOX;
var DATA_TABLE = 'SLDSDataTable';
exports.DATA_TABLE = DATA_TABLE;
var DATA_TABLE_CELL = 'SLDSDataTableCell';
exports.DATA_TABLE_CELL = DATA_TABLE_CELL;
var DATA_TABLE_COLUMN = 'SLDSDataTableColumn';
exports.DATA_TABLE_COLUMN = DATA_TABLE_COLUMN;
var DATA_TABLE_HEAD = 'SLDSDataTableHead';
exports.DATA_TABLE_HEAD = DATA_TABLE_HEAD;
var DATA_TABLE_HEADER_CELL = 'SLDSDataTableHeaderCell';
exports.DATA_TABLE_HEADER_CELL = DATA_TABLE_HEADER_CELL;
var DATA_TABLE_ROW_ACTIONS = 'SLDSDataTableRowActions';
exports.DATA_TABLE_ROW_ACTIONS = DATA_TABLE_ROW_ACTIONS;
var DATA_TABLE_ROW = 'SLDSDataTableRow';
exports.DATA_TABLE_ROW = DATA_TABLE_ROW;
var DATE_PICKER = 'SLDSDatePicker';
exports.DATE_PICKER = DATE_PICKER;
var DEPRECATED_WARNING = 'SLDSDeprecatedWarning';
exports.DEPRECATED_WARNING = DEPRECATED_WARNING;
var DYNAMIC_ICON = 'SLDSDynamicIcon';
exports.DYNAMIC_ICON = DYNAMIC_ICON;
var DIALOG = 'SLDSDialog';
exports.DIALOG = DIALOG;
var EXPANDABLE_SECTION = 'SLDSExpandableSection';
exports.EXPANDABLE_SECTION = EXPANDABLE_SECTION;
var FILTER = 'SLDSFilter';
exports.FILTER = FILTER;
var CHECKBOX = 'SLDSCheckbox';
exports.CHECKBOX = CHECKBOX;
var FORMS_INLINE_EDIT = 'SLDSInlineEdit';
exports.FORMS_INLINE_EDIT = FORMS_INLINE_EDIT;
var INPUT = 'SLDSInput';
exports.INPUT = INPUT;
var TEXTAREA = 'SLDSTextarea';
exports.TEXTAREA = TEXTAREA;
var SEARCH = 'SLDSSearch';
exports.SEARCH = SEARCH;
var GLOBAL_HEADER = 'SLDSGlobalHeader';
exports.GLOBAL_HEADER = GLOBAL_HEADER;
var GLOBAL_HEADER_BUTTON = 'SLDSGlobalHeaderButton';
exports.GLOBAL_HEADER_BUTTON = GLOBAL_HEADER_BUTTON;
var GLOBAL_HEADER_DROPDOWN = 'SLDSGlobalHeaderDropdown';
exports.GLOBAL_HEADER_DROPDOWN = GLOBAL_HEADER_DROPDOWN;
var GLOBAL_HEADER_FAVORITES = 'SLDSGlobalHeaderFavorites';
exports.GLOBAL_HEADER_FAVORITES = GLOBAL_HEADER_FAVORITES;
var GLOBAL_HEADER_HELP = 'SLDSGlobalHeaderHelp';
exports.GLOBAL_HEADER_HELP = GLOBAL_HEADER_HELP;
var GLOBAL_HEADER_NOTIFICATIONS = 'SLDSGlobalHeaderNotifications';
exports.GLOBAL_HEADER_NOTIFICATIONS = GLOBAL_HEADER_NOTIFICATIONS;
var GLOBAL_HEADER_PROFILE = 'SLDSGlobalHeaderProfile';
exports.GLOBAL_HEADER_PROFILE = GLOBAL_HEADER_PROFILE;
var GLOBAL_HEADER_SEARCH = 'SLDSGlobalHeaderSearch';
exports.GLOBAL_HEADER_SEARCH = GLOBAL_HEADER_SEARCH;
var GLOBAL_HEADER_SETUP = 'SLDSGlobalHeaderSetup';
exports.GLOBAL_HEADER_SETUP = GLOBAL_HEADER_SETUP;
var GLOBAL_HEADER_TASK = 'SLDSGlobalHeaderTask';
exports.GLOBAL_HEADER_TASK = GLOBAL_HEADER_TASK;
var GLOBAL_HEADER_TOOL = 'SLDSGlobalHeaderTool';
exports.GLOBAL_HEADER_TOOL = GLOBAL_HEADER_TOOL;
var GLOBAL_NAVIGATION_BAR = 'SLDSGlobalNavigationBar';
exports.GLOBAL_NAVIGATION_BAR = GLOBAL_NAVIGATION_BAR;
var GLOBAL_NAVIGATION_BAR_BUTTON = 'SLDSGlobalNavigationBarButton';
exports.GLOBAL_NAVIGATION_BAR_BUTTON = GLOBAL_NAVIGATION_BAR_BUTTON;
var GLOBAL_NAVIGATION_BAR_DROPDOWN = 'SLDSGlobalNavigationBarDropdown';
exports.GLOBAL_NAVIGATION_BAR_DROPDOWN = GLOBAL_NAVIGATION_BAR_DROPDOWN;
var GLOBAL_NAVIGATION_BAR_LABEL = 'SLDSGlobalNavigationBarLabel';
exports.GLOBAL_NAVIGATION_BAR_LABEL = GLOBAL_NAVIGATION_BAR_LABEL;
var GLOBAL_NAVIGATION_BAR_LINK = 'SLDSGlobalNavigationBarLink';
exports.GLOBAL_NAVIGATION_BAR_LINK = GLOBAL_NAVIGATION_BAR_LINK;
var GLOBAL_NAVIGATION_BAR_REGION = 'SLDSGlobalNavigationBarRegion';
exports.GLOBAL_NAVIGATION_BAR_REGION = GLOBAL_NAVIGATION_BAR_REGION;
var GLOBAL_NAVIGATION_BAR_APP_LAUNCHER = 'SLDSGlobalNavigationBarAppLauncher';
exports.GLOBAL_NAVIGATION_BAR_APP_LAUNCHER = GLOBAL_NAVIGATION_BAR_APP_LAUNCHER;
var GRID = 'SLDSGrid';
exports.GRID = GRID;
var HIGHLIGHTER = 'SLDSHighlighter';
exports.HIGHLIGHTER = HIGHLIGHTER;
var ICON = 'SLDSIcon';
exports.ICON = ICON;
var ICON_SETTINGS = 'SLDSIconSettings';
exports.ICON_SETTINGS = ICON_SETTINGS;
var ICON_INPUT = 'SLDSIconInput';
exports.ICON_INPUT = ICON_INPUT;
var ILLUSTRATION = 'SLDSIllustration';
exports.ILLUSTRATION = ILLUSTRATION;
var LIST = 'SLDSList';
exports.LIST = LIST;
var LIST_ITEM = 'SLDSListItem';
exports.LIST_ITEM = LIST_ITEM;
var LIST_ITEM_LABEL = 'SLDSListItemLabel';
exports.LIST_ITEM_LABEL = LIST_ITEM_LABEL;
var LISTBOX_OF_PILL_OPTIONS = 'SLDSListboxOfPillOptions';
exports.LISTBOX_OF_PILL_OPTIONS = LISTBOX_OF_PILL_OPTIONS;
var LOOKUP = 'SLDSLookup';
exports.LOOKUP = LOOKUP;
var MEDIA_OBJECT = 'SLDSMediaObject';
exports.MEDIA_OBJECT = MEDIA_OBJECT;
var MENU_DROPDOWN = 'SLDSMenuDropdown';
exports.MENU_DROPDOWN = MENU_DROPDOWN;
var MENU_DROPDOWN_TRIGGER = 'SLDSMenuDropdownTrigger';
exports.MENU_DROPDOWN_TRIGGER = MENU_DROPDOWN_TRIGGER;
var MENU_PICKLIST = 'SLDSMenuPicklist';
exports.MENU_PICKLIST = MENU_PICKLIST;
var MODAL = 'SLDSModal';
exports.MODAL = MODAL;
var NOTIFICATION = 'SLDSNotification';
exports.NOTIFICATION = NOTIFICATION;
var PANEL = 'SLDSPanel';
exports.PANEL = PANEL;
var PANEL_FILTER_GROUP = 'SLDSFilterGroup';
exports.PANEL_FILTER_GROUP = PANEL_FILTER_GROUP;
var PANEL_FILTER_LIST = 'SLDSFilterList';
exports.PANEL_FILTER_LIST = PANEL_FILTER_LIST;
var PANEL_FILTER_LIST_HEADING = 'SLDSPanelFilterListHeading';
exports.PANEL_FILTER_LIST_HEADING = PANEL_FILTER_LIST_HEADING;
var PAGE_HEADER = 'SLDSPageHeader';
exports.PAGE_HEADER = PAGE_HEADER;
var PILL = 'SLDSPill';
exports.PILL = PILL;
var PILL_CONTAINER = 'SLDSPillContainer';
exports.PILL_CONTAINER = PILL_CONTAINER;
var POPOVER = 'SLDSPopover';
exports.POPOVER = POPOVER;
var POPOVER_EDIT_DIALOG = 'SLDSPopoverEditDialog';
exports.POPOVER_EDIT_DIALOG = POPOVER_EDIT_DIALOG;
var POPOVER_TOOLTIP = 'SLDSPopoverTooltip';
exports.POPOVER_TOOLTIP = POPOVER_TOOLTIP;
var PROGRESS_INDICATOR = 'SLDSProgressIndicator';
exports.PROGRESS_INDICATOR = PROGRESS_INDICATOR;
var PROGRESS_INDICATOR_PROGRESS = 'SLDSProgressIndicatorProgress';
exports.PROGRESS_INDICATOR_PROGRESS = PROGRESS_INDICATOR_PROGRESS;
var PROGRESS_INDICATOR_STEP = 'SLDSProgressIndicatorStep';
exports.PROGRESS_INDICATOR_STEP = PROGRESS_INDICATOR_STEP;
var PROGRESS_INDICATOR_STEP_VERTICAL = 'SLDSProgressIndicatorStepVertical';
exports.PROGRESS_INDICATOR_STEP_VERTICAL = PROGRESS_INDICATOR_STEP_VERTICAL;
var PROGRESS_RING = 'SLDSProgressRing';
exports.PROGRESS_RING = PROGRESS_RING;
var PROGRESS_BAR = 'SLDSProgressBar';
exports.PROGRESS_BAR = PROGRESS_BAR;
var SETUP_ASSISTANT = 'SLDSSetupAssistant';
exports.SETUP_ASSISTANT = SETUP_ASSISTANT;
var SETUP_ASSISTANT_STEP = 'SLDSSetupAssistantStep';
exports.SETUP_ASSISTANT_STEP = SETUP_ASSISTANT_STEP;
var SCOPED_NOTIFICATION = 'SLDSScopedNotification';
exports.SCOPED_NOTIFICATION = SCOPED_NOTIFICATION;
var SLIDER = 'SLDSSlider';
exports.SLIDER = SLIDER;
var SPINNER = 'SLDSSpinner';
exports.SPINNER = SPINNER;
var SPLIT_VIEW = 'SLDSSplitView';
exports.SPLIT_VIEW = SPLIT_VIEW;
var SPLIT_VIEW_HEADER = 'SLDSSplitViewHeader';
exports.SPLIT_VIEW_HEADER = SPLIT_VIEW_HEADER;
var SPLIT_VIEW_LISTBOX = 'SLDSSplitViewListbox';
exports.SPLIT_VIEW_LISTBOX = SPLIT_VIEW_LISTBOX;
var RADIO = 'SLDSRadio';
exports.RADIO = RADIO;
var RADIO_GROUP = 'SLDSRadioGroup';
exports.RADIO_GROUP = RADIO_GROUP;
var RADIO_BUTTON_GROUP = 'SLDSRadioButtonGroup';
exports.RADIO_BUTTON_GROUP = RADIO_BUTTON_GROUP;
var TAB = 'SLDSTab';
exports.TAB = TAB;
var TAB_ITEM = 'SLDSTabItem';
exports.TAB_ITEM = TAB_ITEM;
var TAB_PANEL = 'SLDSTabPanel';
exports.TAB_PANEL = TAB_PANEL;
var TABS = 'SLDSTabs';
exports.TABS = TABS;
var TABS_LIST = 'SLDSTabsList';
exports.TABS_LIST = TABS_LIST;
var TABS_PANEL = 'SLDSTabsPanel';
exports.TABS_PANEL = TABS_PANEL;
var TIME_PICKER = 'SLDSTimepicker';
exports.TIME_PICKER = TIME_PICKER;
var TOAST = 'SLDSToast';
exports.TOAST = TOAST;
var TOAST_CONTAINER = 'SLDSToastContainer';
exports.TOAST_CONTAINER = TOAST_CONTAINER;
var TREE = 'SLDSTree';
exports.TREE = TREE;
var TREE_BRANCH = 'SLDSTreeBranch';
exports.TREE_BRANCH = TREE_BRANCH;
var TREE_ITEM = 'SLDSTreeItem';
exports.TREE_ITEM = TREE_ITEM;
var TRIAL_BAR = 'SLDSTrialBar';
exports.TRIAL_BAR = TRIAL_BAR;
var TRIAL_BAR_DROPDOWN = 'SLDSTrialBarDropdown';
exports.TRIAL_BAR_DROPDOWN = TRIAL_BAR_DROPDOWN;
var TRIAL_BAR_BUTTON = 'SLDSTrialBarButton';
exports.TRIAL_BAR_BUTTON = TRIAL_BAR_BUTTON;
var VERTICAL_NAVIGATION = 'SLDSVerticalNavigation';
exports.VERTICAL_NAVIGATION = VERTICAL_NAVIGATION;
var VERTICAL_NAVIGATION_ITEM = 'SLDSVerticalNavigationItem';
exports.VERTICAL_NAVIGATION_ITEM = VERTICAL_NAVIGATION_ITEM;
var VISUAL_PICKER = 'SLDSVisualPicker';
exports.VISUAL_PICKER = VISUAL_PICKER;
var VISUAL_PICKER_LINK = 'SLDSVisualPickerLink';
exports.VISUAL_PICKER_LINK = VISUAL_PICKER_LINK;
/***/ }),
/* 3 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2016 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg)) {
classes.push(classNames.apply(null, arg));
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if (typeof module !== 'undefined' && module.exports) {
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
return classNames;
}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {
window.classNames = classNames;
}
}());
/***/ }),
/* 4 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(__webpack_require__(0));
var _reactRequiredIf = _interopRequireDefault(__webpack_require__(64));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _classnames = _interopRequireDefault(__webpack_require__(3));
var _buttonIcon = _interopRequireDefault(__webpack_require__(33));
var _checkProps = _interopRequireDefault(__webpack_require__(137));
var _docs = _interopRequireDefault(__webpack_require__(138));
var _tooltip = _interopRequireDefault(__webpack_require__(24));
var _getAriaProps = _interopRequireDefault(__webpack_require__(148));
var _getFormProps = _interopRequireDefault(__webpack_require__(149));
var _constants = __webpack_require__(2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var defaultProps = {
assistiveText: {
icon: ''
},
disabled: false,
hint: false,
iconSize: 'medium',
responsive: false,
type: 'button',
variant: 'neutral'
};
/**
* The Button component is the Lightning Design System Button component. The Button should be used for label buttons, icon buttons, or buttons that have both labels and icons.
* Either a <code>label</code> or <code>assistiveText.icon</code> is required; see the Prop Details table below. For buttons that maintain selected/unselected states, use the <a href="#/button-stateful">ButtonStateful</a> component.
* Although not listed in the prop table, all `aria-*` and `form*` props will be added to the `button` element if passed in.
*/
var Button =
/*#__PURE__*/
function (_React$Component) {
_inherits(Button, _React$Component);
function Button() {
var _getPrototypeOf2;
var _this;
_classCallCheck(this, Button);
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Button)).call.apply(_getPrototypeOf2, [this].concat(args)));
_defineProperty(_assertThisInitialized(_this), "getClassName", function () {
var _classNames;
var isIcon = _this.props.variant === 'icon';
var iconVariant = _this.props.iconVariant;
var iconMore = iconVariant === 'more';
var iconBorder = iconVariant === 'border';
var iconGlobalHeader = iconVariant === 'global-header';
var showButtonVariant = _this.props.variant !== 'base' && !iconVariant && !_this.props.inverse && _this.props.variant !== 'link' || iconVariant === 'bare';
var plainInverseBtn = _this.props.inverse && !isIcon;
var plainInverseIcon = _this.props.inverse && isIcon && !iconMore && !iconBorder;
var moreInverseIcon = _this.props.inverse && iconMore;
var borderInverseIcon = _this.props.inverse && iconBorder; // After hijacking `iconVariant` to let `Button` know it's in the header, we reset to container style for the actual button CSS.
if (iconVariant === 'global-header') {
iconVariant = 'container';
}
return (0, _classnames.default)((_classNames = {
'slds-button': _this.props.variant !== 'link'
}, _defineProperty(_classNames, "slds-button_".concat(_this.props.variant), showButtonVariant), _defineProperty(_classNames, 'slds-button_inverse', plainInverseBtn), _defineProperty(_classNames, 'slds-button_icon-inverse', plainInverseIcon || moreInverseIcon), _defineProperty(_classNames, 'slds-button_icon-border-inverse', borderInverseIcon), _defineProperty(_classNames, "slds-button_icon-".concat(iconVariant), iconVariant && !borderInverseIcon), _defineProperty(_classNames, 'slds-global-header__button_icon', iconGlobalHeader), _defineProperty(_classNames, "slds-button_icon-".concat(_this.props.iconSize), iconVariant && _this.props.iconSize !== 'medium'), _defineProperty(_classNames, 'slds-button_reset', _this.props.variant === 'link'), _defineProperty(_classNames, 'slds-text-link', _this.props.variant === 'link'), _classNames), _this.props.className);
});
_defineProperty(_assertThisInitialized(_this), "handleClick", function (event) {
if (_this.props.onClick) {
_this.props.onClick(event, {});
}
});
_defineProperty(_assertThisInitialized(_this), "renderIcon", function (name) {
var iconSize = _this.props.iconSize === '' || _this.props.iconVariant ? null : _this.props.iconSize;
return _react.default.createElement(_buttonIcon.default, {
category: _this.props.iconCategory || 'utility' // BREAKING CHANGE we will introduce in 1.0. For the moment, set default prop here if none specified.
,
className: (0, _classnames.default)({
'slds-global-header__icon': _this.props.iconVariant === 'global-header'
}, _this.props.iconClassName),
hint: _this.props.hint,
inverse: _this.props.inverse,
name: name,
path: _this.props.iconPath,
position: _this.props.iconPosition,
size: iconSize
});
});
_defineProperty(_assertThisInitialized(_this), "renderLabel", function () {
var iconOnly = _this.props.iconName || _this.props.iconPath;
var assistiveTextIcon = typeof _this.props.assistiveText === 'string' ? _this.props.assistiveText : _objectSpread({}, defaultProps.assistiveText, _this.props.assistiveText).icon;
return iconOnly && assistiveTextIcon ? _react.default.createElement("span", {
className: "slds-assistive-text"
}, assistiveTextIcon) : _this.props.label;
});
_defineProperty(_assertThisInitialized(_this), "renderButton", function () {
var ariaProps = (0, _getAriaProps.default)(_this.props);
var formProps = (0, _getFormProps.default)(_this.props);
return (// eslint-disable-next-line react/button-has-type
_react.default.createElement("button", _extends({
className: _this.getClassName(),
disabled: _this.props.disabled,
id: _this.props.id,
onBlur: _this.props.onBlur,
onClick: _this.handleClick,
onFocus: _this.props.onFocus,
onKeyDown: _this.props.onKeyDown,
onKeyPress: _this.props.onKeyPress,
onKeyUp: _this.props.onKeyUp,
onMouseDown: _this.props.onMouseDown,
onMouseEnter: _this.props.onMouseEnter,
onMouseLeave: _this.props.onMouseLeave,
onMouseUp: _this.props.onMouseUp,
ref: function ref(component) {
if (_this.props.buttonRef) {
_this.props.buttonRef(component);
}
},
tabIndex: _this.props.tabIndex,
title: _this.props.title,
type: _this.props.type || 'button',
style: _this.props.style
}, ariaProps, formProps), _this.props.iconPosition === 'right' ? _this.renderLabel() : null, _this.props.iconName || _this.props.iconPath ? _this.renderIcon(_this.props.iconName) : null, _this.props.iconVariant === 'more' ? _react.default.createElement(_buttonIcon.default, {
category: "utility",
name: "down",
size: "x-small",
className: _this.props.iconClassName
}) : null, _this.props.iconPosition === 'left' || !_this.props.iconPosition ? _this.renderLabel() : null, _this.props.children // eslint-disable-line react/prop-types
)
);
});
_defineProperty(_assertThisInitialized(_this), "renderTooltip", function () {
return _react.default.createElement(_tooltip.default, {
content: _this.props.tooltip
}, _this.renderButton);
});
return _this;
}
_createClass(Button, [{
key: "componentWillMount",
value: function componentWillMount() {
// `checkProps` issues warnings to developers about properties (similar to React's built in development tools)
(0, _checkProps.default)(_constants.BUTTON, this.props, _docs.default);
}
}, {
key: "render",
value: function render() {
return this.props.tooltip ? this.renderTooltip() : this.renderButton();
}
}]);
return Button;
}(_react.default.Component);
_defineProperty(Button, "displayName", _constants.BUTTON);
_defineProperty(Button, "propTypes", {
/**
* **Assistive text for accessibility.**
* This object is merged with the default props object on every render.
* * `icon`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. If the button has an icon and a visible label, you can omit the <code>assistiveText.icon</code> prop and use the <code>label</code> prop.
*/
assistiveText: _propTypes.default.shape({
icon: _propTypes.default.string
}),
/**
* Callback that passes in the DOM reference of the `<button>` DOM node within this component. Primary use is to allow `focus` to be called. You should still test if the node exists, since rendering is asynchronous. `buttonRef={(component) => { if(component) console.log(component); }}`
*/
buttonRef: _propTypes.default.func,
/**
* CSS classes to be added to button.
*/
className: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),
/**
* Disables the button and adds disabled styling.
*/
disabled: _propTypes.default.bool,
/**
* Associates an icon button with another element on the page by changes the color of the SVG. Please reference <a href="http://www.lightningdesignsystem.com/components/buttons/#hint">Lightning Design System Buttons > Hint</a>.
*/
hint: _propTypes.default.bool,
/**
* Name of the icon category. Visit <a href="http://www.lightningdesignsystem.com/resources/icons">Lightning Design System Icons</a> to reference icon categories.
*/
iconCategory: (0, _reactRequiredIf.default)(_propTypes.default.oneOf(['action', 'custom', 'doctype', 'standard', 'utility']), function (props) {
return !!props.iconName;
}),
/**
* CSS classes to be added to icon.
*/
iconClassName: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),
/**
* Name of the icon. Visit <a href="http://www.lightningdesignsystem.com/resources/icons">Lightning Design System Icons</a> to reference icon names.
*/
iconName: _propTypes.default.string,
/**
* Path to the icon. This will override any global icon settings.
*/
iconPath: _propTypes.default.string,
/**
* If omitted, icon position is centered.
*/
iconPosition: _propTypes.default.oneOf(['left', 'right']),
/**
* Determines the size of the icon.
*/
iconSize: _propTypes.default.oneOf(['x-small', 'small', 'medium', 'large']),
/**
* For icon variants, please reference <a href="http://www.lightningdesignsystem.com/components/buttons/#icon">Lightning Design System Icons</a>.
*/
iconVariant: _propTypes.default.oneOf(['bare', 'container', 'border', 'border-filled', 'brand', 'more', 'global-header']),
/**
* Id string applied to button node.
*/
id: _propTypes.default.string,
/**
* If true, button/icon is white. Meant for buttons or utility icons on dark backgrounds.
*/
inverse: _propTypes.default.bool,
/**
* Visible label on the button. If the button is an icon button with no label, you must use the <code>assistiveText.icon</code> prop.
*/
label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
/**
* Triggered when focus is removed.
*/
onBlur: _propTypes.default.func,
/**
* Triggered when the button is clicked.
*/
onClick: _propTypes.default.func,
/**
* Triggered when component is focused.
*/
onFocus: _propTypes.default.func,
/**
* Triggered when a key is pressed down
*/
onKeyDown: _propTypes.default.func,
/**
* Triggered when a key is pressed and released
*/
onKeyPress: _propTypes.default.func,
/**
* Triggered when a key is released
*/
onKeyUp: _propTypes.default.func,
/**
* Triggered when a mouse button is pressed down
*/
onMouseDown: _propTypes.default.func,
/**
* Triggered when a mouse arrow hovers
*/
onMouseEnter: _propTypes.default.func,
/**
* Triggered when a mouse arrow no longer hovers
*/
onMouseLeave: _propTypes.default.func,
/**
* Triggered when a mouse button is released
*/
onMouseUp: _propTypes.default.func,
/**
* If true, button scales to 100% width on small form factors.
*/
responsive: _propTypes.default.bool,
/**
* Write <code>"-1"</code> if you don't want the user to tab to the button.
*/
tabIndex: _propTypes.default.string,
/**
* Button type
*/
type: _propTypes.default.oneOf(['reset', 'submit', 'button']),
/**
* HTML title attribute
*/
title: _propTypes.default.string,
/**
* [Deprecated] Tooltip on button. Button should be a child of `Tooltip` instead.
*/
tooltip: _propTypes.default.node,
/**
* Different types of buttons
*/
variant: _propTypes.default.oneOf(['base', 'link', 'neutral', 'brand', 'outline-brand', 'destructive', 'success', 'text-destructive', 'icon']),
/**
* Custom styles to be passed to the component
*/
style: _propTypes.default.object
});
_defineProperty(Button, "defaultProps", defaultProps);
var _default = Button;
exports.default = _default;
/***/ }),
/* 5 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
module.exports = __webpack_require__(120);
/***/ }),
/* 6 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
/* eslint-disable import/no-mutable-exports */
var getComponentDocFn = function getComponentDocFnEmpty() {};
var baseURL = 'https://react.lightningdesignsystem.com';
if (false) {
getComponentDocFn = function getComponentDocFnInside(jsonDoc) {
var componentUrl = "".concat(baseURL + (jsonDoc && jsonDoc['url-slug'] ? "/components/".concat(jsonDoc['url-slug']) : ''));
return function (propName) {
return "Please check the current documentation at: ".concat(propName ? "".concat(componentUrl, "#prop-").concat(propName) : componentUrl);
};
};
}
var _default = getComponentDocFn;
exports.default = _default;
/***/ }),
/* 7 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(__webpack_require__(0));
var _propTypes = _interopRequireDefault(__webpack_require__(1));
var _checkProps = _interopRequireDefault(__webpack_require__(143));
var _docs = _interopRequireDefault(__webpack_require__(144));
var _classNames2 = _interopRequireDefault(__webpack_require__(17));
var _utilityIcon = _interopRequireDefault(__webpack_require__(27));
var _constants = __webpack_require__(2);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
var defaultProps = {
assistiveText: {},
category: 'standard',
colorVariant: 'default',
size: 'medium'
};
/**
* The Icon component is the Lightning Design System Icon component and should be used for naked icons. For icons that are buttons, use the <a href='/components/buttons/'>Button component</a> component with <code>variant='icon'</code>.
*/
var Icon = function Icon(props) {
(0, _checkProps.default)(_constants.ICON, props, _docs.default);
var category = props.category,
className = props.className,
colorVariant = props.colorVariant,
containerClassName = props.containerClassName,
icon = props.icon,
inverse = props.inverse,
name = props.name,
path = props.path,
size = props.size,
style = props.style,
title = props.title;
var assistiveText = typeof props.assistiveText === 'string' ? props.assistiveText : _objectSpread({}, defaultProps.assistiveText, props.assistiveText).label;
var kababCaseName = name ? name.replace(/_/g, '-') : '';
return _react.default.createElement("span", {
className: (0, _classNames2.default)(_defineProperty({
'slds-icon_container': category !== 'utility',
'slds-icon_container_circle': category === 'action'
}, "slds-icon-".concat(category, "-").concat(kababCaseName), category !== 'utility' && category !== 'doctype' && !path), containerClassName),
title: title
}, _react.default.createElement(_utilityIcon.default, {
"aria-hidden": "true",
category: category,
className: (0, _classNames2.default)(className, 'slds-icon', {
'slds-icon_xx-small': size === 'xx-small',
'slds-icon_x-small': size === 'x-small',
'slds-icon_small': size === 'small',
// medium intentially not present
'slds-icon_large': size === 'large',
// if category is `utility` and `inverse` is false (default), icon will be dark // return true
// if category is `utility` and `inverse` is true, icon will be light // return false
// if category is NOT `utility` and `inverse` is false (default), icon will be light // return false
// if category is NOT `utility` and `inverse` is true, icon will be dark // return true
'slds-icon-text-default': colorVariant === 'default' && category === 'utility' ? !inverse : inverse,
'slds-icon-text-warning': colorVariant === 'warning',
'slds-icon-text-error': colorVariant === 'error',
'slds-icon-text-light': colorVariant === 'light'
}),
icon: icon,
name: name,
path: path,
style: style
}), assistiveText ? _react.default.createElement("span", {
className: "slds-assistive-text"
}, assistiveText) : '');
}; // ### Display Name
// Always use the canonical component name as the React display name.
Icon.displayName = _constants.ICON; // ### Prop Types
Icon.propTypes = {
/**
* **Assistive text for accessibility.**
* This object is merged with the default props object on every render.
* * `label`: Text that is visually hidden but read aloud by screenreaders to tell the user what the icon means. Naked icons must have assistive text, however, if you also have visible descriptive text with the icon, declare this prop as <code>assistiveText=''</code>.
*/
assistiveText: _propTypes.default.shape({
label: _propTypes.default.string
}),
/**
* Icon category from [lightningdesignsystem.com/icons/](https://www.lightningdesignsystem.com/icons/)
*/
category: _propTypes.default.oneOf(['action', 'custom', 'doctype', 'standard', 'utility']).isRequired,
/**
* CSS classes that are applied to the SVG.
*/
className: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),
/**
* CSS classes that are applied to the span.
*/
containerClassName: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object, _propTypes.default.string]),
/**
* Icon color variants
*/
colorVariant: _propTypes.default.oneOf(['base', 'default', 'error', 'light', 'warning']),
/**
* A custom SVG object to use instead of the supplied SLDS icons, look in `design-system-react/icons` for examples and syntax.
*/
icon: _propTypes.default.object,
/**
* Setting `inverse` to true will switch the color of the icon: light to dark, dark to light.
*/
inverse: _propTypes.default.bool,
/**
* Name of the icon. Visit <a href='http://www.lightningdesignsystem.com/resources/icons'>Lightning Design System Icons</a> to reference icon names.
*/
name: _propTypes.default.string,
/**
* Path to the icon. This will override any global icon settings
*/
path: _propTypes.default.string,
/**
* Size of the icon. Visit [lightningdesignsystem.com/components/icons/#flavor-sizes](https://www.lightningdesignsystem.com/components/icons/#flavor-sizes)
*/
size: _propTypes.default.oneOf(['xx-small', 'x-small', 'small', 'medium', 'large']),
/**
* Custom styles to be passed to the SVG. Could be used to change icon or background color.
*/
style: _propTypes.default.object,
/**
* Title attribute for the icon container
*/
title: _propTypes.default.string
};
Icon.defaultProps = defaultProps;
var _default = Icon;
exports.default = _default;
/***/ }),
/* 8 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.keyObjects = exports.default = void 0;
var keys = {
ENTER: 13,
ESCAPE: 27,
SPACE: 32,
LEFT: 37,
UP: 38,
RIGHT: 39,
DOWN: 40,
TAB: 9,
DELETE: 46,
BACKSPACE: 8
}; // Helpful for interaction/event tests. Use with simulate:
// `nodes.input.simulate('keyDown', keyObjects.DOWN);`
var keyObjects = {
ENTER: {
key: 'Enter',
keyCode: keys.ENTER,
which: keys.ENTER
},
ESCAPE: {
key: 'Escape',
keyCode: keys.ESCAPE,
which: keys.ESCAPE
},
SPACE: {
key: 'Space',
keyCode: keys.SPACE,
which: keys.SPACE
},
LEFT: {
key: 'Left',
keyCode: keys.LEFT,
which: keys.LEFT
},
UP: {
key: 'Up',
keyCode: keys.UP,
which: keys.ESCAPE
},
RIGHT: {
key: 'Right',
keyCode: keys.RIGHT,
which: keys.RIGHT
},
DOWN: {
key: 'Down',
keyCode: keys.DOWN,
which: keys.DOWN
},
TAB: {
key: 'Tab',
keyCode: keys.TAB,
which: keys.TAB
},
DELETE: {
key: 'Delete',
keyCode: keys.DELETE,
which: keys.DELETE
},
BACKSPACE: {
key: 'Backspace',
keyCode: keys.BACKSPACE,
which: keys.BACKSPACE
}
};
exports.keyObjects = keyObjects;
var _default = keys;
exports.default = _default;
/***/ }),
/* 9 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
var EventUtil = {
trapEvent: function trapEvent(event) {
if (!event) return;
event.preventDefault();
event.stopPropagation();
if (event.nativeEvent && event.nativeEvent.preventDefault) {
event.nativeEvent.preventDefault();
}
if (event.nativeEvent && event.nativeEvent.stopPropagation) {
event.nativeEvent.stopPropagation();
}
},
trap: function trap(event) {
return EventUtil.trapEvent(event);
},
trapImmediate: function trapImmediate(event) {
if (event.stopImmediatePropagation) {
event.stopImmediatePropagation();
}
if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {
event.nativeEvent.stopImmediatePropagation();
}
EventUtil.trap(event);
}
};
var _default = EventUtil;
exports.default = _default;
/***/ }),
/* 10 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _warning = _interopRequireDefault(__webpack_require__(14));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/* Copyright (c) 2015-present, salesforce.com, inc. All rights reserved */
/* Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
/* eslint-disable import/no-mutable-exports */
// This function will deliver an error message to the browser console about the removal of a property.
var sunset = function sunsetFunction() {};
if (false) {
var hasWarned = {};
sunset = function sunset