carbon-addons-iot-react 2.70.0 → 2.72.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/carbon-addons-iot-react.css +43 -10
- package/css/carbon-addons-iot-react.css.map +1 -1
- package/es/node_modules/carbon-components-react/es/components/UIShell/Content.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/Header.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderName.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNav.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavHeader.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavIcon.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItem.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavItems.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLink.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavLinkText.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js +3 -3
- package/es/node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/Switcher.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js +2 -2
- package/es/node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js +3 -3
- package/es/node_modules/carbon-components-react/es/tools/wrapComponent.js +2 -2
- package/es/src/components/Accordion/AccordionItemDefer.jsx +52 -0
- package/es/src/components/AddCard/AddCard.jsx +2 -2
- package/es/src/components/BarChartCard/BarChartCard.jsx +2 -2
- package/es/src/components/Breadcrumb/Breadcrumb.jsx +5 -5
- package/es/src/components/Button/Button.jsx +2 -2
- package/es/src/components/Card/Card.jsx +5 -5
- package/es/src/components/Card/CardRangePicker.jsx +3 -3
- package/es/src/components/Card/CardToolbar.jsx +4 -4
- package/es/src/components/Card/DataStateRenderer.jsx +3 -3
- package/es/src/components/ComposedModal/ComposedModal.jsx +3 -3
- package/es/src/components/ComposedStructuredList/ComposedStructuredList.jsx +1 -1
- package/es/src/components/Dashboard/CardRenderer.jsx +1 -1
- package/es/src/components/Dashboard/Dashboard.jsx +1 -1
- package/es/src/components/Dashboard/DashboardGrid.jsx +1 -1
- package/es/src/components/DateTimePicker/DateTimePicker.jsx +5 -5
- package/es/src/components/GaugeCard/GaugeCard.jsx +17 -20
- package/es/src/components/Header/HeaderAction/HeaderAction.jsx +1 -1
- package/es/src/components/Header/HeaderAction/HeaderActionMenu.jsx +3 -3
- package/es/src/components/Header/HeaderAction/HeaderActionPanel.jsx +3 -3
- package/es/src/components/Hero/Hero.jsx +1 -1
- package/es/src/components/IconSwitch/IconSwitch.jsx +2 -2
- package/es/src/components/ImageCard/CardIcon.jsx +1 -1
- package/es/src/components/ImageCard/ImageHotspots.jsx +1 -1
- package/es/src/components/List/HierarchyList/HierarchyList.jsx +1 -1
- package/es/src/components/List/List.jsx +3 -3
- package/es/src/components/List/ListItem/ListItem.jsx +7 -7
- package/es/src/components/List/SimpleList/SimpleList.jsx +1 -1
- package/es/src/components/ListCard/ListCard.jsx +2 -2
- package/es/src/components/Page/EditPage.jsx +2 -2
- package/es/src/components/PageTitleBar/PageTitleBar.jsx +3 -3
- package/es/src/components/PageWizard/PageWizard.jsx +2 -2
- package/es/src/components/PageWizard/StatefulPageWizard.jsx +1 -1
- package/es/src/components/ProgressIndicator/ProgressIndicator.jsx +2 -2
- package/es/src/components/SideNav/SideNav.jsx +2 -2
- package/es/src/components/Table/Pagination.jsx +2 -2
- package/es/src/components/Table/StatefulTable.jsx +1 -1
- package/es/src/components/Table/Table.jsx +4 -4
- package/es/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx +7 -14
- package/es/src/components/Table/TableBody/TableBodyRow/TableBodyRow.jsx +4 -4
- package/es/src/components/Table/TableCellRenderer/TableCellRenderer.jsx +2 -2
- package/es/src/components/Table/TableHead/ColumnHeaderRow/ColumnHeaderRow.jsx +1 -1
- package/es/src/components/Table/TableHead/ColumnHeaderSelect/ColumnHeaderSelect.jsx +2 -2
- package/es/src/components/Table/TableHead/ColumnResize.jsx +2 -2
- package/es/src/components/Table/TableHead/TableHead.jsx +6 -6
- package/es/src/components/Table/TableHead/TableHeader.js +3 -3
- package/es/src/components/Table/TableToolbar/TableToolbar.jsx +3 -3
- package/es/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx +3 -3
- package/es/src/components/Table/baseTableReducer.js +1 -1
- package/es/src/components/Table/tableReducer.js +1 -1
- package/es/src/components/TileCatalog/StatefulTileCatalog.jsx +1 -1
- package/es/src/components/TileCatalog/TileCatalog.jsx +2 -2
- package/es/src/components/TileCatalog/TileGroup.jsx +2 -2
- package/es/src/components/TileCatalogNew/TileCatalogNew.jsx +1 -1
- package/es/src/components/TileCatalogNew/TilePagination/TilePagination.jsx +5 -5
- package/es/src/components/TileGallery/StatefulTileGallery.jsx +1 -1
- package/es/src/components/TimePickerSpinner/TimePickerSpinner.jsx +4 -4
- package/es/src/components/ValueCard/Attribute.jsx +4 -4
- package/es/src/components/ValueCard/UnitRenderer.jsx +2 -2
- package/es/src/components/ValueCard/ValueRenderer.jsx +2 -2
- package/es/src/components/WizardInline/StatefulWizardInline.jsx +1 -1
- package/es/src/components/WizardInline/WizardHeader/WizardHeader.jsx +1 -1
- package/es/src/components/WizardModal/WizardModal.jsx +2 -2
- package/es/src/index.js +4 -5
- package/es/src/internal/deprecate.js +1 -1
- package/es/src/utils/cardUtilityFunctions.js +1 -1
- package/lib/css/carbon-addons-iot-react.css +43 -10
- package/lib/css/carbon-addons-iot-react.css.map +1 -1
- package/lib/node_modules/@carbon/charts-react/bar-chart-grouped.js +2 -2
- package/lib/node_modules/@carbon/charts-react/bar-chart-simple.js +2 -2
- package/lib/node_modules/@carbon/charts-react/bar-chart-stacked.js +2 -2
- package/lib/node_modules/@carbon/charts-react/line-chart.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Content.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Header.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalAction.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderGlobalBar.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenu.js +8 -8
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuButton.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderMenuItem.js +3 -3
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderName.js +5 -5
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderNavigation.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderPanel.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/HeaderSideNavItems.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNav.js +5 -5
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavDetails.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavFooter.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavHeader.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavIcon.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavItem.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavItems.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavLink.js +11 -11
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavLinkText.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavMenu.js +8 -8
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavMenuItem.js +7 -7
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SideNavSwitcher.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SkipToContent.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/Switcher.js +4 -4
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SwitcherDivider.js +2 -2
- package/lib/node_modules/carbon-components-react/es/components/UIShell/SwitcherItem.js +7 -7
- package/lib/node_modules/carbon-components-react/es/prop-types/AriaPropTypes.js +2 -2
- package/lib/node_modules/carbon-components-react/es/tools/wrapComponent.js +2 -2
- package/lib/scss/components/GaugeCard/_gauge-card.scss +33 -6
- package/lib/scss/components/Table/TableBody/RowActionsCell/_row-actions-cell.scss +25 -2
- package/lib/scss/components/TextInput/_text-input.scss +4 -0
- package/lib/src/components/Accordion/AccordionItemDefer.jsx +57 -0
- package/lib/src/components/AddCard/AddCard.jsx +2 -2
- package/lib/src/components/BarChartCard/BarChartCard.jsx +22 -22
- package/lib/src/components/Breadcrumb/Breadcrumb.jsx +7 -7
- package/lib/src/components/Button/Button.jsx +4 -4
- package/lib/src/components/Card/Card.jsx +32 -32
- package/lib/src/components/Card/CardRangePicker.jsx +5 -5
- package/lib/src/components/Card/CardToolbar.jsx +13 -13
- package/lib/src/components/Card/DataStateRenderer.jsx +14 -14
- package/lib/src/components/ComposedModal/ComposedModal.jsx +10 -10
- package/lib/src/components/ComposedStructuredList/ComposedStructuredList.jsx +5 -5
- package/lib/src/components/Dashboard/CardRenderer.jsx +23 -23
- package/lib/src/components/Dashboard/Dashboard.jsx +8 -8
- package/lib/src/components/Dashboard/DashboardGrid.jsx +22 -22
- package/lib/src/components/Dashboard/DashboardHeader.jsx +5 -5
- package/lib/src/components/DateTimePicker/DateTimePicker.jsx +9 -9
- package/lib/src/components/FileDrop/FileDrop.jsx +2 -2
- package/lib/src/components/GaugeCard/GaugeCard.jsx +26 -29
- package/lib/src/components/Header/Header.jsx +12 -12
- package/lib/src/components/Header/HeaderAction/HeaderAction.jsx +11 -11
- package/lib/src/components/Header/HeaderAction/HeaderActionMenu.jsx +9 -9
- package/lib/src/components/Header/HeaderAction/HeaderActionPanel.jsx +10 -10
- package/lib/src/components/Header/HeaderActionGroup.jsx +6 -6
- package/lib/src/components/Hero/Hero.jsx +3 -3
- package/lib/src/components/IconSwitch/IconSwitch.jsx +2 -2
- package/lib/src/components/ImageCard/CardIcon.jsx +5 -5
- package/lib/src/components/ImageCard/Hotspot.jsx +2 -2
- package/lib/src/components/ImageCard/ImageCard.jsx +12 -12
- package/lib/src/components/ImageCard/ImageControls.jsx +3 -3
- package/lib/src/components/ImageCard/ImageHotspots.jsx +6 -6
- package/lib/src/components/List/HierarchyList/HierarchyList.jsx +6 -6
- package/lib/src/components/List/HierarchyList/index.js +2 -2
- package/lib/src/components/List/List.jsx +10 -10
- package/lib/src/components/List/ListItem/ListItem.jsx +7 -7
- package/lib/src/components/List/SimpleList/SimpleList.jsx +3 -3
- package/lib/src/components/ListCard/ListCard.jsx +9 -9
- package/lib/src/components/NavigationBar/NavigationBar.jsx +5 -5
- package/lib/src/components/Page/EditPage.jsx +9 -9
- package/lib/src/components/Page/PageHero.jsx +9 -9
- package/lib/src/components/Page/PageTitle.jsx +2 -2
- package/lib/src/components/PageTitleBar/PageTitleBar.jsx +8 -8
- package/lib/src/components/PageWizard/PageWizard.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStep.jsx +7 -7
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepContent.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepDescription.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepExtraContent.jsx +2 -2
- package/lib/src/components/PageWizard/PageWizardStep/PageWizardStepTitle.jsx +2 -2
- package/lib/src/components/PageWizard/StatefulPageWizard.jsx +4 -4
- package/lib/src/components/ProgressIndicator/ProgressIndicator.jsx +2 -2
- package/lib/src/components/ResourceList/ResourceList.jsx +2 -2
- package/lib/src/components/SideNav/SideNav.jsx +12 -12
- package/lib/src/components/SimplePagination/SimplePagination.jsx +7 -7
- package/lib/src/components/Table/EmptyTable/EmptyTable.jsx +4 -4
- package/lib/src/components/Table/Pagination.jsx +2 -2
- package/lib/src/components/Table/StatefulTable.jsx +25 -25
- package/lib/src/components/Table/Table.jsx +38 -38
- package/lib/src/components/Table/TableBody/RowActionsCell/RowActionsCell.jsx +14 -21
- package/lib/src/components/Table/TableBody/RowActionsCell/RowActionsError.jsx +4 -4
- package/lib/src/components/Table/TableBody/TableBody.jsx +7 -7
- package/lib/src/components/Table/TableBody/TableBodyRow/TableBodyRow.jsx +24 -24
- package/lib/src/components/Table/TableCellRenderer/TableCellRenderer.jsx +2 -2
- package/lib/src/components/Table/TableHead/ColumnHeaderRow/ColumnHeaderRow.jsx +7 -7
- package/lib/src/components/Table/TableHead/ColumnHeaderSelect/ColumnHeaderSelect.jsx +4 -4
- package/lib/src/components/Table/TableHead/ColumnResize.jsx +6 -6
- package/lib/src/components/Table/TableHead/FilterHeaderRow/FilterHeaderRow.jsx +7 -7
- package/lib/src/components/Table/TableHead/TableHead.jsx +30 -30
- package/lib/src/components/Table/TableHead/TableHeader.js +3 -3
- package/lib/src/components/Table/TablePropTypes.js +2 -2
- package/lib/src/components/Table/TableSkeletonWithHeaders/TableSkeletonWithHeaders.jsx +2 -2
- package/lib/src/components/Table/TableToolbar/TableToolbar.jsx +17 -17
- package/lib/src/components/Table/TableToolbarSearch/TableToolbarSearch.jsx +3 -3
- package/lib/src/components/Table/baseTableReducer.js +18 -18
- package/lib/src/components/Table/tableReducer.js +34 -34
- package/lib/src/components/TableCard/TableCard.jsx +26 -26
- package/lib/src/components/TableCard/ThresholdIcon.jsx +2 -2
- package/lib/src/components/TileCatalog/StatefulTileCatalog.jsx +12 -12
- package/lib/src/components/TileCatalog/TileCatalog.jsx +8 -8
- package/lib/src/components/TileCatalog/TileGroup.jsx +2 -2
- package/lib/src/components/TileCatalog/tileCatalogReducer.js +3 -3
- package/lib/src/components/TileCatalogNew/TileCatalogNew.jsx +3 -3
- package/lib/src/components/TileCatalogNew/TilePagination/TilePagination.jsx +5 -5
- package/lib/src/components/TileGallery/StatefulTileGallery.jsx +17 -17
- package/lib/src/components/TileGallery/TileGallery.jsx +2 -2
- package/lib/src/components/TimePickerSpinner/TimePickerSpinner.jsx +12 -12
- package/lib/src/components/TimeSeriesCard/TimeSeriesCard.jsx +35 -35
- package/lib/src/components/ValueCard/Attribute.jsx +19 -19
- package/lib/src/components/ValueCard/UnitRenderer.jsx +4 -4
- package/lib/src/components/ValueCard/ValueCard.jsx +52 -52
- package/lib/src/components/ValueCard/ValueRenderer.jsx +12 -12
- package/lib/src/components/WizardInline/StatefulWizardInline.jsx +5 -5
- package/lib/src/components/WizardInline/WizardFooter/WizardFooter.jsx +5 -5
- package/lib/src/components/WizardInline/WizardHeader/WizardHeader.jsx +7 -7
- package/lib/src/components/WizardInline/WizardInline.jsx +14 -14
- package/lib/src/components/WizardModal/WizardModal.jsx +8 -8
- package/lib/src/constants/CardPropTypes.js +14 -14
- package/lib/src/index.js +144 -144
- package/lib/src/internal/deprecate.js +1 -1
- package/lib/src/utils/cardUtilityFunctions.js +10 -10
- package/lib/src/utils/componentUtilityFunctions.js +13 -13
- package/package.json +1 -1
- package/scss/components/GaugeCard/_gauge-card.scss +33 -6
- package/scss/components/Table/TableBody/RowActionsCell/_row-actions-cell.scss +25 -2
- package/scss/components/TextInput/_text-input.scss +4 -0
- package/umd/carbon-addons-iot-react.js +797 -1424
- package/es/node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js +0 -96
- package/es/node_modules/carbon-components-react/es/components/Accordion/Accordion.js +0 -45
- package/es/node_modules/carbon-components-react/es/components/Accordion/AccordionItem.js +0 -163
- package/es/node_modules/carbon-components-react/es/components/SkeletonText/SkeletonText.js +0 -111
- package/es/node_modules/carbon-components-react/es/prop-types/deprecate.js +0 -30
- package/es/src/components/Accordion/AccordionItem.jsx +0 -180
- package/lib/node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js +0 -101
- package/lib/node_modules/carbon-components-react/es/components/Accordion/Accordion.js +0 -50
- package/lib/node_modules/carbon-components-react/es/components/Accordion/AccordionItem.js +0 -168
- package/lib/node_modules/carbon-components-react/es/components/SkeletonText/SkeletonText.js +0 -116
- package/lib/node_modules/carbon-components-react/es/prop-types/deprecate.js +0 -34
- package/lib/src/components/Accordion/AccordionItem.jsx +0 -185
package/lib/node_modules/carbon-components-react/es/components/Accordion/Accordion.Skeleton.js
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var React__default = _interopDefault(React);
|
|
8
|
-
var cx = _interopDefault(require('classnames'));
|
|
9
|
-
var carbonComponents = require('carbon-components');
|
|
10
|
-
var iconsReact = require('@carbon/icons-react');
|
|
11
|
-
var __chunk_13 = require('../SkeletonText/SkeletonText.js');
|
|
12
|
-
var __chunk_15 = require('../../prop-types/deprecate.js');
|
|
13
|
-
|
|
14
|
-
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); }
|
|
15
|
-
|
|
16
|
-
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; }
|
|
17
|
-
|
|
18
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
19
|
-
|
|
20
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
21
|
-
var prefix = carbonComponents.settings.prefix;
|
|
22
|
-
|
|
23
|
-
function AccordionSkeleton(_ref) {
|
|
24
|
-
var align = _ref.align,
|
|
25
|
-
open = _ref.open,
|
|
26
|
-
count = _ref.count,
|
|
27
|
-
className = _ref.className,
|
|
28
|
-
rest = _objectWithoutProperties(_ref, ["align", "open", "count", "className"]);
|
|
29
|
-
|
|
30
|
-
var classes = cx("".concat(prefix, "--accordion"), "".concat(prefix, "--skeleton"), className, _defineProperty({}, "".concat(prefix, "--accordion--").concat(align), align));
|
|
31
|
-
var numSkeletonItems = open ? count - 1 : count;
|
|
32
|
-
return React__default.createElement("ul", _extends({
|
|
33
|
-
className: classes
|
|
34
|
-
}, rest), open && React__default.createElement("li", {
|
|
35
|
-
className: "".concat(prefix, "--accordion__item ").concat(prefix, "--accordion__item--active")
|
|
36
|
-
}, React__default.createElement("span", {
|
|
37
|
-
className: "".concat(prefix, "--accordion__heading")
|
|
38
|
-
}, React__default.createElement(iconsReact.ChevronRight16, {
|
|
39
|
-
className: "".concat(prefix, "--accordion__arrow")
|
|
40
|
-
}), React__default.createElement(__chunk_13.default, {
|
|
41
|
-
className: "".concat(prefix, "--accordion__title")
|
|
42
|
-
})), React__default.createElement("div", {
|
|
43
|
-
className: "".concat(prefix, "--accordion__content")
|
|
44
|
-
}, React__default.createElement(__chunk_13.default, {
|
|
45
|
-
width: "90%"
|
|
46
|
-
}), React__default.createElement(__chunk_13.default, {
|
|
47
|
-
width: "80%"
|
|
48
|
-
}), React__default.createElement(__chunk_13.default, {
|
|
49
|
-
width: "95%"
|
|
50
|
-
}))), Array.from({
|
|
51
|
-
length: numSkeletonItems
|
|
52
|
-
}).map(function (_, i) {
|
|
53
|
-
return React__default.createElement(AccordionSkeletonItem, {
|
|
54
|
-
key: i
|
|
55
|
-
});
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
AccordionSkeleton.propTypes = {
|
|
60
|
-
/**
|
|
61
|
-
* `false` to not display the first item opened
|
|
62
|
-
*/
|
|
63
|
-
open: PropTypes.bool,
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Set number of items to render
|
|
67
|
-
*/
|
|
68
|
-
count: PropTypes.number,
|
|
69
|
-
|
|
70
|
-
/**
|
|
71
|
-
* Set unique identifier to generate unique item keys
|
|
72
|
-
*/
|
|
73
|
-
uid: __chunk_15.default(PropTypes.any),
|
|
74
|
-
|
|
75
|
-
/**
|
|
76
|
-
* Specify an optional className to add.
|
|
77
|
-
*/
|
|
78
|
-
className: PropTypes.string,
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Specify the alignment of the accordion heading title and chevron.
|
|
82
|
-
*/
|
|
83
|
-
align: PropTypes.oneOf(['start', 'end'])
|
|
84
|
-
};
|
|
85
|
-
AccordionSkeleton.defaultProps = {
|
|
86
|
-
open: true,
|
|
87
|
-
count: 4,
|
|
88
|
-
align: 'end'
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
function AccordionSkeletonItem() {
|
|
92
|
-
return React__default.createElement("li", {
|
|
93
|
-
className: "".concat(prefix, "--accordion__item")
|
|
94
|
-
}, React__default.createElement("span", {
|
|
95
|
-
className: "".concat(prefix, "--accordion__heading")
|
|
96
|
-
}, React__default.createElement(iconsReact.ChevronRight16, {
|
|
97
|
-
className: "".concat(prefix, "--accordion__arrow")
|
|
98
|
-
}), React__default.createElement(__chunk_13.default, {
|
|
99
|
-
className: "".concat(prefix, "--accordion__title")
|
|
100
|
-
})));
|
|
101
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var React__default = _interopDefault(React);
|
|
8
|
-
var cx = _interopDefault(require('classnames'));
|
|
9
|
-
var carbonComponents = require('carbon-components');
|
|
10
|
-
|
|
11
|
-
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); }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
18
|
-
var prefix = carbonComponents.settings.prefix;
|
|
19
|
-
|
|
20
|
-
function Accordion(_ref) {
|
|
21
|
-
var align = _ref.align,
|
|
22
|
-
children = _ref.children,
|
|
23
|
-
customClassName = _ref.className,
|
|
24
|
-
rest = _objectWithoutProperties(_ref, ["align", "children", "className"]);
|
|
25
|
-
|
|
26
|
-
var className = cx("".concat(prefix, "--accordion"), customClassName, _defineProperty({}, "".concat(prefix, "--accordion--").concat(align), align));
|
|
27
|
-
return React__default.createElement("ul", _extends({
|
|
28
|
-
className: className
|
|
29
|
-
}, rest), children);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
Accordion.defaultProps = {
|
|
33
|
-
align: 'end'
|
|
34
|
-
};
|
|
35
|
-
Accordion.propTypes = {
|
|
36
|
-
/**
|
|
37
|
-
* Pass in the children that will be rendered within the Accordion
|
|
38
|
-
*/
|
|
39
|
-
children: PropTypes.node,
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Specify an optional className to be applied to the container node
|
|
43
|
-
*/
|
|
44
|
-
className: PropTypes.string,
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* Specify the alignment of the accordion heading title and chevron.
|
|
48
|
-
*/
|
|
49
|
-
align: PropTypes.oneOf(['start', 'end'])
|
|
50
|
-
};
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var React__default = _interopDefault(React);
|
|
8
|
-
var cx = _interopDefault(require('classnames'));
|
|
9
|
-
var carbonComponents = require('carbon-components');
|
|
10
|
-
var iconsReact = require('@carbon/icons-react');
|
|
11
|
-
var __chunk_8 = require('../../internal/keyboard/keys.js');
|
|
12
|
-
var __chunk_9 = require('../../internal/keyboard/match.js');
|
|
13
|
-
require('../../internal/keyboard/navigation.js');
|
|
14
|
-
|
|
15
|
-
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); }
|
|
16
|
-
|
|
17
|
-
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; }
|
|
18
|
-
|
|
19
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
20
|
-
|
|
21
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
22
|
-
|
|
23
|
-
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
24
|
-
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
|
|
27
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
28
|
-
|
|
29
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
30
|
-
var prefix = carbonComponents.settings.prefix;
|
|
31
|
-
|
|
32
|
-
var defaultRenderExpando = function defaultRenderExpando(props) {
|
|
33
|
-
return React__default.createElement("button", props);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
function AccordionItem(_ref) {
|
|
37
|
-
var _cx;
|
|
38
|
-
|
|
39
|
-
var children = _ref.children,
|
|
40
|
-
customClassName = _ref.className,
|
|
41
|
-
_ref$iconDescription = _ref.iconDescription,
|
|
42
|
-
iconDescription = _ref$iconDescription === void 0 ? 'Expand/Collapse' : _ref$iconDescription,
|
|
43
|
-
_ref$open = _ref.open,
|
|
44
|
-
open = _ref$open === void 0 ? false : _ref$open,
|
|
45
|
-
onHeadingClick = _ref.onHeadingClick,
|
|
46
|
-
_ref$renderExpando = _ref.renderExpando,
|
|
47
|
-
Expando = _ref$renderExpando === void 0 ? defaultRenderExpando : _ref$renderExpando,
|
|
48
|
-
_ref$title = _ref.title,
|
|
49
|
-
title = _ref$title === void 0 ? 'title' : _ref$title,
|
|
50
|
-
rest = _objectWithoutProperties(_ref, ["children", "className", "iconDescription", "open", "onHeadingClick", "renderExpando", "title"]);
|
|
51
|
-
|
|
52
|
-
var _useState = React.useState(open),
|
|
53
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
54
|
-
isOpen = _useState2[0],
|
|
55
|
-
setIsOpen = _useState2[1];
|
|
56
|
-
|
|
57
|
-
var _useState3 = React.useState(open),
|
|
58
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
59
|
-
prevIsOpen = _useState4[0],
|
|
60
|
-
setPrevIsOpen = _useState4[1];
|
|
61
|
-
|
|
62
|
-
var _useState5 = React.useState(''),
|
|
63
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
64
|
-
animation = _useState6[0],
|
|
65
|
-
setAnimation = _useState6[1];
|
|
66
|
-
|
|
67
|
-
var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion__item"), true), _defineProperty(_cx, "".concat(prefix, "--accordion__item--active"), isOpen), _defineProperty(_cx, "".concat(prefix, "--accordion__item--").concat(animation), animation), _defineProperty(_cx, customClassName, !!customClassName), _cx));
|
|
68
|
-
|
|
69
|
-
if (open !== prevIsOpen) {
|
|
70
|
-
setIsOpen(open);
|
|
71
|
-
setPrevIsOpen(open);
|
|
72
|
-
} // When the AccordionItem heading is clicked, toggle the open state of the
|
|
73
|
-
// panel
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
function onClick(event) {
|
|
77
|
-
var nextValue = !isOpen;
|
|
78
|
-
setAnimation(isOpen ? 'collapsing' : 'expanding');
|
|
79
|
-
setIsOpen(nextValue);
|
|
80
|
-
|
|
81
|
-
if (onHeadingClick) {
|
|
82
|
-
// TODO: normalize signature, potentially:
|
|
83
|
-
// onHeadingClick :: (event: Event, state: { isOpen: Boolean }) => any
|
|
84
|
-
onHeadingClick({
|
|
85
|
-
isOpen: nextValue,
|
|
86
|
-
event: event
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
} // If the AccordionItem is open, and the user hits the ESC key, then close it
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
function onKeyDown(event) {
|
|
93
|
-
if (isOpen && __chunk_9.match(event, __chunk_8.Escape)) {
|
|
94
|
-
setIsOpen(false);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
function handleAnimationEnd(event) {
|
|
99
|
-
if (rest.handleAnimationEnd) {
|
|
100
|
-
rest.handleAnimationEnd(event);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
setAnimation('');
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
return React__default.createElement("li", _extends({
|
|
107
|
-
className: className
|
|
108
|
-
}, rest, {
|
|
109
|
-
onAnimationEnd: handleAnimationEnd
|
|
110
|
-
}), React__default.createElement(Expando, {
|
|
111
|
-
"aria-expanded": isOpen,
|
|
112
|
-
className: "".concat(prefix, "--accordion__heading"),
|
|
113
|
-
onClick: onClick,
|
|
114
|
-
onKeyDown: onKeyDown,
|
|
115
|
-
title: iconDescription,
|
|
116
|
-
type: "button"
|
|
117
|
-
}, React__default.createElement(iconsReact.ChevronRight16, {
|
|
118
|
-
"aria-label": iconDescription,
|
|
119
|
-
className: "".concat(prefix, "--accordion__arrow")
|
|
120
|
-
}), React__default.createElement("div", {
|
|
121
|
-
className: "".concat(prefix, "--accordion__title")
|
|
122
|
-
}, title)), React__default.createElement("div", {
|
|
123
|
-
className: "".concat(prefix, "--accordion__content")
|
|
124
|
-
}, children));
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
AccordionItem.propTypes = {
|
|
128
|
-
/**
|
|
129
|
-
* Provide the contents of your AccordionItem
|
|
130
|
-
*/
|
|
131
|
-
children: PropTypes.node,
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* Specify an optional className to be applied to the container node
|
|
135
|
-
*/
|
|
136
|
-
className: PropTypes.string,
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* The accordion title.
|
|
140
|
-
*/
|
|
141
|
-
title: PropTypes.node,
|
|
142
|
-
|
|
143
|
-
/**
|
|
144
|
-
* The callback function to render the expando button.
|
|
145
|
-
* Can be a React component class.
|
|
146
|
-
*/
|
|
147
|
-
renderExpando: PropTypes.func,
|
|
148
|
-
|
|
149
|
-
/**
|
|
150
|
-
* The description of the expando icon.
|
|
151
|
-
*/
|
|
152
|
-
iconDescription: PropTypes.string,
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* `true` to open the expando.
|
|
156
|
-
*/
|
|
157
|
-
open: PropTypes.bool,
|
|
158
|
-
|
|
159
|
-
/**
|
|
160
|
-
* The handler of the massaged `click` event.
|
|
161
|
-
*/
|
|
162
|
-
onClick: PropTypes.func,
|
|
163
|
-
|
|
164
|
-
/**
|
|
165
|
-
* The handler of the massaged `click` event on the heading.
|
|
166
|
-
*/
|
|
167
|
-
onHeadingClick: PropTypes.func
|
|
168
|
-
};
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var React__default = _interopDefault(React);
|
|
8
|
-
var cx = _interopDefault(require('classnames'));
|
|
9
|
-
var carbonComponents = require('carbon-components');
|
|
10
|
-
|
|
11
|
-
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); }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
18
|
-
var prefix = carbonComponents.settings.prefix;
|
|
19
|
-
var randoms = [0.973051493507435, 0.15334737213558558, 0.5671034553053769];
|
|
20
|
-
|
|
21
|
-
function getRandomInt(min, max, n) {
|
|
22
|
-
return Math.floor(randoms[n % 3] * (max - min + 1)) + min;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
var SkeletonText = function SkeletonText(_ref) {
|
|
26
|
-
var _classNames;
|
|
27
|
-
|
|
28
|
-
var paragraph = _ref.paragraph,
|
|
29
|
-
lineCount = _ref.lineCount,
|
|
30
|
-
width = _ref.width,
|
|
31
|
-
heading = _ref.heading,
|
|
32
|
-
className = _ref.className,
|
|
33
|
-
other = _objectWithoutProperties(_ref, ["paragraph", "lineCount", "width", "heading", "className"]);
|
|
34
|
-
|
|
35
|
-
var skeletonTextClasses = cx((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "--skeleton__text"), true), _defineProperty(_classNames, "".concat(prefix, "--skeleton__heading"), heading), _defineProperty(_classNames, className, className), _classNames));
|
|
36
|
-
var widthNum = parseInt(width, 10);
|
|
37
|
-
var widthPx = width.includes('px');
|
|
38
|
-
var widthPercent = width.includes('%');
|
|
39
|
-
|
|
40
|
-
if (widthPercent && paragraph) {
|
|
41
|
-
var lines = [];
|
|
42
|
-
|
|
43
|
-
for (var i = 0; i < lineCount; i++) {
|
|
44
|
-
var randomWidth = getRandomInt(0, 75, i) + 'px';
|
|
45
|
-
lines.push(React__default.createElement("p", _extends({
|
|
46
|
-
className: skeletonTextClasses,
|
|
47
|
-
style: {
|
|
48
|
-
width: "calc(".concat(width, " - ").concat(randomWidth, ")")
|
|
49
|
-
},
|
|
50
|
-
key: i
|
|
51
|
-
}, other)));
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
return React__default.createElement("div", null, lines);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
if (widthPx && paragraph) {
|
|
58
|
-
var _lines = [];
|
|
59
|
-
|
|
60
|
-
for (var j = 0; j < lineCount; j++) {
|
|
61
|
-
var _randomWidth = getRandomInt(widthNum - 75, widthNum, j) + 'px';
|
|
62
|
-
|
|
63
|
-
_lines.push(React__default.createElement("p", _extends({
|
|
64
|
-
className: skeletonTextClasses,
|
|
65
|
-
style: {
|
|
66
|
-
width: _randomWidth
|
|
67
|
-
},
|
|
68
|
-
key: j
|
|
69
|
-
}, other)));
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
return React__default.createElement("div", null, _lines);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
return React__default.createElement("p", _extends({
|
|
76
|
-
className: skeletonTextClasses,
|
|
77
|
-
style: {
|
|
78
|
-
width: width
|
|
79
|
-
}
|
|
80
|
-
}, other));
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
SkeletonText.propTypes = {
|
|
84
|
-
/**
|
|
85
|
-
* will generate multiple lines of text
|
|
86
|
-
*/
|
|
87
|
-
paragraph: PropTypes.bool,
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* the number of lines in a paragraph
|
|
91
|
-
*/
|
|
92
|
-
lineCount: PropTypes.number,
|
|
93
|
-
|
|
94
|
-
/**
|
|
95
|
-
* width (in px or %) of single line of text or max-width of paragraph lines
|
|
96
|
-
*/
|
|
97
|
-
width: PropTypes.string,
|
|
98
|
-
|
|
99
|
-
/**
|
|
100
|
-
* generates skeleton text at a larger size
|
|
101
|
-
*/
|
|
102
|
-
heading: PropTypes.bool,
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* Specify an optional className to be applied to the container node
|
|
106
|
-
*/
|
|
107
|
-
className: PropTypes.string
|
|
108
|
-
};
|
|
109
|
-
SkeletonText.defaultProps = {
|
|
110
|
-
paragraph: false,
|
|
111
|
-
width: '100%',
|
|
112
|
-
heading: false,
|
|
113
|
-
lineCount: 3
|
|
114
|
-
};
|
|
115
|
-
|
|
116
|
-
exports.default = SkeletonText;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var warning = _interopDefault(require('warning'));
|
|
6
|
-
|
|
7
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
var didWarnAboutDeprecation = {};
|
|
13
|
-
function deprecate(propType, message) {
|
|
14
|
-
function checker(props, propName, componentName) {
|
|
15
|
-
if (props[propName] === undefined) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
if (!didWarnAboutDeprecation[componentName] || !didWarnAboutDeprecation[componentName][propName]) {
|
|
20
|
-
didWarnAboutDeprecation[componentName] = _objectSpread({}, didWarnAboutDeprecation[componentName], _defineProperty({}, propName, true));
|
|
21
|
-
warning(false, message || "The prop `".concat(propName, "` has been deprecated for the ") + "".concat(componentName, " component. It will be removed in the next major ") + "release");
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
|
|
25
|
-
rest[_key - 3] = arguments[_key];
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
return propType.apply(void 0, [props, propName, componentName].concat(rest));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
return checker;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
exports.default = deprecate;
|
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var carbonComponentsReact = require('carbon-components-react');
|
|
6
|
-
var PropTypes = _interopDefault(require('prop-types'));
|
|
7
|
-
var React = require('react');
|
|
8
|
-
var React__default = _interopDefault(React);
|
|
9
|
-
var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
|
|
10
|
-
var _slicedToArray = _interopDefault(require('@babel/runtime/helpers/slicedToArray'));
|
|
11
|
-
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
|
|
12
|
-
|
|
13
|
-
var AccordionItem = function AccordionItem(_ref) {
|
|
14
|
-
var children = _ref.children,
|
|
15
|
-
props = _objectWithoutProperties(_ref, ["children"]);
|
|
16
|
-
|
|
17
|
-
var open = props.open;
|
|
18
|
-
|
|
19
|
-
var _useState = React.useState(open),
|
|
20
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
-
openState = _useState2[0],
|
|
22
|
-
setOpenState = _useState2[1];
|
|
23
|
-
|
|
24
|
-
React.useEffect(function () {
|
|
25
|
-
setOpenState(open);
|
|
26
|
-
}, [open]);
|
|
27
|
-
|
|
28
|
-
var handleToggle = function handleToggle(event) {
|
|
29
|
-
props.onHeadingClick(event);
|
|
30
|
-
setOpenState(!openState);
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/React__default.createElement(carbonComponentsReact.AccordionItem, _extends({
|
|
34
|
-
"data-testid": "accordion-item"
|
|
35
|
-
}, props, {
|
|
36
|
-
onHeadingClick: handleToggle
|
|
37
|
-
}), openState && children);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
AccordionItem.propTypes = {
|
|
41
|
-
/**
|
|
42
|
-
* Provide the contents of your AccordionItem
|
|
43
|
-
*/
|
|
44
|
-
children: PropTypes.node,
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* Specify an optional className to be applied to the container node
|
|
48
|
-
*/
|
|
49
|
-
className: PropTypes.string,
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* The accordion title.
|
|
53
|
-
*/
|
|
54
|
-
title: PropTypes.node,
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* The callback function to render the expando button.
|
|
58
|
-
* Can be a React component class.
|
|
59
|
-
*/
|
|
60
|
-
// Carbon provides default
|
|
61
|
-
// eslint-disable-next-line react/require-default-props
|
|
62
|
-
renderExpando: PropTypes.func,
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* The description of the expando icon.
|
|
66
|
-
*/
|
|
67
|
-
iconDescription: PropTypes.string,
|
|
68
|
-
|
|
69
|
-
/**
|
|
70
|
-
* `true` to open the expando.
|
|
71
|
-
*/
|
|
72
|
-
open: PropTypes.bool,
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* The handler of the massaged `click` event.
|
|
76
|
-
*/
|
|
77
|
-
onClick: PropTypes.func,
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* The handler of the massaged `click` event on the heading.
|
|
81
|
-
*/
|
|
82
|
-
onHeadingClick: PropTypes.func
|
|
83
|
-
};
|
|
84
|
-
AccordionItem.defaultProps = {
|
|
85
|
-
children: null,
|
|
86
|
-
className: null,
|
|
87
|
-
title: null,
|
|
88
|
-
iconDescription: 'Open/Close',
|
|
89
|
-
open: false,
|
|
90
|
-
onClick: function onClick() {},
|
|
91
|
-
onHeadingClick: function onHeadingClick() {}
|
|
92
|
-
};
|
|
93
|
-
AccordionItem.__docgenInfo = {
|
|
94
|
-
"description": "",
|
|
95
|
-
"methods": [],
|
|
96
|
-
"displayName": "AccordionItem",
|
|
97
|
-
"props": {
|
|
98
|
-
"children": {
|
|
99
|
-
"defaultValue": {
|
|
100
|
-
"value": "null",
|
|
101
|
-
"computed": false
|
|
102
|
-
},
|
|
103
|
-
"type": {
|
|
104
|
-
"name": "node"
|
|
105
|
-
},
|
|
106
|
-
"required": false,
|
|
107
|
-
"description": "Provide the contents of your AccordionItem"
|
|
108
|
-
},
|
|
109
|
-
"className": {
|
|
110
|
-
"defaultValue": {
|
|
111
|
-
"value": "null",
|
|
112
|
-
"computed": false
|
|
113
|
-
},
|
|
114
|
-
"type": {
|
|
115
|
-
"name": "string"
|
|
116
|
-
},
|
|
117
|
-
"required": false,
|
|
118
|
-
"description": "Specify an optional className to be applied to the container node"
|
|
119
|
-
},
|
|
120
|
-
"title": {
|
|
121
|
-
"defaultValue": {
|
|
122
|
-
"value": "null",
|
|
123
|
-
"computed": false
|
|
124
|
-
},
|
|
125
|
-
"type": {
|
|
126
|
-
"name": "node"
|
|
127
|
-
},
|
|
128
|
-
"required": false,
|
|
129
|
-
"description": "The accordion title."
|
|
130
|
-
},
|
|
131
|
-
"iconDescription": {
|
|
132
|
-
"defaultValue": {
|
|
133
|
-
"value": "'Open/Close'",
|
|
134
|
-
"computed": false
|
|
135
|
-
},
|
|
136
|
-
"type": {
|
|
137
|
-
"name": "string"
|
|
138
|
-
},
|
|
139
|
-
"required": false,
|
|
140
|
-
"description": "The description of the expando icon."
|
|
141
|
-
},
|
|
142
|
-
"open": {
|
|
143
|
-
"defaultValue": {
|
|
144
|
-
"value": "false",
|
|
145
|
-
"computed": false
|
|
146
|
-
},
|
|
147
|
-
"type": {
|
|
148
|
-
"name": "bool"
|
|
149
|
-
},
|
|
150
|
-
"required": false,
|
|
151
|
-
"description": "`true` to open the expando."
|
|
152
|
-
},
|
|
153
|
-
"onClick": {
|
|
154
|
-
"defaultValue": {
|
|
155
|
-
"value": "() => {}",
|
|
156
|
-
"computed": false
|
|
157
|
-
},
|
|
158
|
-
"type": {
|
|
159
|
-
"name": "func"
|
|
160
|
-
},
|
|
161
|
-
"required": false,
|
|
162
|
-
"description": "The handler of the massaged `click` event."
|
|
163
|
-
},
|
|
164
|
-
"onHeadingClick": {
|
|
165
|
-
"defaultValue": {
|
|
166
|
-
"value": "() => {}",
|
|
167
|
-
"computed": false
|
|
168
|
-
},
|
|
169
|
-
"type": {
|
|
170
|
-
"name": "func"
|
|
171
|
-
},
|
|
172
|
-
"required": false,
|
|
173
|
-
"description": "The handler of the massaged `click` event on the heading."
|
|
174
|
-
},
|
|
175
|
-
"renderExpando": {
|
|
176
|
-
"type": {
|
|
177
|
-
"name": "func"
|
|
178
|
-
},
|
|
179
|
-
"required": false,
|
|
180
|
-
"description": "The callback function to render the expando button.\nCan be a React component class."
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
|
|
185
|
-
exports.default = AccordionItem;
|