@carbon/ibm-products 2.43.2-canary.31 → 2.43.2-canary.317

package/lib/components/DescriptionList/DescriptionListRow.js

@@ -7,32 +7,25 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var react = require('@carbon/react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--description-list__row");
 var componentName = 'DescriptionListRow';
-exports.DescriptionListRow = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.DescriptionListRow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(react.StructuredListRow, _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](blockClass, className)
+  return /*#__PURE__*/React.createElement(react.StructuredListRow, _rollupPluginBabelHelpers.extends({
+    className: cx(blockClass, className)
     // role="row"
     ,
     ref: ref
@@ -40,9 +33,9 @@ exports.DescriptionListRow = /*#__PURE__*/React__default["default"].forwardRef(f
 });
 exports.DescriptionListRow.propTypes = {
   /** Provide the contents of the node */
-  children: index["default"].node,
+  children: index.default.node,
   /** Provide an optional class to be applied to the containing node */
-  className: index["default"].string
+  className: index.default.string
 };
 exports.DescriptionListRow = settings.pkg.checkComponentEnabled(exports.DescriptionListRow, componentName);
 exports.DescriptionListRow.displayName = componentName;

package/lib/components/DescriptionList/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var DescriptionListSize = {
   XSmall: 'xs',
   Small: 'sm',

package/lib/components/EditFullPage/EditFullPage.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React, { ReactNode } from 'react';
-interface EditFullPageProps {
+export interface EditFullPageProps {
     /**
      * Provide an optional class to be applied to the containing node.
      */
@@ -20,4 +20,3 @@ interface EditFullPageProps {
  * See usage guidance for further details.
  */
 export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/lib/components/EditFullPage/EditFullPage.js

@@ -7,20 +7,13 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var index = require('../../node_modules/prop-types/index.js');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "children"];
 
 // Carbon and package components we use.
@@ -50,12 +43,12 @@ var componentName = 'EditFullPage';
  * Use when settings on a page need to always be shown in edit mode, or when the context of the page is needed to make several changes.
  * See usage guidance for further details.
  */
-exports.EditFullPage = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.EditFullPage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass,
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.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.
@@ -83,11 +76,11 @@ exports.EditFullPage.propTypes = {
   /**
    * Provide the contents of the EditFullPage.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string
+  className: index.default.string
 
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/EditFullPage/index.d.ts

@@ -1 +1,8 @@
-export { EditFullPage } from "./EditFullPage";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditFullPage } from './EditFullPage';
+export type { EditFullPageProps } from './EditFullPage';

package/lib/components/EditInPlace/EditInPlace.d.ts

@@ -13,7 +13,7 @@ type Shape = {
     edit: AlignPropType;
     save: AlignPropType;
 };
-interface EditInplaceProps extends PropsWithChildren {
+export interface EditInplaceProps extends PropsWithChildren {
     /**
      * label for cancel button
      */
@@ -50,6 +50,10 @@ interface EditInplaceProps extends PropsWithChildren {
      * Provide the text that will be read by a screen reader when visiting this control
      */
     labelText: string;
+    /**
+     * handler to add custom onBlur event
+     */
+    onBlur?: (value: string) => void;
     /**
      * handler that is called when the cancel button is pressed or when the user removes focus from the input and there is no new value
      */
@@ -86,6 +90,10 @@ interface EditInplaceProps extends PropsWithChildren {
      * current value of the input
      */
     value: string;
+    /**
+     * placeholder for the input
+     */
+    placeholder?: string;
 }
 export declare let EditInPlace: React.ForwardRefExoticComponent<EditInplaceProps & React.RefAttributes<HTMLDivElement>>;
 export declare const deprecatedProps: {

package/lib/components/EditInPlace/EditInPlace.js

@@ -7,24 +7,17 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var icons = require('@carbon/react/icons');
 var React = require('react');
+var settings = require('../../settings.js');
 var react = require('@carbon/react');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
-var index = require('../../node_modules/prop-types/index.js');
-var icons = require('@carbon/react/icons');
-var settings = require('../../settings.js');
 var devtools = require('../../global/js/utils/devtools.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Close, _Checkmark, _Edit;
-var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "saveLabel", "size", "tooltipAlignment", "value"];
+var _excluded = ["cancelLabel", "editAlwaysVisible", "editLabel", "id", "inheritTypography", "invalid", "invalidLabel", "invalidText", "labelText", "onCancel", "onChange", "onSave", "onBlur", "saveLabel", "size", "tooltipAlignment", "value", "placeholder"];
 var componentName = 'EditInPlace';
 var blockClass = "".concat(settings.pkg.prefix, "--edit-in-place");
 var defaults = {
@@ -45,11 +38,13 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onCancel = _ref.onCancel,
     onChange = _ref.onChange,
     onSave = _ref.onSave,
+    onBlur = _ref.onBlur,
     saveLabel = _ref.saveLabel,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'sm' : _ref$size,
     tooltipAlignment = _ref.tooltipAlignment,
     value = _ref.value,
+    placeholder = _ref.placeholder,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -66,7 +61,7 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputRef = React.useRef(null);
   var canSave = value !== initialValue && !invalid;
   var escaping = React.useRef(false);
-  var tipAlignIsObject = _rollupPluginBabelHelpers["typeof"](tooltipAlignment) === 'object';
+  var tipAlignIsObject = _rollupPluginBabelHelpers.typeof(tooltipAlignment) === 'object';
   var tipAlignments = ['edit', 'save', 'cancel'].reduce(function (acc, tips) {
     var _ref2;
     acc[tips] = (_ref2 = tipAlignIsObject ? tooltipAlignment[tips] : tooltipAlignment) !== null && _ref2 !== void 0 ? _ref2 : defaults.tooltipAlignment;
@@ -102,25 +97,30 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var onSaveHandler = function onSaveHandler() {
     setInitialValue(value);
-    setFocused(false);
     setDirtyInput(false);
     onSave();
+    setFocused(false);
   };
   var onCancelHandler = function onCancelHandler() {
-    setFocused(false);
     setDirtyInput(false);
     onCancel(initialValue);
   };
   var onBlurHandler = function onBlurHandler(e) {
-    // if (readOnly || escaping.current) {
-    if (escaping.current) {
-      return;
-    }
-    if (!isTargetingChild(e)) {
-      if (canSave) {
-        onSaveHandler();
-      } else {
-        onCancelHandler();
+    // Use custom function provided if passed through
+    if (typeof onBlur === 'function' && !isTargetingChild(e)) {
+      onBlur(initialValue);
+      setFocused(false);
+    } else {
+      // Use Default behavior if no custom function provided
+      if (escaping.current) {
+        return;
+      }
+      if (!isTargetingChild(e)) {
+        if (canSave) {
+          onSaveHandler();
+        } else {
+          onCancelHandler();
+        }
       }
     }
   };
@@ -132,32 +132,37 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var escapeHandler = function escapeHandler() {
     onCancelHandler();
   };
+  var removeFocus = function removeFocus() {
+    var _inputRef$current2;
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+    setFocused(false);
+  };
   var onKeyHandler = function onKeyHandler(e) {
-    var _inputRef$current2, _inputRef$current3;
     // to prevent blur handler from being called twice add additional state to check if escape is being used
     escaping.current = true;
     switch (e.key) {
       case 'Escape':
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
+        removeFocus();
         escapeHandler();
         break;
       case 'Enter':
-        (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.blur();
+        removeFocus();
         returnHandler();
         break;
     }
     escaping.current = false;
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](blockClass, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--focused"), focused), "".concat(blockClass, "--invalid"), invalid), "".concat(blockClass, "--inherit-type"), inheritTypography), "".concat(blockClass, "--overflows"), inputRef.current && inputRef.current.scrollWidth > inputRef.current.offsetWidth)),
     onFocus: onFocusHandler,
     onBlur: onBlurHandler
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     id: id,
-    className: cx__default["default"]("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
+    className: cx("".concat(blockClass, "__text-input"), "".concat(settings.carbon.prefix, "--text-input"), "".concat(settings.carbon.prefix, "--text-input--").concat(size)),
     type: "text",
+    placeholder: placeholder,
     value: value,
     onChange: onChangeHandler,
     ref: inputRef
@@ -166,15 +171,12 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onKeyDown: onKeyHandler,
     "aria-label": labelText,
     "aria-invalid": invalid
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(blockClass, "__ellipsis"),
-    "aria-hidden": !focused
-  }, "\u2026"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__toolbar")
-  }, invalid && /*#__PURE__*/React__default["default"].createElement(icons.WarningFilled, {
+  }, invalid && /*#__PURE__*/React.createElement(icons.WarningFilled, {
     size: 16,
     className: "".concat(blockClass, "__warning-icon")
-  }), focused ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }), focused ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.cancel,
     size: size,
     label: cancelLabel,
@@ -183,9 +185,9 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     tabIndex: 0,
     key: "cancel",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-cancel")
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(icons.Close, {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(icons.Close, {
     size: 16
-  }))), /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  }))), /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.save,
     size: size,
     label: saveLabel,
@@ -195,20 +197,20 @@ exports.EditInPlace = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     key: "save",
     className: "".concat(blockClass, "__btn ").concat(blockClass, "__btn-save"),
     disabled: !canSave
-  }, _Checkmark || (_Checkmark = /*#__PURE__*/React__default["default"].createElement(icons.Checkmark, {
+  }, _Checkmark || (_Checkmark = /*#__PURE__*/React.createElement(icons.Checkmark, {
     size: 16
-  })))) : /*#__PURE__*/React__default["default"].createElement(react.IconButton, {
+  })))) : /*#__PURE__*/React.createElement(react.IconButton, {
     align: tipAlignments.edit,
-    className: cx__default["default"]("".concat(blockClass, "__btn"), "".concat(blockClass, "__btn-edit"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__btn-edit--always-visible"), editAlwaysVisible)),
+    className: cx("".concat(blockClass, "__btn"), "".concat(blockClass, "__btn-edit"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__btn-edit--always-visible"), editAlwaysVisible)),
     size: size,
     label: editLabel,
     onClick: onFocusHandler,
     kind: "ghost",
     tabIndex: 0,
     key: "edit"
-  }, _Edit || (_Edit = /*#__PURE__*/React__default["default"].createElement(icons.Edit, {
+  }, _Edit || (_Edit = /*#__PURE__*/React.createElement(icons.Edit, {
     size: 16
-  }))))), invalid && /*#__PURE__*/React__default["default"].createElement("p", {
+  }))))), invalid && /*#__PURE__*/React.createElement("p", {
     className: "".concat(blockClass, "__warning-text")
   }, invalidText !== null && invalidText !== void 0 ? invalidText : deprecated_invalidLabel));
 });
@@ -219,26 +221,26 @@ var deprecatedProps = {
    * **Deprecated**
    * invalidLabel was misnamed, using invalidText to match Carbon
    */
-  invalidText: index["default"].string
+  invalidText: index.default.string
 };
-var alignPropType = index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']);
+var alignPropType = index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']);
 exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * label for cancel button
    */
-  cancelLabel: index["default"].string.isRequired,
+  cancelLabel: index.default.string.isRequired,
   /**
    * By default the edit icon is shown on hover only.
    */
-  editAlwaysVisible: index["default"].bool,
+  editAlwaysVisible: index.default.bool,
   /**
    * label for edit button
    */
-  editLabel: index["default"].string.isRequired,
+  editLabel: index.default.string.isRequired,
   /**
    * Specify a custom id for the input
    */
-  id: index["default"].string.isRequired,
+  id: index.default.string.isRequired,
   /**
    * inheritTypography - causes the text entry field to inherit typography settings
    * assigned to the container. This is useful when editing titles for instance.
@@ -246,32 +248,40 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
    * NOTE: The size property limits the vertical size of the input element.
    * Inherited font's should be selected to fit within the size selected.
    */
-  inheritTypography: index["default"].bool,
+  inheritTypography: index.default.bool,
   /**
    * determines if the input is invalid
    */
-  invalid: index["default"].bool,
+  invalid: index.default.bool,
   /**
    * text that is displayed if the input is invalid
    */
   /**@ts-ignore*/
-  invalidText: index["default"].string,
+  invalidText: index.default.string,
   /**
    * Provide the text that will be read by a screen reader when visiting this control
    */
-  labelText: index["default"].string.isRequired,
+  labelText: index.default.string.isRequired,
+  /**
+   * handler to add custom onBlur event
+   */
+  onBlur: index.default.func,
   /**
    * handler that is called when the cancel button is pressed or when the user removes focus from the input and there is no new value
    */
-  onCancel: index["default"].func.isRequired,
+  onCancel: index.default.func.isRequired,
   /**
    * handler that is called when the input is updated
    */
-  onChange: index["default"].func.isRequired,
+  onChange: index.default.func.isRequired,
   /**
    * handler that is called when the save button is pressed or when the user removes focus from the input if it has a new value
    */
-  onSave: index["default"].func.isRequired,
+  onSave: index.default.func.isRequired,
+  /**
+   * Placeholder for text input
+   */
+  placeholder: index.default.string,
   /**
    * determines if the input is in readOnly mode
    */
@@ -283,18 +293,18 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * label for save button
    */
-  saveLabel: index["default"].string.isRequired,
+  saveLabel: index.default.string.isRequired,
   /**
    * vertical size of control
    */
-  size: index["default"].oneOf(['sm', 'md', 'lg']),
+  size: index.default.oneOf(['sm', 'md', 'lg']),
   /**
    * tooltipAlignment from the standard tooltip. Default center.
    *
    * Can be passed either as one of tooltip options or as an object specifying cancel, edit and save separately
    */
   /**@ts-ignore*/
-  tooltipAlignment: index["default"].oneOfType([alignPropType, index["default"].shape({
+  tooltipAlignment: index.default.oneOfType([alignPropType, index.default.shape({
     cancel: alignPropType,
     edit: alignPropType,
     save: alignPropType
@@ -302,7 +312,7 @@ exports.EditInPlace.propTypes = _rollupPluginBabelHelpers.objectSpread2({
   /**
    * current value of the input
    */
-  value: index["default"].string.isRequired
+  value: index.default.string.isRequired
 }, deprecatedProps);
 
 exports.deprecatedProps = deprecatedProps;

package/lib/components/EditInPlace/index.d.ts

@@ -1 +1,8 @@
-export { EditInPlace } from "./EditInPlace";
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * 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 { EditInPlace } from './EditInPlace';
+export type { EditInplaceProps } from './EditInPlace';

package/lib/components/EditSidePanel/EditSidePanel.d.ts

@@ -4,9 +4,9 @@
  * 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, { ReactNode } from 'react';
 import '../../global/js/utils/props-helper';
-interface EditSidePanelProps {
+import React, { ReactNode } from 'react';
+export interface EditSidePanelProps {
     /**
      * Sets the body content of the create side panel
      */
@@ -92,4 +92,3 @@ interface EditSidePanelProps {
  * Use with medium complexity edits if the user needs page context.
  */
 export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
-export {};