@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.30

package/es/components/Card/Card.js

@@ -1,280 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionIcons", "actionsPlacement", "children", "className", "clickZone", "description", "label", "media", "mediaPosition", "onClick", "onKeyDown", "onPrimaryButtonClick", "overflowActions", "overflowAriaLabel", "onSecondaryButtonClick", "pictogram", "primaryButtonHref", "primaryButtonIcon", "primaryButtonKind", "primaryButtonPlacement", "primaryButtonText", "productive", "secondaryButtonHref", "secondaryButtonIcon", "secondaryButtonKind", "secondaryButtonText", "title", "titleSize"],
-    _excluded2 = ["id"],
-    _excluded3 = ["id", "icon", "onClick", "iconDescription", "href"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { Button, IconButton, OverflowMenu, OverflowMenuItem } from '@carbon/react';
-import PropTypes from 'prop-types';
-import { CardHeader } from './CardHeader';
-import { CardFooter } from './CardFooter';
-import { pkg } from '../../settings';
-var componentName = 'Card'; // Default values for props
-
-var defaults = {
-  actionIcons: Object.freeze([]),
-  actionsPlacement: 'bottom',
-  clickZone: 'one',
-  mediaPosition: 'top',
-  overflowActions: Object.freeze([]),
-  primaryButtonKind: 'primary',
-  primaryButtonPlacement: 'bottom',
-  productive: false,
-  secondaryButtonKind: 'secondary',
-  titleSize: 'default'
-};
-export var Card = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$actionIcons = _ref.actionIcons,
-      actionIcons = _ref$actionIcons === void 0 ? defaults.actionIcons : _ref$actionIcons,
-      _ref$actionsPlacement = _ref.actionsPlacement,
-      actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
-      children = _ref.children,
-      className = _ref.className,
-      _ref$clickZone = _ref.clickZone,
-      clickZone = _ref$clickZone === void 0 ? defaults.clickZone : _ref$clickZone,
-      description = _ref.description,
-      label = _ref.label,
-      media = _ref.media,
-      _ref$mediaPosition = _ref.mediaPosition,
-      mediaPosition = _ref$mediaPosition === void 0 ? defaults.mediaPosition : _ref$mediaPosition,
-      onClick = _ref.onClick,
-      onKeyDown = _ref.onKeyDown,
-      onPrimaryButtonClick = _ref.onPrimaryButtonClick,
-      _ref$overflowActions = _ref.overflowActions,
-      overflowActions = _ref$overflowActions === void 0 ? defaults.overflowActions : _ref$overflowActions,
-      overflowAriaLabel = _ref.overflowAriaLabel,
-      onSecondaryButtonClick = _ref.onSecondaryButtonClick,
-      Pictogram = _ref.pictogram,
-      primaryButtonHref = _ref.primaryButtonHref,
-      primaryButtonIcon = _ref.primaryButtonIcon,
-      _ref$primaryButtonKin = _ref.primaryButtonKind,
-      primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
-      _ref$primaryButtonPla = _ref.primaryButtonPlacement,
-      primaryButtonPlacement = _ref$primaryButtonPla === void 0 ? defaults.primaryButtonPlacement : _ref$primaryButtonPla,
-      primaryButtonText = _ref.primaryButtonText,
-      _ref$productive = _ref.productive,
-      productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
-      secondaryButtonHref = _ref.secondaryButtonHref,
-      secondaryButtonIcon = _ref.secondaryButtonIcon,
-      _ref$secondaryButtonK = _ref.secondaryButtonKind,
-      secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
-      secondaryButtonText = _ref.secondaryButtonText,
-      title = _ref.title,
-      _ref$titleSize = _ref.titleSize,
-      titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var blockClass = "".concat(pkg.prefix, "--card");
-  var hasActions = actionIcons.length > 0 || overflowActions.length > 0 || primaryButtonText && primaryButtonPlacement === 'top';
-  var hasFooterActions = hasActions && actionsPlacement === 'bottom';
-  var hasFooterButton = !!secondaryButtonText || !!primaryButtonText && primaryButtonPlacement === 'bottom';
-  var hasBottomBar = hasFooterActions || hasFooterButton;
-  var hasClickEvent = !!onClick || !!onKeyDown;
-  var clickableProps = {
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    role: 'button',
-    tabIndex: '0'
-  }; // actions can either be an overflow menu or series of icons
-
-  var getActions = function getActions() {
-    if (overflowActions.length > 0) {
-      var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
-      var size = actionsPlacement === 'top' ? 'sm' : 'md';
-      return /*#__PURE__*/React.createElement(OverflowMenu, {
-        size: size,
-        direction: pos,
-        flipped: true,
-        ariaLabel: overflowAriaLabel
-      }, overflowActions.map(function (_ref2) {
-        var id = _ref2.id,
-            rest = _objectWithoutProperties(_ref2, _excluded2);
-
-        return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({
-          key: id
-        }, rest));
-      }));
-    }
-
-    var icons = actionIcons.map(function (_ref3) {
-      var id = _ref3.id,
-          Icon = _ref3.icon,
-          onClick = _ref3.onClick,
-          iconDescription = _ref3.iconDescription,
-          href = _ref3.href,
-          rest = _objectWithoutProperties(_ref3, _excluded3);
-
-      if (productive) {
-        return /*#__PURE__*/React.createElement(Button, _extends({}, rest, {
-          key: id,
-          renderIcon: Icon,
-          hasIconOnly: true,
-          onClick: onClick,
-          size: actionsPlacement === 'top' ? 'sm' : 'md',
-          iconDescription: iconDescription,
-          kind: "ghost",
-          href: href
-        }));
-      }
-
-      if (href) {
-        return /*#__PURE__*/React.createElement("a", {
-          key: id,
-          className: "".concat(blockClass, "__icon"),
-          href: href,
-          onClick: onClick
-        }, /*#__PURE__*/React.createElement(Icon, {
-          "aria-label": iconDescription
-        }));
-      }
-
-      return /*#__PURE__*/React.createElement(IconButton, {
-        key: id,
-        label: iconDescription,
-        className: "".concat(blockClass, "__icon"),
-        onClick: onClick,
-        kind: "ghost",
-        size: "sm"
-      }, /*#__PURE__*/React.createElement(Icon, {
-        "aria-label": iconDescription
-      }));
-    });
-    return icons;
-  };
-
-  var getCardProps = function getCardProps() {
-    var _cx;
-
-    var clickable = hasClickEvent && !productive || hasClickEvent && productive && clickZone === 'one';
-
-    var cardProps = _objectSpread(_objectSpread({}, rest), {}, {
-      ref: ref,
-      className: cx(blockClass, (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__productive"), productive), _defineProperty(_cx, "".concat(blockClass, "__clickable"), clickable), _defineProperty(_cx, "".concat(blockClass, "__media-left"), mediaPosition === 'left'), _cx), className)
-    }, clickable && clickableProps);
-
-    return cardProps;
-  }; // the only reason this is necessary is for click zone 2
-
-
-  var getHeaderBodyProps = function getHeaderBodyProps() {
-    var clickable = hasClickEvent && clickZone === 'two';
-
-    var headerBodyProps = _objectSpread({
-      className: cx("".concat(blockClass, "__header-body-container"), _defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
-    }, clickable && clickableProps);
-
-    return headerBodyProps;
-  };
-
-  var getHeaderProps = function getHeaderProps() {
-    return {
-      actions: actionsPlacement === 'top' ? getActions() : '',
-      noActionIcons: actionIcons.length > 0 && actionsPlacement === 'top' ? false : true,
-      actionsPlacement: actionsPlacement,
-      onPrimaryButtonClick: onPrimaryButtonClick,
-      primaryButtonIcon: primaryButtonIcon,
-      primaryButtonPlacement: primaryButtonPlacement,
-      primaryButtonText: primaryButtonText,
-      description: description,
-      hasActions: hasActions,
-      label: label,
-      title: title,
-      titleSize: titleSize
-    };
-  };
-
-  var getBodyProps = function getBodyProps() {
-    var clickable = hasClickEvent && clickZone === 'three';
-
-    var bodyProps = _objectSpread({
-      className: cx("".concat(blockClass, "__body"), _defineProperty({}, "".concat(blockClass, "__clickable"), clickable))
-    }, clickable && clickableProps);
-
-    return bodyProps;
-  };
-
-  var getFooterProps = function getFooterProps() {
-    return {
-      actions: actionsPlacement === 'bottom' ? getActions() : '',
-      actionsPlacement: actionsPlacement,
-      hasActions: hasFooterActions,
-      hasButton: hasFooterButton,
-      onPrimaryButtonClick: onPrimaryButtonClick,
-      onSecondaryButtonClick: onSecondaryButtonClick,
-      primaryButtonHref: primaryButtonHref,
-      primaryButtonIcon: primaryButtonIcon,
-      primaryButtonKind: primaryButtonKind,
-      primaryButtonPlacement: primaryButtonPlacement,
-      primaryButtonText: primaryButtonText,
-      productive: productive,
-      secondaryButtonHref: secondaryButtonHref,
-      secondaryButtonIcon: secondaryButtonIcon,
-      secondaryButtonKind: secondaryButtonKind,
-      secondaryButtonText: secondaryButtonText
-    };
-  };
-
-  return /*#__PURE__*/React.createElement("div", getCardProps(), media && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__media")
-  }, media), Pictogram && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__pictogram")
-  }, /*#__PURE__*/React.createElement(Pictogram, null)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__content-container")
-  }, /*#__PURE__*/React.createElement("div", getHeaderBodyProps(), /*#__PURE__*/React.createElement(CardHeader, getHeaderProps()), /*#__PURE__*/React.createElement("div", getBodyProps(), children)), hasBottomBar && /*#__PURE__*/React.createElement(CardFooter, getFooterProps())));
-});
-Card.propTypes = {
-  actionIcons: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    onKeyDown: PropTypes.func,
-    onClick: PropTypes.func,
-    iconDescription: PropTypes.string,
-    href: PropTypes.string
-  })),
-  actionsPlacement: PropTypes.oneOf(['top', 'bottom']),
-  children: PropTypes.node,
-  className: PropTypes.string,
-  clickZone: PropTypes.oneOf(['one', 'two', 'three']),
-  description: PropTypes.string,
-  label: PropTypes.string,
-  media: PropTypes.node,
-  mediaPosition: PropTypes.oneOf(['top', 'left']),
-  onClick: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onPrimaryButtonClick: PropTypes.func,
-  onSecondaryButtonClick: PropTypes.func,
-  overflowActions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    itemText: PropTypes.string,
-    onClick: PropTypes.func,
-    onKeyDown: PropTypes.func
-  })),
-  overflowAriaLabel: PropTypes.string,
-  pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  primaryButtonHref: PropTypes.string,
-  primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  primaryButtonKind: PropTypes.oneOf(['primary', 'ghost']),
-  primaryButtonPlacement: PropTypes.oneOf(['top', 'bottom']),
-  primaryButtonText: PropTypes.node,
-  productive: PropTypes.bool,
-  secondaryButtonHref: PropTypes.string,
-  secondaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  secondaryButtonKind: PropTypes.oneOf(['secondary', 'ghost']),
-  secondaryButtonText: PropTypes.string,
-  title: PropTypes.string,
-  titleSize: PropTypes.oneOf(['default', 'large'])
-};
-Card.displayName = componentName;

