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

package/es/components/PageHeader/PageHeaderTitle.js

@@ -1,121 +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 = ["text", "content", "loading", "icon", "asText", "onChange", "onSave", "editDescription", "editableLabel", "cancelDescription", "saveDescription"];
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { SkeletonText } from '@carbon/react';
-import { EditInPlace } from '../';
-
-/**
- *
- * Utility component used by Page Header
- */
-// eslint-disable-next-line react/prop-types
-export 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 = _objectWithoutProperties(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.createElement(React.Fragment, null, icon && !loading ? /*#__PURE__*/React.createElement(TitleIcon, {
-      className: "".concat(blockClass, "__title-icon")
-    }) : null, loading ? /*#__PURE__*/React.createElement(SkeletonText, {
-      className: "".concat(blockClass, "__title-skeleton")
-    }) : isEditable ? /*#__PURE__*/React.createElement(EditInPlace, _extends({
-      tooltipAlignment: "bottom",
-      value: text,
-      cancelLabel: cancelDescription,
-      editLabel: editDescription,
-      saveLabel: saveDescription,
-      labelText: editableLabel,
-      onChange: onChange,
-      onSave: onSave,
-      size: "md",
-      inheritTypography: true
-    }, rest)) : /*#__PURE__*/React.createElement("span", {
-      title: !loading ? asText : null
-    }, text));
-  } else {
-    titleInnards = content;
-    titleText = asText;
-  }
-  return /*#__PURE__*/React.createElement("h1", {
-    className: cx("".concat(blockClass, "__title"), _defineProperty({}, "".concat(blockClass, "__title--editable"), isEditable), _defineProperty({}, "".concat(blockClass, "__title--fades"), hasBreadcrumbRow)),
-    title: titleText
-  }, titleInnards);
-};
-export var editInPlaceRequired = function editInPlaceRequired(_ref2) {
-  var onSave = _ref2.onSave;
-  return !!onSave;
-};
-PageHeaderTitle.propTypes = {
-  // passed from page header
-  blockClass: PropTypes.string.isRequired,
-  /**
-   * controlled from within page header
-   */
-  hasBreadcrumbRow: PropTypes.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.oneOfType([PropTypes.shape({
-    // Update docgen if changed
-    text: PropTypes.string.isRequired,
-    icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    loading: PropTypes.bool,
-    // inline edit version properties
-    editDescription: PropTypes.string.isRequired.if(editInPlaceRequired),
-    editableLabel: PropTypes.string.isRequired.if(editInPlaceRequired),
-    id: PropTypes.string.isRequired.if(editInPlaceRequired),
-    onChange: PropTypes.func,
-    onSave: PropTypes.func,
-    cancelDescription: PropTypes.string.isRequired.if(editInPlaceRequired),
-    saveDescription: PropTypes.string.isRequired.if(editInPlaceRequired)
-    // Update docgen if changed
-  }), PropTypes.string, PropTypes.shape({
-    content: PropTypes.node.isRequired,
-    breadcrumbContent: PropTypes.node,
-    asText: PropTypes.string.isRequired
-  })])
-};

package/es/components/PageHeader/PageHeaderUtils.js

