@carbon/ibm-products 2.0.0-rc.32 → 2.0.0-rc.34

package/es/components/ExampleComponent/ExampleComponent.js

@@ -1,180 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "usesExampleHook", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "secondaryIcon", "size", "style"];
-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 portions of React that are needed.
-import React, { useRef, useEffect, useState } from 'react';
-
-// Other standard imports.
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pkg } from '../../settings';
-
-// Carbon and package components we use.
-import { Button, ButtonSet } from '@carbon/react';
-import useExample from './useExample';
-// The block part of our conventional BEM class names (blockClass__E--M).
-var blockClass = "".concat(pkg.prefix, "--example-component");
-var componentName = 'ExampleComponent';
-
-// NOTE: the component SCSS is not imported here: it is rolled up separately.
-
-// Default values for props
-var defaults = {
-  primaryKind: 'primary',
-  secondaryKind: 'secondary',
-  secondaryIcon: null,
-  size: 'lg'
-};
-
-/**
- * This is an example component to show relevant conventions and usage.
- */
-export var ExampleComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var borderColor = _ref.borderColor,
-    boxedBorder = _ref.boxedBorder,
-    className = _ref.className,
-    disabled = _ref.disabled,
-    usesExampleHook = _ref.usesExampleHook,
-    onPrimaryClick = _ref.onPrimaryClick,
-    onSecondaryClick = _ref.onSecondaryClick,
-    primaryButtonLabel = _ref.primaryButtonLabel,
-    _ref$primaryKind = _ref.primaryKind,
-    primaryKind = _ref$primaryKind === void 0 ? defaults.primaryKind : _ref$primaryKind,
-    secondaryButtonLabel = _ref.secondaryButtonLabel,
-    _ref$secondaryKind = _ref.secondaryKind,
-    secondaryKind = _ref$secondaryKind === void 0 ? defaults.secondaryKind : _ref$secondaryKind,
-    _ref$secondaryIcon = _ref.secondaryIcon,
-    secondaryIcon = _ref$secondaryIcon === void 0 ? defaults.secondaryIcon : _ref$secondaryIcon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? defaults.size : _ref$size,
-    style = _ref.style,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(primaryButtonLabel),
-    _useState2 = _slicedToArray(_useState, 2),
-    thePrimaryButtonLabel = _useState2[0],
-    setThePrimaryButtonLabel = _useState2[1];
-  var _useExample = useExample(usesExampleHook),
-    _useExample2 = _slicedToArray(_useExample, 1),
-    exampleUse = _useExample2[0];
-  var modeClass = boxedBorder ? "".concat(blockClass, "--boxed-set") : "".concat(blockClass, "--shadow-set");
-  var handlePrimaryClick = function handlePrimaryClick(e) {
-    if (onPrimaryClick) {
-      onPrimaryClick(e);
-    }
-  };
-  var handleSecondaryClick = function handleSecondaryClick(e) {
-    if (onSecondaryClick) {
-      onSecondaryClick(e);
-    }
-  };
-  var theSecondaryIcon = useRef(secondaryIcon && pkg.checkReportFeatureEnabled('ExampleComponent.secondaryIcon') ? secondaryIcon : null);
-  useEffect(function () {
-    if (usesExampleHook !== undefined && pkg.checkReportFeatureEnabled('ExampleComponent.useExample')) {
-      setThePrimaryButtonLabel("".concat(primaryButtonLabel, " ").concat(exampleUse.toFixed(1), "s"));
-    } else {
-      setThePrimaryButtonLabel(primaryButtonLabel);
-    }
-  }, [primaryButtonLabel, usesExampleHook, exampleUse]);
-  return /*#__PURE__*/React.createElement(ButtonSet, _extends({}, rest, {
-    className: cx(blockClass,
-    // Apply the block class to the main HTML element
-    className, // Apply any supplied class names to the main HTML element.
-    "".concat(blockClass, "--").concat(size), modeClass),
-    ref: ref,
-    role: "main",
-    style: _objectSpread(_objectSpread({}, style), {}, _defineProperty({}, "--".concat(blockClass, "--border-color"), borderColor))
-  }), /*#__PURE__*/React.createElement(Button, {
-    className: "".concat(blockClass, "__secondary-button"),
-    kind: secondaryKind,
-    onClick: handleSecondaryClick,
-    renderIcon: theSecondaryIcon.current,
-    disabled: disabled,
-    size: size
-  }, secondaryButtonLabel), /*#__PURE__*/React.createElement(Button, {
-    className: "".concat(blockClass, "__primary-button"),
-    kind: primaryKind,
-    onClick: handlePrimaryClick,
-    disabled: disabled,
-    size: size
-  }, thePrimaryButtonLabel));
-});
-
-// Return a placeholder if not released and not enabled by feature flag.
-ExampleComponent = pkg.checkComponentEnabled(ExampleComponent, componentName);
-
-// The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
-ExampleComponent.displayName = componentName;
-
-// The types and DocGen commentary for the component props,
-// in alphabetical order (for consistency).
-// See https://www.npmjs.com/package/prop-types#usage.
-ExampleComponent.propTypes = {
-  /**
-   * What border color (HTML color value) to use.
-   */
-  borderColor: PropTypes.string,
-  /**
-   * If true, the border is a box, otherwise it is a shadow.
-   */
-  boxedBorder: PropTypes.bool,
-  /**
-   * Provide an optional class to be applied to the containing node.
-   */
-  className: PropTypes.string,
-  /**
-   * If true, the buttons are disabled, otherwise they can be used.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * An optional primary button click handler.
-   */
-  onPrimaryClick: PropTypes.func,
-  /**
-   * An optional secondary button click handler.
-   */
-  onSecondaryClick: PropTypes.func,
-  /**
-   * The primary button label.
-   */
-  primaryButtonLabel: PropTypes.string.isRequired,
-  /**
-   * The kind of button for the primary button ('primary' or 'danger').
-   */
-  primaryKind: PropTypes.oneOf(['primary', 'danger']),
-  /**
-   * The secondary button label.
-   */
-  secondaryButtonLabel: PropTypes.string.isRequired,
-  /**
-   * The icon to use for the secondary button.
-   */
-  secondaryIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * The kind of button for the secondary button ('secondary' or 'tertiary').
-   */
-  secondaryKind: PropTypes.oneOf(['secondary', 'tertiary']),
-  /**
-   * The size for the buttons
-   */
-  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl', '2xl']),
-  /**
-   * Optional style settings for the containing node.
-   */
-  style: PropTypes.object,
-  /**
-   * Hook example timeout (in seconds) or undefined
-   */
-  usesExampleHook: PropTypes.number
-};