package/es/components/Card/CardFooter.js

@@ -1,78 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-import React from 'react';
-import cx from 'classnames';
-import { Button } from '@carbon/react';
-import PropTypes from 'prop-types';
-import { pkg } from '../../settings';
-var componentName = 'CardFooter';
-var defaults = {
-  actions: Object.freeze([]),
-  primaryButtonKind: 'primary',
-  productive: false,
-  secondaryButtonKind: 'secondary'
-};
-export var CardFooter = function CardFooter(_ref) {
-  var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
-      hasActions = _ref.hasActions,
-      hasButton = _ref.hasButton,
-      onPrimaryButtonClick = _ref.onPrimaryButtonClick,
-      onSecondaryButtonClick = _ref.onSecondaryButtonClick,
-      primaryButtonHref = _ref.primaryButtonHref,
-      primaryButtonIcon = _ref.primaryButtonIcon,
-      _ref$primaryButtonKin = _ref.primaryButtonKind,
-      primaryButtonKind = _ref$primaryButtonKin === void 0 ? defaults.primaryButtonKind : _ref$primaryButtonKin,
-      primaryButtonPlacement = _ref.primaryButtonPlacement,
-      primaryButtonText = _ref.primaryButtonText,
-      _ref$productive = _ref.productive,
-      productive = _ref$productive === void 0 ? defaults.productive : _ref$productive,
-      secondaryButtonHref = _ref.secondaryButtonHref,
-      secondaryButtonIcon = _ref.secondaryButtonIcon,
-      _ref$secondaryButtonK = _ref.secondaryButtonKind,
-      secondaryButtonKind = _ref$secondaryButtonK === void 0 ? defaults.secondaryButtonKind : _ref$secondaryButtonK,
-      secondaryButtonText = _ref.secondaryButtonText;
-  var blockClass = "".concat(pkg.prefix, "--card");
-  var footerClass = "".concat(pkg.prefix, "--card__footer");
-  var footerClasses = cx(footerClass, _defineProperty({}, "".concat(footerClass, "-no-button"), !hasButton));
-  return /*#__PURE__*/React.createElement("div", {
-    className: footerClasses
-  }, secondaryButtonText && /*#__PURE__*/React.createElement(Button, {
-    kind: secondaryButtonKind,
-    onClick: onSecondaryButtonClick,
-    size: "md",
-    renderIcon: secondaryButtonIcon,
-    href: secondaryButtonHref
-  }, secondaryButtonText), primaryButtonText && primaryButtonPlacement === 'bottom' && /*#__PURE__*/React.createElement(Button, {
-    kind: productive ? 'ghost' : primaryButtonKind,
-    onClick: onPrimaryButtonClick,
-    size: "md",
-    renderIcon: primaryButtonIcon,
-    href: primaryButtonHref
-  }, primaryButtonText), hasActions && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__actions")
-  }, actions));
-};
-CardFooter.propTypes = {
-  actions: PropTypes.oneOfType([PropTypes.array, PropTypes.node]),
-  hasActions: PropTypes.bool,
-  hasButton: PropTypes.bool,
-  onPrimaryButtonClick: PropTypes.func,
-  onSecondaryButtonClick: PropTypes.func,
-  primaryButtonHref: PropTypes.string,
-  primaryButtonIcon: PropTypes.string,
-  primaryButtonKind: PropTypes.oneOf(['primary', 'ghost']),
-  primaryButtonPlacement: PropTypes.oneOf(['top', 'bottom']),
-  primaryButtonText: PropTypes.string,
-  productive: PropTypes.bool,
-  secondaryButtonHref: PropTypes.string,
-  secondaryButtonIcon: PropTypes.string,
-  secondaryButtonKind: PropTypes.oneOf(['secondary', 'ghost']),
-  secondaryButtonText: PropTypes.string
-};
-CardFooter.displayName = componentName;