@@ -1,179 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 from 'react';
-import cx from 'classnames';
-import { pkg } from '../../settings';
-import { scrollableAncestor } from '../../global/js/utils/scrollableAncestor';
-import { SkeletonText } from '@carbon/react';
-export var blockClass = "".concat(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
- */
-export 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 = 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.
-export 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'
-    });
-  }
-};
-export var utilGetBreadcrumbItemForTitle = function utilGetBreadcrumbItemForTitle(blockClass, collapseTitle, title) {
-  var breadcrumbTitle;
-  if (title) {
-    if (title.text !== undefined) {
-      // Shape title provided
-      breadcrumbTitle = {
-        label: /*#__PURE__*/React.createElement("span", null, title.loading ? /*#__PURE__*/React.createElement(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 = cx(["".concat(blockClass, "__breadcrumb-title"), _defineProperty({}, "".concat(blockClass, "__breadcrumb-title--pre-collapsed"), collapseTitle)]);
-    }
-    return breadcrumbTitle;
-  }
-};

package/es/components/PageHeader/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 { PageHeader } from './PageHeader';

package/es/components/ProductiveCard/ProductiveCard.js

@@ -1,123 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["actionsPlacement"];
-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 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 = 'ProductiveCard';
-
-// Default values for props
-var defaults = {
-  actionsPlacement: 'top'
-};
-export var ProductiveCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$actionsPlacement = _ref.actionsPlacement,
-    actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var validProps = prepareProps(rest, ['media', 'mediaPosition', 'onSecondaryButtonClick', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind', 'secondaryButtonText']);
-  return /*#__PURE__*/React.createElement(Card, _extends({}, _objectSpread(_objectSpread({}, validProps), {}, {
-    actionsPlacement: actionsPlacement,
-    ref: ref
-  }), {
-    productive: true
-  }, getDevtoolsProps(componentName)));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-ProductiveCard = pkg.checkComponentEnabled(ProductiveCard, componentName);
-ProductiveCard.propTypes = {
-  /**
-   * Icons that are displayed on card. Refer to design documentation for implementation guidelines
-   */
-  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
-  })),
-  /**
-   * Determines if the action icons are on the top or bottom of the card
-   */
-  actionsPlacement: PropTypes.oneOf(['top', 'bottom']),
-  /**
-   * Content that shows in the body of the card
-   */
-  children: PropTypes.node,
-  /**
-   * Optional user provided class
-   */
-  className: PropTypes.string,
-  /**
-   * Designates which zones of the card are clickable. Refer to design documentation for implementation guidelines
-   */
-  clickZone: PropTypes.oneOf(['one', 'two', 'three']),
-  /**
-   * 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]),
-  /**
-   * Provides the callback for a clickable card
-   */
-  onClick: PropTypes.func,
-  /**
-   * Function that's called from the primary button or action icon
-   */
-  onPrimaryButtonClick: PropTypes.func,
-  /**
-   * Use an overflow menu instead of action icons. Refer to design documentation for implementation guidelines
-   */
-  overflowActions: PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    itemText: PropTypes.string,
-    onClick: PropTypes.func,
-    onKeyDown: PropTypes.func
-  })),
-  /**
-   * Aria label prop required for OverflowMenu
-   */
-  overflowAriaLabel: PropTypes.string,
-  /**
-   * 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]),
-  /**
-   * Determines if the primary button is on the top or bottom of the card
-   */
-  primaryButtonPlacement: PropTypes.oneOf(['top', 'bottom']),
-  /**
-   * The text that's displayed in the primary button
-   */
-  primaryButtonText: PropTypes.node,
-  /**
-   * Title that's displayed at the top of the card
-   */
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]),
-  /**
-   * Determines title size
-   */
-  titleSize: PropTypes.oneOf(['default', 'large'])
-};
-ProductiveCard.displayName = componentName;

package/es/components/ProductiveCard/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 { ProductiveCard } from './ProductiveCard';

package/es/components/RemoveModal/RemoveModal.js

