@carbon/ibm-products 2.0.0-rc.33 → 2.0.0-rc.35

package/lib/components/PageHeader/PageHeaderTitle.js

@@ -0,0 +1,129 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.editInPlaceRequired = exports.PageHeaderTitle = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react2 = require("@carbon/react");
+var _ = require("../");
+var _excluded = ["text", "content", "loading", "icon", "asText", "onChange", "onSave", "editDescription", "editableLabel", "cancelDescription", "saveDescription"];
+/**
+ *
+ * Utility component used by Page Header
+ */
+// eslint-disable-next-line react/prop-types
+var PageHeaderTitle = function PageHeaderTitle(_ref) {
+  var blockClass = _ref.blockClass,
+    hasBreadcrumbRow = _ref.hasBreadcrumbRow,
+    title = _ref.title;
+  var titleInnards;
+  // eslint-disable-next-line
+  // debugger;
+
+  var text = title.text,
+    content = title.content,
+    loading = title.loading,
+    icon = title.icon,
+    asText = title.asText,
+    onChange = title.onChange,
+    onSave = title.onSave,
+    editDescription = title.editDescription,
+    editableLabel = title.editableLabel,
+    cancelDescription = title.cancelDescription,
+    saveDescription = title.saveDescription,
+    rest = (0, _objectWithoutProperties2.default)(title, _excluded);
+  var titleText;
+  var isEditable = !!onSave;
+  if (text || !content) {
+    if (text === undefined && typeof title === 'string') {
+      text = title;
+      asText = title;
+    }
+    var TitleIcon = icon;
+    titleInnards = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && !loading ? /*#__PURE__*/_react.default.createElement(TitleIcon, {
+      className: "".concat(blockClass, "__title-icon")
+    }) : null, loading ? /*#__PURE__*/_react.default.createElement(_react2.SkeletonText, {
+      className: "".concat(blockClass, "__title-skeleton")
+    }) : isEditable ? /*#__PURE__*/_react.default.createElement(_.EditInPlace, (0, _extends2.default)({
+      tooltipAlignment: "bottom",
+      value: text,
+      cancelLabel: cancelDescription,
+      editLabel: editDescription,
+      saveLabel: saveDescription,
+      labelText: editableLabel,
+      onChange: onChange,
+      onSave: onSave,
+      size: "md",
+      inheritTypography: true
+    }, rest)) : /*#__PURE__*/_react.default.createElement("span", {
+      title: !loading ? asText : null
+    }, text));
+  } else {
+    titleInnards = content;
+    titleText = asText;
+  }
+  return /*#__PURE__*/_react.default.createElement("h1", {
+    className: (0, _classnames.default)("".concat(blockClass, "__title"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__title--editable"), isEditable), (0, _defineProperty2.default)({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
+    title: titleText
+  }, titleInnards);
+};
+exports.PageHeaderTitle = PageHeaderTitle;
+var editInPlaceRequired = function editInPlaceRequired(_ref2) {
+  var onSave = _ref2.onSave;
+  return !!onSave;
+};
+exports.editInPlaceRequired = editInPlaceRequired;
+PageHeaderTitle.propTypes = {
+  // passed from page header
+  blockClass: _propTypes.default.string.isRequired,
+  /**
+   * controlled from within page header
+   */
+  hasBreadcrumbRow: _propTypes.default.bool,
+  /**
+   * An optional page title supplied as a string or object with the following attributes: text, icon, loading
+   *
+   * Can be supplied either as:
+   * - String
+   * - Object containing
+   *    - text: title string
+   *    - icon: optional icon
+   *    - loading: boolean shows loading indicator if true
+   *    - onChange: function to process the live value (React change === HTML Input)
+   *    - onSave: function to process a confirmed change
+   *    - editDescription: description for edit button
+   *    - editableLabel: label for edit required if onSave supplied
+   *    - cancelDescription: description for edit cancel button
+   *    - saveDescription: description for edit save button
+   * - Object containing user defined contents. These must fit within the area defined for the title in both main part of the header and the breadcrumb.
+   *    - content: title or name of current location shown in main part of page header
+   *    - breadcrumbContent: version of content used in the breadcrumb on scroll. If not supplied
+   *    - asText: String based representation of the title
+   */
+  title: _propTypes.default.oneOfType([_propTypes.default.shape({
+    // Update docgen if changed
+    text: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    loading: _propTypes.default.bool,
+    // inline edit version properties
+    editDescription: _propTypes.default.string.isRequired.if(editInPlaceRequired),
+    editableLabel: _propTypes.default.string.isRequired.if(editInPlaceRequired),
+    id: _propTypes.default.string.isRequired.if(editInPlaceRequired),
+    onChange: _propTypes.default.func,
+    onSave: _propTypes.default.func,
+    cancelDescription: _propTypes.default.string.isRequired.if(editInPlaceRequired),
+    saveDescription: _propTypes.default.string.isRequired.if(editInPlaceRequired)
+    // Update docgen if changed
+  }), _propTypes.default.string, _propTypes.default.shape({
+    content: _propTypes.default.node.isRequired,
+    breadcrumbContent: _propTypes.default.node,
+    asText: _propTypes.default.string.isRequired
+  })])
+};

package/lib/components/PageHeader/PageHeaderUtils.js

@@ -0,0 +1,188 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.utilSetCollapsed = exports.utilGetBreadcrumbItemForTitle = exports.utilCheckUpdateVerticalSpace = exports.blockClass = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _settings = require("../../settings");
+var _scrollableAncestor = require("../../global/js/utils/scrollableAncestor");
+var _react2 = require("@carbon/react");
+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) { (0, _defineProperty2.default)(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.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
+var blockClass = "".concat(_settings.pkg.prefix, "--page-header");
+
+/**
+ * Assesses the vertical height of various elements and calls setMetrics with update
+ * @param {{}} headerRef
+ * @param {{}} offsetTopMeasuringRef
+ * @param {{}} navigation
+ * @param {boolean} enableBreadcrumbScroll
+ * @param {boolean} hasActionBar
+ * @param {boolean} widthIsNarrow
+ * @param {()} setMetrics
+ */
+exports.blockClass = blockClass;
+var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(headerRef, offsetTopMeasuringRef, navigation, enableBreadcrumbScroll, hasActionBar, widthIsNarrow, setMetrics) {
+  var dynamicRefs = {};
+  var getDynamicRef = function getDynamicRef(selector) {
+    // would love to do this differently but digging in the dom seems easier
+    // than getting a ref to a conditionally rendered item
+    /* don't know how to test resize */
+    /* istanbul ignore if */
+    if (!headerRef.current) {
+      return undefined;
+    } else {
+      var dRef = dynamicRefs[selector];
+      /* istanbul ignore else */
+      if (!dRef || /* istanbul ignore next */dRef.parentNode === null) {
+        dynamicRefs[selector] = headerRef.current.querySelector(selector);
+      }
+    }
+    return dynamicRefs[selector];
+  };
+  setMetrics(function (previous) {
+    // Utility function that checks the heights of various elements which are used to determine layout
+    var update = {};
+    var breadcrumbTitleEl = getDynamicRef(".".concat(blockClass, "__breadcrumb-title"));
+    var breadcrumbRowEl = getDynamicRef(".".concat(blockClass, "__breadcrumb-row"));
+    var titleRowEl = getDynamicRef(".".concat(blockClass, "__title-row"));
+    var subtitleRowEl = getDynamicRef(".".concat(blockClass, "__subtitle-row"));
+    var availableRowEl = getDynamicRef(".".concat(blockClass, "__available-row"));
+    var navigationRowEl = getDynamicRef(".".concat(blockClass, "__navigation-row"));
+    var pageActionsEl = getDynamicRef(".".concat(blockClass, "__page-actions"));
+
+    /* istanbul ignore next */
+    update.headerHeight = headerRef.current ? headerRef.current.clientHeight : 0;
+    /* istanbul ignore next */
+    update.headerWidth = headerRef.current ? headerRef.current.offsetWidth : 0;
+
+    // The header offset is the vertical distance from the top of the document to
+    // the page header, which we obtain using getBoundingClientRect() for robust
+    // behavior. We use this offset as the scroll/fixed threshold.
+    var scrollableContainer = (0, _scrollableAncestor.scrollableAncestor)(headerRef.current);
+
+    /* istanbul ignore next */
+    var scrollableContainerTop = scrollableContainer ? scrollableContainer.scrollTop - scrollableContainer.offsetTop : 0;
+
+    // The header offset calculation is either going to work out at 0 if we have no gap between scrolling container
+    // top and the measuring ref top, or the difference between. It does not change on scroll or resize.
+    update.headerOffset = scrollableContainerTop + offsetTopMeasuringRef.current.getBoundingClientRect().top;
+
+    /* istanbul ignore next */
+    update.breadcrumbRowHeight = breadcrumbRowEl ? breadcrumbRowEl.clientHeight : 0;
+    /* istanbul ignore next */
+    update.breadcrumbRowWidth = breadcrumbRowEl ? breadcrumbRowEl.offsetWidth : 0;
+
+    /* istanbul ignore next */
+    update.breadcrumbTitleHeight = breadcrumbTitleEl ? breadcrumbTitleEl.offsetHeight // clientHeight returns 0 when window small
+    : 1;
+
+    /* istanbul ignore next */
+    update.titleRowHeight = titleRowEl ? titleRowEl.clientHeight : 0;
+    /* istanbul ignore next */
+    update.subtitleRowHeight = subtitleRowEl ? subtitleRowEl.clientHeight : 0;
+    /* istanbul ignore next */
+    update.availableRowHeight = availableRowEl ? availableRowEl.clientHeight : 0;
+    /* istanbul ignore next */
+    update.navigationRowHeight = navigationRowEl ? navigationRowEl.clientHeight : 1;
+
+    // Base for calculating sticky top
+    update.headerTopValue = -update.headerHeight;
+    if (navigation) {
+      // adjust top for sticky with navigation
+      update.headerTopValue += update.navigationRowHeight;
+    }
+    if (!hasActionBar && !widthIsNarrow) {
+      // Add difference between $spacing-08 and $spacing-07 to ensure space below breadcrumb is correct on scroll
+      // $spacing-07 is used as size for breadcrumb when no action bar otherwise $spacing-08
+      update.headerTopValue += 8;
+    }
+    if (!enableBreadcrumbScroll || !navigation) {
+      // adjust sticky top if no navigation or breadcrumb is to stay on screen
+      update.headerTopValue += update.breadcrumbRowHeight;
+    }
+    if (enableBreadcrumbScroll) {
+      // adjust header top value when scroll enabled for breadcrumb
+      update.headerTopValue -= navigation ? hasActionBar ? 0 : 10 : update.headerHeight;
+    }
+
+    // if (window) {
+    var val;
+    /* don't know how to test resize */
+    /* istanbul ignore if */
+    if (breadcrumbRowEl) {
+      val = parseFloat(window.getComputedStyle(breadcrumbRowEl).getPropertyValue('margin-bottom'), 10);
+      update.breadcrumbRowSpaceBelow = isNaN(val) ? 0 : val;
+    }
+    /* don't know how to test resize */
+    /* istanbul ignore if */
+    if (titleRowEl) {
+      val = parseFloat(window.getComputedStyle(titleRowEl).getPropertyValue('margin-top'), 10);
+      update.titleRowSpaceAbove = isNaN(val) ? 0 : val;
+      if (pageActionsEl) {
+        val = parseFloat(window.getComputedStyle(pageActionsEl).getPropertyValue('margin-top'), 10);
+        update.pageActionsSpaceAbove = titleRowEl.clientHeight - pageActionsEl.clientHeight + update.titleRowSpaceAbove - (isNaN(val) ? 0 : val);
+      }
+    }
+    return _objectSpread(_objectSpread({}, previous), update);
+  });
+};
+
+// Trigger a window scroll, if necessary, to set the collapsed state.
+exports.utilCheckUpdateVerticalSpace = utilCheckUpdateVerticalSpace;
+var utilSetCollapsed = function utilSetCollapsed(collapse, headerOffset, headerTopValue) {
+  /* don't know how to test resize */
+  /* istanbul ignore else */
+  if (collapse) {
+    window.scrollTo({
+      top: headerOffset - headerTopValue,
+      behavior: 'smooth'
+    });
+  } else {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  }
+};
+exports.utilSetCollapsed = utilSetCollapsed;
+var utilGetBreadcrumbItemForTitle = function utilGetBreadcrumbItemForTitle(blockClass, collapseTitle, title) {
+  var breadcrumbTitle;
+  if (title) {
+    if (title.text !== undefined) {
+      // Shape title provided
+      breadcrumbTitle = {
+        label: /*#__PURE__*/_react.default.createElement("span", null, title.loading ? /*#__PURE__*/_react.default.createElement(_react2.SkeletonText, null) : title.text),
+        title: title.text
+      };
+    } else if (title.content !== undefined) {
+      var _ref, _title$breadcrumbCont;
+      // user defined content
+      breadcrumbTitle = {
+        label: (_ref = (_title$breadcrumbCont = title.breadcrumbContent) !== null && _title$breadcrumbCont !== void 0 ? _title$breadcrumbCont : title.content) !== null && _ref !== void 0 ? _ref : title.asText,
+        title: title.asText
+      };
+    } else {
+      breadcrumbTitle = {
+        label: title,
+        title: title
+      };
+    }
+    if (breadcrumbTitle) {
+      breadcrumbTitle.key = 'breadcrumb-title';
+      breadcrumbTitle.isCurrentPage = true;
+      breadcrumbTitle.className = (0, _classnames.default)(["".concat(blockClass, "__breadcrumb-title"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__breadcrumb-title--pre-collapsed"), collapseTitle)]);
+    }
+    return breadcrumbTitle;
+  }
+};
+exports.utilGetBreadcrumbItemForTitle = utilGetBreadcrumbItemForTitle;

package/lib/components/PageHeader/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PageHeader", {
+  enumerable: true,
+  get: function get() {
+    return _PageHeader.PageHeader;
+  }
+});
+var _PageHeader = require("./PageHeader");

package/lib/components/ProductiveCard/ProductiveCard.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProductiveCard = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Card = require("../Card");
+var _devtools = require("../../global/js/utils/devtools");
+var _propsHelper = require("../../global/js/utils/props-helper");
+var _settings = require("../../settings");
+var _excluded = ["actionsPlacement"]; //
+// 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.
+//
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2.default)(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; }
+var componentName = 'ProductiveCard';
+
+// Default values for props
+var defaults = {
+  actionsPlacement: 'top'
+};
+var ProductiveCard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$actionsPlacement = _ref.actionsPlacement,
+    actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var validProps = (0, _propsHelper.prepareProps)(rest, ['media', 'mediaPosition', 'onSecondaryButtonClick', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind', 'secondaryButtonText']);
+  return /*#__PURE__*/_react.default.createElement(_Card.Card, (0, _extends2.default)({}, _objectSpread(_objectSpread({}, validProps), {}, {
+    actionsPlacement: actionsPlacement,
+    ref: ref
+  }), {
+    productive: true
+  }, (0, _devtools.getDevtoolsProps)(componentName)));
+});
+
+// Return a placeholder if not released and not enabled by feature flag
+exports.ProductiveCard = ProductiveCard;
+exports.ProductiveCard = ProductiveCard = _settings.pkg.checkComponentEnabled(ProductiveCard, componentName);
+ProductiveCard.propTypes = {
+  /**
+   * Icons that are displayed on card. Refer to design documentation for implementation guidelines
+   */
+  actionIcons: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    icon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    onKeyDown: _propTypes.default.func,
+    onClick: _propTypes.default.func,
+    iconDescription: _propTypes.default.string,
+    href: _propTypes.default.string
+  })),
+  /**
+   * Determines if the action icons are on the top or bottom of the card
+   */
+  actionsPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+  /**
+   * Content that shows in the body of the card
+   */
+  children: _propTypes.default.node,
+  /**
+   * Optional user provided class
+   */
+  className: _propTypes.default.string,
+  /**
+   * Designates which zones of the card are clickable. Refer to design documentation for implementation guidelines
+   */
+  clickZone: _propTypes.default.oneOf(['one', 'two', 'three']),
+  /**
+   * Optional header description
+   */
+  description: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
+  /**
+   * Optional label for the top of the card
+   */
+  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
+  /**
+   * Provides the callback for a clickable card
+   */
+  onClick: _propTypes.default.func,
+  /**
+   * Function that's called from the primary button or action icon
+   */
+  onPrimaryButtonClick: _propTypes.default.func,
+  /**
+   * Use an overflow menu instead of action icons. Refer to design documentation for implementation guidelines
+   */
+  overflowActions: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string,
+    itemText: _propTypes.default.string,
+    onClick: _propTypes.default.func,
+    onKeyDown: _propTypes.default.func
+  })),
+  /**
+   * Aria label prop required for OverflowMenu
+   */
+  overflowAriaLabel: _propTypes.default.string,
+  /**
+   * Optionally specify an href for your Button to become an <a> element
+   */
+  primaryButtonHref: _propTypes.default.string,
+  /**
+   * Optional prop to allow overriding the icon rendering. Can be a React component class
+   */
+  primaryButtonIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+  /**
+   * Determines if the primary button is on the top or bottom of the card
+   */
+  primaryButtonPlacement: _propTypes.default.oneOf(['top', 'bottom']),
+  /**
+   * The text that's displayed in the primary button
+   */
+  primaryButtonText: _propTypes.default.node,
+  /**
+   * Title that's displayed at the top of the card
+   */
+  title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object, _propTypes.default.node]),
+  /**
+   * Determines title size
+   */
+  titleSize: _propTypes.default.oneOf(['default', 'large'])
+};
+ProductiveCard.displayName = componentName;

package/lib/components/ProductiveCard/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ProductiveCard", {
+  enumerable: true,
+  get: function get() {
+    return _ProductiveCard.ProductiveCard;
+  }
+});
+var _ProductiveCard = require("./ProductiveCard");