package/es/components/Card/CardHeader.js

@@ -1,74 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-import React from 'react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import { pkg } from '../../settings';
-import { Button } from '@carbon/react';
-var componentName = 'CardHeader';
-var defaults = {
-  hasActions: false,
-  titleSize: 'default'
-};
-export var CardHeader = function CardHeader(_ref) {
-  var _cx;
-
-  var actions = _ref.actions,
-      noActionIcons = _ref.noActionIcons,
-      onPrimaryButtonClick = _ref.onPrimaryButtonClick,
-      primaryButtonIcon = _ref.primaryButtonIcon,
-      primaryButtonPlacement = _ref.primaryButtonPlacement,
-      primaryButtonText = _ref.primaryButtonText,
-      description = _ref.description,
-      _ref$hasActions = _ref.hasActions,
-      hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
-      label = _ref.label,
-      title = _ref.title,
-      _ref$titleSize = _ref.titleSize,
-      titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
-  var blockClass = "".concat(pkg.prefix, "--card");
-  var headerClass = "".concat(blockClass, "__header");
-  var headerClasses = cx(headerClass, (_cx = {}, _defineProperty(_cx, "".concat(headerClass, "-label-only"), label && !title && !description), _defineProperty(_cx, "".concat(headerClass, "-has-label"), !!label), _defineProperty(_cx, "".concat(blockClass, "__title-lg"), titleSize === 'large'), _cx));
-  var actionGhostButton = "".concat(blockClass, "__actions-header-ghost-button");
-  var actionGhostButtonClass = cx(actionGhostButton, _defineProperty({}, "".concat(actionGhostButton, "--only"), noActionIcons));
-  return /*#__PURE__*/React.createElement("div", {
-    className: headerClasses
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(headerClass, "-container")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__title-container")
-  }, label && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__label")
-  }, label), title && /*#__PURE__*/React.createElement("h6", {
-    className: "".concat(blockClass, "__title")
-  }, title), description && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__description")
-  }, description)), hasActions && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__actions ").concat(blockClass, "__actions-header")
-  }, actions, primaryButtonText && primaryButtonPlacement === 'top' && /*#__PURE__*/React.createElement(Button, {
-    kind: "ghost",
-    size: "small",
-    renderIcon: primaryButtonIcon,
-    onClick: onPrimaryButtonClick,
-    className: actionGhostButtonClass
-  }, primaryButtonText))));
-};
-CardHeader.propTypes = {
-  actions: PropTypes.oneOfType([PropTypes.array, PropTypes.node]),
-  description: PropTypes.string,
-  hasActions: PropTypes.bool,
-  label: PropTypes.string,
-  noActionIcons: PropTypes.bool,
-  onPrimaryButtonClick: PropTypes.func,
-  primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  primaryButtonPlacement: PropTypes.oneOf(['top', 'bottom']),
-  primaryButtonText: PropTypes.string,
-  title: PropTypes.string,
-  titleSize: PropTypes.oneOf(['default', 'large'])
-};
-CardHeader.displayName = componentName;