@@ -1,183 +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", "iconDescription", "inputInvalidText", "inputLabelText", "inputPlaceholderText", "label", "onClose", "onRequestSubmit", "open", "preventCloseOnClickOutside", "primaryButtonDisabled", "primaryButtonText", "resourceName", "secondaryButtonText", "textConfirmation", "title"];
-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 cx from 'classnames';
-import { Button, ComposedModal, ModalHeader, ModalFooter, ModalBody, TextInput } from '@carbon/react';
-import PropTypes from 'prop-types';
-import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import uuidv4 from '../../global/js/utils/uuidv4';
-import { pkg } from '../../settings';
-import { usePreviousValue } from '../../global/js/hooks';
-var componentName = 'RemoveModal';
-export var RemoveModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var body = _ref.body,
-    className = _ref.className,
-    iconDescription = _ref.iconDescription,
-    inputInvalidText = _ref.inputInvalidText,
-    inputLabelText = _ref.inputLabelText,
-    inputPlaceholderText = _ref.inputPlaceholderText,
-    label = _ref.label,
-    onClose = _ref.onClose,
-    onRequestSubmit = _ref.onRequestSubmit,
-    open = _ref.open,
-    preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
-    primaryButtonDisabled = _ref.primaryButtonDisabled,
-    primaryButtonText = _ref.primaryButtonText,
-    resourceName = _ref.resourceName,
-    secondaryButtonText = _ref.secondaryButtonText,
-    textConfirmation = _ref.textConfirmation,
-    title = _ref.title,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var previousState = usePreviousValue({
-    open: open
-  });
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    userInput = _useState2[0],
-    setUserInput = _useState2[1];
-  var idRef = useRef(uuidv4());
-  var onChangeHandler = function onChangeHandler(e) {
-    setUserInput(e.target.value);
-  };
-  var checkPrimaryButtonDisabled = function checkPrimaryButtonDisabled() {
-    // user control should be used primarily
-    if (primaryButtonDisabled) {
-      return true;
-    } else if (textConfirmation && userInput !== resourceName) {
-      return true;
-    }
-    return false;
-  };
-  var primaryButtonStatus = checkPrimaryButtonDisabled();
-  var blockClass = "".concat(pkg.prefix, "--remove-modal");
-
-  // Clear the user input this way so that if the onRequestSubmit handler fails for some reason
-  // the value of the input will still remain: we only want to empty the input value
-  // when open actually changes to false.
-  useEffect(function () {
-    if (!open && previousState !== null && previousState !== void 0 && previousState.open) {
-      setUserInput('');
-    }
-  }, [open, previousState === null || previousState === void 0 ? void 0 : previousState.open]);
-  return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
-    className: cx(blockClass, className),
-    size: "sm",
-    "aria-label": title
-  }, _objectSpread({
-    open: open,
-    ref: ref,
-    preventCloseOnClickOutside: preventCloseOnClickOutside,
-    onClose: onClose
-  }, getDevtoolsProps(componentName))), /*#__PURE__*/React.createElement(ModalHeader, {
-    title: title,
-    label: label,
-    iconDescription: iconDescription
-  }), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("p", {
-    className: "".concat(blockClass, "__body")
-  }, body), textConfirmation && /*#__PURE__*/React.createElement(TextInput, {
-    id: "".concat(idRef.current, "-confirmation-input"),
-    className: "".concat(blockClass, "__input"),
-    invalidText: inputInvalidText,
-    labelText: inputLabelText,
-    placeholder: inputPlaceholderText,
-    onChange: onChangeHandler,
-    value: userInput,
-    "data-modal-primary-focus": true
-  })), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
-    type: "button",
-    kind: "secondary",
-    onClick: onClose,
-    "data-modal-primary-focus": !textConfirmation
-  }, secondaryButtonText), /*#__PURE__*/React.createElement(Button, {
-    type: "submit",
-    kind: "danger",
-    onClick: onRequestSubmit,
-    disabled: primaryButtonStatus
-  }, primaryButtonText)));
-});
-
-// Return a placeholder if not released and not enabled by feature flag
-RemoveModal = pkg.checkComponentEnabled(RemoveModal, componentName);
-RemoveModal.propTypes = {
-  /**
-   * The content to be displayed in the body of the modal
-   */
-  body: PropTypes.string.isRequired,
-  /**
-   * Optional classname
-   */
-  className: PropTypes.string,
-  /**
-   * Provide a description for "close" icon that can be read by screen readers
-   */
-  iconDescription: PropTypes.string.isRequired,
-  /**
-   * Message showed when user input fails validation
-   */
-  inputInvalidText: PropTypes.string,
-  /**
-   * Label for text box
-   */
-  inputLabelText: PropTypes.node,
-  /**
-   * Placeholder for text box
-   */
-  inputPlaceholderText: PropTypes.string,
-  /**
-   * Specify the modal label texts
-   */
-  label: PropTypes.string,
-  /**
-   * Callback function that runs when user closes the modal
-   */
-  onClose: PropTypes.func,
-  /**
-   * Callback function that runs when user submits the modal
-   */
-  onRequestSubmit: PropTypes.func,
-  /**
-   * Specify whether the Modal is currently open
-   */
-  open: PropTypes.bool.isRequired,
-  /**
-   * Prevent closing on click outside of modal
-   */
-  preventCloseOnClickOutside: PropTypes.bool,
-  /**
-   * Specify whether the primary button should be disabled. This value will override textConfirmation
-   */
-  primaryButtonDisabled: PropTypes.bool,
-  /**
-   * Specify the text for the primary button
-   */
-  primaryButtonText: PropTypes.string,
-  /**
-   * The name of the resource being acted upon
-   */
-  resourceName: PropTypes.string.isRequired,
-  /**
-   * Specify the text for the secondary button
-   */
-  secondaryButtonText: PropTypes.string,
-  /**
-   * Specify whether or not to show the text confirmation input
-   */
-  textConfirmation: PropTypes.bool,
-  /**
-   * The text displayed at the top of the modal
-   */
-  title: PropTypes.string.isRequired
-};
-RemoveModal.displayName = componentName;

package/es/components/RemoveModal/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 { RemoveModal } from './RemoveModal';