package/es/components/ExampleComponent/ExampleDeprecatedComponent.js

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 2023, 2023
- *
- * 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 { pkg } from '../../settings';
-import { ExampleComponent } from './ExampleComponent';
-var componentName = 'ExampleDeprecatedComponent';
-
-// This is NOT a full component example. It is only intended to show the deprecation of a component.
-export var ExampleDeprecatedComponent = function ExampleDeprecatedComponent() {
-  return /*#__PURE__*/React.createElement(ExampleComponent, {
-    primaryButtonLabel: "primary",
-    secondaryButtonLabel: "secondary"
-  });
-};
-
-// example of a deprecation warning
-ExampleDeprecatedComponent.deprecated = {
-  level: 'warn',
-  details: "This an example component deprecation message used by 'checkComponentEnabled'."
-};
-
-// The component enable should log the deprecation
-ExampleDeprecatedComponent = pkg.checkComponentEnabled(ExampleDeprecatedComponent, componentName);

package/es/components/ExampleComponent/index.js

@@ -1,8 +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 { ExampleComponent } from './ExampleComponent';

package/es/components/ExampleComponent/useExample.js

@@ -1,49 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/**
- * 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 { useState, useEffect } from 'react';
-import { pkg } from '../../settings';
-var useExample = function useExample(initialTime) {
-  // NOTE: hooks cannot be called conditionally.
-  //
-  // ** If the hook uses other hooks then they must be called,
-  // ** this could lead to unexpected behavior.
-  // ** As some hooks may still be called even if the condition is false.
-
-  var _useState = useState(
-    // Disable hook in a safe way if possible, else use despite feature disabled.
-    // Either a console error or warning will be logged.
-    initialTime),
-    _useState2 = _slicedToArray(_useState, 2),
-    time = _useState2[0],
-    setTime = _useState2[1];
-
-  // Use of the feature flag to
-  var feature = 'ExampleComponent.useExample';
-  var tryFeature = initialTime !== undefined;
-  var featureEnabled = tryFeature && pkg.checkReportFeatureEnabled(feature);
-  if (tryFeature && !featureEnabled) {
-    // Output a useful message if the feature is disabled.
-    console.warn("Disabled feature \"".concat(feature, "\" does not change the initialTime."));
-  }
-
-  // Actual hook is code is below
-  useEffect(function () {
-    if (!featureEnabled) {
-      return;
-    }
-
-    // turn off all or part of the feature
-    if (time > 0) {
-      setTimeout(function () {
-        setTime(Math.max(0, time - 0.1));
-      }, 100);
-    }
-  }, [featureEnabled, time]);
-  return [time];
-};
-export default useExample;

package/es/components/ExportModal/ExportModal.js

@@ -1,278 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["body", "className", "error", "errorMessage", "filename", "hidePasswordLabel", "inputLabel", "inputType", "invalidInputText", "loading", "loadingMessage", "onClose", "onRequestSubmit", "open", "preformattedExtensions", "preformattedExtensionsLabel", "primaryButtonText", "secondaryButtonText", "showPasswordLabel", "successMessage", "successful", "title", "validExtensions"];
-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, { useState, useRef, forwardRef, useEffect } from 'react';
-import { Button, ComposedModal, ModalHeader, ModalFooter, ModalBody, TextInput, RadioButton, RadioButtonGroup, FormGroup, Loading, PasswordInput } from '@carbon/react';
-import cx from 'classnames';
-import { ErrorFilled, CheckmarkFilled } from '@carbon/react/icons';
-import PropTypes from 'prop-types';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import uuidv4 from '../../global/js/utils/uuidv4';
-import { pkg } from '../../settings';
-var componentName = 'ExportModal';
-
-// Default values for props
-var defaults = {
-  inputType: 'text',
-  preformattedExtensions: Object.freeze([]),
-  validExtensions: Object.freeze([])
-};
-export var ExportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var body = _ref.body,
-    className = _ref.className,
-    error = _ref.error,
-    errorMessage = _ref.errorMessage,
-    filename = _ref.filename,
-    hidePasswordLabel = _ref.hidePasswordLabel,
-    inputLabel = _ref.inputLabel,
-    _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? defaults.inputType : _ref$inputType,
-    invalidInputText = _ref.invalidInputText,
-    loading = _ref.loading,
-    loadingMessage = _ref.loadingMessage,
-    onClose = _ref.onClose,
-    onRequestSubmit = _ref.onRequestSubmit,
-    open = _ref.open,
-    _ref$preformattedExte = _ref.preformattedExtensions,
-    preformattedExtensions = _ref$preformattedExte === void 0 ? defaults.preformattedExtensions : _ref$preformattedExte,
-    preformattedExtensionsLabel = _ref.preformattedExtensionsLabel,
-    primaryButtonText = _ref.primaryButtonText,
-    secondaryButtonText = _ref.secondaryButtonText,
-    showPasswordLabel = _ref.showPasswordLabel,
-    successMessage = _ref.successMessage,
-    successful = _ref.successful,
-    title = _ref.title,
-    _ref$validExtensions = _ref.validExtensions,
-    validExtensions = _ref$validExtensions === void 0 ? defaults.validExtensions : _ref$validExtensions,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    name = _useState2[0],
-    setName = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dirtyInput = _useState4[0],
-    setDirtyInput = _useState4[1];
-  // by default (if it exists) use the first extension in the extension array
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    extension = _useState6[0],
-    setExtension = _useState6[1];
-  useEffect(function () {
-    var _preformattedExtensio;
-    setName(filename);
-    setExtension(preformattedExtensions === null || preformattedExtensions === void 0 ? void 0 : (_preformattedExtensio = preformattedExtensions[0]) === null || _preformattedExtensio === void 0 ? void 0 : _preformattedExtensio.extension);
-  }, [filename, preformattedExtensions, open]);
-  var onNameChangeHandler = function onNameChangeHandler(evt) {
-    setName(evt.target.value);
-  };
-  var onExtensionChangeHandler = function onExtensionChangeHandler(value) {
-    setExtension(value);
-  };
-  var onBlurHandler = function onBlurHandler() {
-    setDirtyInput(true);
-  };
-  var onSubmitHandler = function onSubmitHandler() {
-    var returnName = extension ? "".concat(filename, ".").concat(extension.toLocaleLowerCase()) : name;
-    onRequestSubmit(returnName);
-  };
-  var hasInvalidExtension = function hasInvalidExtension() {
-    if (!dirtyInput || !validExtensions || !validExtensions.length) {
-      return false;
-    }
-    if (!name.includes('.')) {
-      return true;
-    }
-    var ext = name.split('.').pop();
-    if (!validExtensions.includes(ext)) {
-      return true;
-    }
-    return false;
-  };
-  var blockClass = "".concat(pkg.prefix, "--export-modal");
-  var internalId = useRef(uuidv4());
-  var primaryButtonDisabled = loading || !name || hasInvalidExtension();
-  var submitted = loading || error || successful;
-  var commonInputProps = _defineProperty({
-    id: "text-input--".concat(internalId.current),
-    value: name,
-    onChange: onNameChangeHandler,
-    labelText: inputLabel,
-    invalid: hasInvalidExtension(),
-    invalidText: invalidInputText,
-    onBlur: onBlurHandler
-  }, 'data-modal-primary-focus', true);
-  return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
-    className: cx(blockClass, className),
-    "aria-label": title,
-    size: "sm",
-    preventCloseOnClickOutside: true
-  }, _objectSpread({
-    open: open,
-    ref: ref,
-    onClose: onClose
-  }, getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement(ModalHeader, {
-    className: "".concat(blockClass, "__header"),
-    closeModal: onClose,
-    title: title
-  }), /*#__PURE__*/React.createElement(ModalBody, {
-    className: "".concat(blockClass, "__body-container")
-  }, !submitted && /*#__PURE__*/React.createElement(React.Fragment, null, body && /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__body")
-  }, body), preformattedExtensions.length ? /*#__PURE__*/React.createElement(FormGroup, {
-    legendText: preformattedExtensionsLabel
-  }, /*#__PURE__*/React.createElement(RadioButtonGroup, {
-    orientation: "vertical",
-    onChange: onExtensionChangeHandler,
-    valueSelected: extension,
-    name: "extensions"
-  }, preformattedExtensions.map(function (o) {
-    return /*#__PURE__*/React.createElement(RadioButton, {
-      key: o.extension,
-      id: o.extension,
-      value: o.extension,
-      labelText: "".concat(o.extension, " (").concat(o.description, ")"),
-      "data-modal-primary-focus": true
-    });
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__input-container")
-  }, inputType === 'text' ? /*#__PURE__*/React.createElement(TextInput, commonInputProps) : /*#__PURE__*/React.createElement(PasswordInput, _extends({}, commonInputProps, {
-    showPasswordLabel: showPasswordLabel,
-    hidePasswordLabel: hidePasswordLabel,
-    tooltipPosition: "left"
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__messaging")
-  }, loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Loading, {
-    small: true,
-    withOverlay: false
-  }), /*#__PURE__*/React.createElement("p", null, loadingMessage)), successful && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CheckmarkFilled, {
-    size: 16,
-    className: "".concat(blockClass, "__checkmark-icon")
-  }), /*#__PURE__*/React.createElement("p", null, successMessage)), error && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ErrorFilled, {
-    size: 16,
-    className: "".concat(blockClass, "__error-icon")
-  }), /*#__PURE__*/React.createElement("p", null, errorMessage)))), !submitted && /*#__PURE__*/React.createElement(ModalFooter, {
-    className: "".concat(blockClass, "__footer")
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    kind: "secondary",
-    onClick: onClose
-  }, secondaryButtonText), /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    kind: "primary",
-    onClick: onSubmitHandler,
-    disabled: primaryButtonDisabled
-  }, primaryButtonText)));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-ExportModal = pkg.checkComponentEnabled(ExportModal, componentName);
-ExportModal.propTypes = {
-  /**
-   * Body content for the modal
-   */
-  body: PropTypes.string,
-  /**
-   * Optional class name
-   */
-  className: PropTypes.string,
-  /**
-   * specify if an error occurred
-   */
-  error: PropTypes.bool,
-  /**
-   * messaging to display in the event of an error
-   */
-  errorMessage: PropTypes.string,
-  /**
-   * name of the file being exported
-   */
-  filename: PropTypes.string.isRequired,
-  /**
-   * label text that's displayed when hovering over visibility toggler to hide key
-   */
-  hidePasswordLabel: PropTypes.string,
-  /**
-   * label for the text input
-   */
-  inputLabel: PropTypes.string,
-  /**
-   * specify the type of text input
-   */
-  inputType: PropTypes.oneOf(['text', 'password']),
-  /**
-   * text for an invalid input
-   */
-  invalidInputText: PropTypes.string,
-  /**
-   * specify if the modal is in a loading state
-   */
-  loading: PropTypes.bool,
-  /**
-   * message to display during the loading state
-   */
-  loadingMessage: PropTypes.string,
-  /**
-   * Specify a handler for closing modal
-   */
-  onClose: PropTypes.func,
-  /**
-   * Specify a handler for "submitting" modal. Returns the file name
-   */
-  onRequestSubmit: PropTypes.func,
-  /**
-   * Specify whether the Modal is currently open
-   */
-  open: PropTypes.bool,
-  /**
-   * Array of extensions to display as radio buttons
-   */
-  preformattedExtensions: PropTypes.arrayOf(PropTypes.shape({
-    extension: PropTypes.string,
-    description: PropTypes.string
-  })),
-  /**
-   * Label for the preformatted label form group
-   */
-  preformattedExtensionsLabel: PropTypes.string,
-  /**
-   * Specify the text for the primary button
-   */
-  primaryButtonText: PropTypes.string.isRequired,
-  /**
-   * Specify the text for the secondary button
-   */
-  secondaryButtonText: PropTypes.string.isRequired,
-  /**
-   * label text that's displayed when hovering over visibility toggler to show key
-   */
-  showPasswordLabel: PropTypes.string,
-  /**
-   * messaging to display if the export was successful
-   */
-  successMessage: PropTypes.string,
-  /**
-   * specify if the export was successful
-   */
-  successful: PropTypes.bool,
-  /**
-   * The text displayed at the top of the modal
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * array of valid extensions the file can have
-   */
-  validExtensions: PropTypes.array
-};
-ExportModal.displayName = componentName;