package/es/components/Card/index.js

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-export { Card } from './Card';
-export { CardHeader } from './CardHeader';
-export { CardFooter } from './CardFooter';

package/es/components/Cascade/Cascade.js

@@ -1,89 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "grid"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-//
-// Copyright IBM Corp. 20201, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-import React, { forwardRef } from 'react';
-import { Grid } from '@carbon/react';
-import cx from 'classnames';
-import PropTypes from 'prop-types';
-import { pkg } from '../../settings';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-var blockClass = "".concat(pkg.prefix, "--cascade");
-var componentName = 'Cascade';
-var defaults = {
-  grid: false
-};
-export var Cascade = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      _ref$grid = _ref.grid,
-      grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
-    className: cx(blockClass, className),
-    ref: ref
-  }, getDevtoolsProps(componentName));
-
-  var modifyChildren = function modifyChildren(child) {
-    var className = cx(child.props.className, "".concat(blockClass, "__element"));
-    return /*#__PURE__*/React.cloneElement(child, {
-      className: className
-    });
-  };
-
-  var getModifiedChildren = function getModifiedChildren() {
-    return React.Children.map(children, function (child) {
-      return modifyChildren(child);
-    });
-  };
-
-  if (grid) {
-    var colIdx = 0;
-    var gridElm = React.Children.map(children, function (row) {
-      var cols = React.Children.map(row.props.children, function (col) {
-        colIdx = colIdx + 1;
-        var colClassnames = cx(col.props.className, "".concat(blockClass, "__col"), "".concat(blockClass, "__col-").concat(colIdx));
-        return /*#__PURE__*/React.cloneElement(col, {
-          className: colClassnames
-        });
-      });
-      return /*#__PURE__*/React.cloneElement(row, {
-        children: cols
-      });
-    });
-    return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(Grid, null, gridElm));
-  }
-
-  return /*#__PURE__*/React.createElement("div", props, getModifiedChildren());
-});
-Cascade = pkg.checkComponentEnabled(Cascade, componentName);
-Cascade.displayName = componentName;
-Cascade.propTypes = {
-  /**
-   * Main content that is shown.
-   */
-  children: PropTypes.node,
-
-  /**
-   * Optional class name.
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specifies whether or not to wrap the child content in a <Grid />.
-   * If this is set to true it's important that the children are being wrapped in rows in columns.
-   * Check the documentation for additional clarification.
-   */
-  grid: PropTypes.bool
-};

package/es/components/Cascade/index.js

@@ -1 +0,0 @@
-export { Cascade } from './Cascade';

package/es/components/ComboButton/ComboButton.js

@@ -1,112 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _toArray from "@babel/runtime/helpers/toArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "overflowMenu"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children", "renderIcon"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-/**
- * Copyright IBM Corp. 2020, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { ChevronDown, ChevronUp } from '@carbon/react/icons';
-import { Button, OverflowMenuItem, OverflowMenu } from '@carbon/react';
-import classnames from 'classnames';
-import { node, shape, string } from 'prop-types';
-import uuidv4 from '../../global/js/utils/uuidv4';
-import React, { Children, createElement, useRef, useState } from 'react';
-var blockClass = 'security--combo-button';
-/**
- * The combo button consolidates similar actions, while exposing the most commonly used one.
- */
-
-var ComboButton = function ComboButton(_ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      overflowMenu = _ref.overflowMenu,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var _useRef = useRef(uuidv4()),
-      instanceId = _useRef.current;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _Children$toArray$fil = Children.toArray(children).filter(Boolean).map(function (_ref2) {
-    var _ref2$props = _ref2.props,
-        children = _ref2$props.children,
-        props = _objectWithoutProperties(_ref2$props, _excluded2);
-
-    return _objectSpread(_objectSpread({}, props), {}, {
-      children: /*#__PURE__*/React.createElement("span", {
-        className: "".concat(blockClass, "__action"),
-        title: children
-      }, children)
-    });
-  }),
-      _Children$toArray$fil2 = _toArray(_Children$toArray$fil),
-      primaryAction = _Children$toArray$fil2[0],
-      restActions = _Children$toArray$fil2.slice(1);
-
-  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
-    className: classnames(blockClass, className),
-    "data-floating-menu-container": true
-  }), /*#__PURE__*/React.createElement(Button, primaryAction), restActions.length > 0 && /*#__PURE__*/React.createElement(OverflowMenu, _extends({}, overflowMenu, {
-    className: "".concat(blockClass, "__overflow-menu"),
-    menuOptionsClass: "".concat(blockClass, "__overflow-menu__list"),
-    onClick: function onClick() {
-      return !isOpen && setIsOpen(true);
-    },
-    onClose: function onClose() {
-      return setIsOpen(false);
-    },
-    renderIcon: function renderIcon() {
-      return /*#__PURE__*/createElement(isOpen ? function (props) {
-        return /*#__PURE__*/React.createElement(ChevronUp, _extends({
-          size: 16
-        }, props));
-      } : function (props) {
-        return /*#__PURE__*/React.createElement(ChevronDown, _extends({
-          size: 16
-        }, props));
-      }, {
-        className: "".concat(blockClass, "__overflow-menu__icon")
-      });
-    },
-    flipped: true
-  }), restActions.map(function (_ref3, index) {
-    var children = _ref3.children,
-        Icon = _ref3.renderIcon,
-        action = _objectWithoutProperties(_ref3, _excluded3);
-
-    return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({}, action, {
-      key: "".concat(blockClass, "--").concat(instanceId, "__overflow-menu__item__").concat(index),
-      className: "".concat(blockClass, "__overflow-menu__item"),
-      itemText: /*#__PURE__*/React.createElement(React.Fragment, null, children, Icon && /*#__PURE__*/React.createElement("span", {
-        className: "".concat(blockClass, "__overflow-menu__item__icon")
-      }, /*#__PURE__*/React.createElement(Icon, null)))
-    }));
-  })));
-};
-
-ComboButton.propTypes = {
-  /** Provide the contents of the `ComboButton` */
-  children: node.isRequired,
-
-  /** Provide an optional class to be applied to the containing node */
-  className: string,
-
-  /** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
-  overflowMenu: shape(OverflowMenu.propTypes)
-};
-export { ComboButton };