package/es/components/ExportModal/index.js

@@ -1,8 +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 { ExportModal } from './ExportModal';

package/es/components/ExpressiveCard/ExpressiveCard.js

@@ -1,114 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-//
-// 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 PropTypes from 'prop-types';
-import { Card } from '../Card';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { prepareProps } from '../../global/js/utils/props-helper';
-import { pkg } from '../../settings';
-var componentName = 'ExpressiveCard';
-export var ExpressiveCard = /*#__PURE__*/forwardRef(function (props, ref) {
-  var validProps = prepareProps(props, ['actionIconsPosition', 'overflowActions', 'productive', 'titleSize']);
-  return /*#__PURE__*/React.createElement(Card, _extends({
-    ref: ref
-  }, validProps, getDevtoolsProps(componentName)));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-ExpressiveCard = pkg.checkComponentEnabled(ExpressiveCard, componentName);
-ExpressiveCard.propTypes = {
-  /**
-   * Icons that are displayed on card. Refer to design documentation for implementation guidelines. Note- href will supersede onClick
-   */
-  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
-  })),
-  /**
-   * Content that shows in the body of the card
-   */
-  children: PropTypes.node,
-  /**
-   * Optional user provided class
-   */
-  className: PropTypes.string,
-  /**
-   * Optional header description
-   */
-  description: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
-  /**
-   * Optional label for the top of the card
-   */
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
-  /**
-   * Optional media content like an image to be placed in the card
-   */
-  media: PropTypes.node,
-  /**
-   * Establishes the position of the media in the card
-   */
-  mediaPosition: PropTypes.oneOf(['top', 'left']),
-  /**
-   * Provides the callback for a clickable card
-   */
-  onClick: PropTypes.func,
-  /**
-   * Function that's called from the primary button or action icon
-   */
-  onPrimaryButtonClick: PropTypes.func,
-  /**
-   * Function that's called from the secondary button
-   */
-  onSecondaryButtonClick: PropTypes.func,
-  /**
-   * Provides the icon that's displayed at the top of the card
-   */
-  pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Optionally specify an href for your Button to become an <a> element
-   */
-  primaryButtonHref: PropTypes.string,
-  /**
-   * Optional prop to allow overriding the icon rendering. Can be a React component class
-   */
-  primaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Establishes the kind of button displayed for the primary button
-   */
-  primaryButtonKind: PropTypes.oneOf(['primary', 'ghost']),
-  /**
-   * The text that's displayed in the primary button
-   */
-  primaryButtonText: PropTypes.string,
-  /**
-   * Optionally specify an href for your Button to become an <a> element
-   */
-  secondaryButtonHref: PropTypes.string,
-  /**
-   * Optional prop to allow overriding the icon rendering. Can be a React component class
-   */
-  secondaryButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-  /**
-   * Establishes the kind of button displayed for the secondary button
-   */
-  secondaryButtonKind: PropTypes.oneOf(['secondary', 'ghost']),
-  /**
-   * The text that's displayed in the secondary button
-   */
-  secondaryButtonText: PropTypes.string,
-  /**
-   * Title that's displayed at the top of the card
-   */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node])
-};
-ExpressiveCard.displayName = componentName;

package/es/components/ExpressiveCard/index.js

@@ -1,8 +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 { ExpressiveCard } from './ExpressiveCard';