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

package/es/components/Datagrid/utils/DatagridActions.js

@@ -0,0 +1,152 @@
+import _extends from "@babel/runtime/helpers/extends";
+
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+import React from 'react';
+import { DataTable, Button } from '@carbon/react';
+import { Download, Filter, Add, Restart } from '@carbon/react/icons';
+import { action } from '@storybook/addon-actions';
+import { pkg } from '../../../settings';
+import { ButtonMenu, ButtonMenuItem } from '../../ButtonMenu';
+var blockClass = "".concat(pkg.prefix, "--datagrid");
+export var DatagridActions = function DatagridActions(datagridState) {
+  var selectedFlatRows = datagridState.selectedFlatRows,
+      setGlobalFilter = datagridState.setGlobalFilter,
+      CustomizeColumnsButton = datagridState.CustomizeColumnsButton,
+      RowSizeDropdown = datagridState.RowSizeDropdown,
+      rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
+      useDenseHeader = datagridState.useDenseHeader;
+
+  var downloadCsv = function downloadCsv() {
+    alert('Downloading...');
+  };
+
+  var TableToolbarContent = DataTable.TableToolbarContent,
+      TableToolbarSearch = DataTable.TableToolbarSearch;
+
+  var refreshColumns = function refreshColumns() {
+    alert('refreshing...');
+  };
+
+  var leftPanelClick = function leftPanelClick() {
+    alert('open/close left panel...');
+  };
+
+  var searchForAColumn = 'Search';
+  var isNothingSelected = selectedFlatRows.length === 0;
+  var style = {
+    'button:nth-child(1) > span:nth-child(1)': {
+      bottom: '-37px'
+    }
+  };
+  return isNothingSelected && (useDenseHeader && useDenseHeader ? /*#__PURE__*/React.createElement(TableToolbarContent, {
+    size: "sm"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    hasIconOnly: true,
+    tooltipPosition: "bottom",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Download, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Download CSV',
+    onClick: downloadCsv
+  })), /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    hasIconOnly: true,
+    tooltipPosition: "bottom",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Filter, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Left panel',
+    onClick: leftPanelClick
+  })), /*#__PURE__*/React.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/React.createElement("div", {
+    style: style,
+    className: "".concat(blockClass, "__toolbar-divider")
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Add, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Action'
+  }, "Ghost button")), CustomizeColumnsButton && /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(CustomizeColumnsButton, null))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    hasIconOnly: true,
+    tooltipPosition: "bottom",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Filter, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Left panel',
+    onClick: leftPanelClick
+  }), /*#__PURE__*/React.createElement(TableToolbarContent, null, /*#__PURE__*/React.createElement(TableToolbarSearch, {
+    size: "lg",
+    id: "columnSearch",
+    persistent: true,
+    placeholder: searchForAColumn,
+    onChange: function onChange(e) {
+      return setGlobalFilter(e.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(RowSizeDropdown, rowSizeDropdownProps), /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    hasIconOnly: true,
+    tooltipPosition: "bottom",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Restart, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Refresh',
+    onClick: refreshColumns
+  })), /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(Button, {
+    kind: "ghost",
+    hasIconOnly: true,
+    tooltipPosition: "bottom",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Download, _extends({
+        size: 16
+      }, props));
+    },
+    iconDescription: 'Download CSV',
+    onClick: downloadCsv
+  })), CustomizeColumnsButton && /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement(CustomizeColumnsButton, null)), /*#__PURE__*/React.createElement(ButtonMenu, {
+    menuAriaLabel: "Primary action button menu",
+    label: "Primary button",
+    renderIcon: function renderIcon(props) {
+      return /*#__PURE__*/React.createElement(Add, _extends({
+        size: 16
+      }, props));
+    }
+  }, /*#__PURE__*/React.createElement(ButtonMenuItem, {
+    itemText: "Option 1",
+    onClick: action("Click on ButtonMenu Option 1")
+  }), /*#__PURE__*/React.createElement(ButtonMenuItem, {
+    itemText: "Option 2",
+    onClick: action("Click on ButtonMenu Option 2")
+  }), /*#__PURE__*/React.createElement(ButtonMenuItem, {
+    itemText: "Option 3",
+    onClick: action("Click on ButtonMenu Option 3")
+  })))));
+};

package/es/components/Datagrid/utils/DatagridPagination.js

@@ -0,0 +1,33 @@
+/* eslint-disable react/prop-types */
+
+/**
+ * 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.
+ */
+import React from 'react';
+import { Pagination } from '@carbon/react';
+export var DatagridPagination = function DatagridPagination(_ref) {
+  var state = _ref.state,
+      setPageSize = _ref.setPageSize,
+      gotoPage = _ref.gotoPage,
+      rows = _ref.rows;
+
+  var updatePagination = function updatePagination(_ref2) {
+    var page = _ref2.page,
+        pageSize = _ref2.pageSize;
+    console.log(state);
+    setPageSize(pageSize);
+    gotoPage(page - 1); // Carbon is non-zero-based
+  };
+
+  return /*#__PURE__*/React.createElement(Pagination, {
+    page: state.pageIndex + 1 // react-table is zero-based
+    ,
+    pageSize: state.pageSize,
+    pageSizes: state.pageSizes || [10, 20, 30, 40, 50],
+    totalItems: rows.length,
+    onChange: updatePagination
+  });
+};

package/es/components/Datagrid/utils/Wrapper.js

@@ -0,0 +1,21 @@
+/* eslint-disable react/prop-types */
+
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+import React from 'react';
+export var Wrapper = function Wrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100vh',
+      width: '100%',
+      padding: '1rem',
+      margin: '0',
+      zIndex: '0'
+    }
+  }, children);
+};

package/es/components/Datagrid/utils/getArgTypes.js

@@ -0,0 +1,85 @@
+/**
+ * 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 var ARG_TYPES = {
+  gridTitle: {
+    name: 'gridTitle',
+    control: 'text',
+    description: 'This sets the title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
+    type: {
+      name: 'string',
+      required: false
+    }
+  },
+  gridDescription: {
+    name: 'gridDescription',
+    control: 'text',
+    description: 'This sets the description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
+    type: {
+      name: 'string',
+      required: false
+    }
+  },
+  emptyStateTitle: {
+    name: 'emptyStateTitle',
+    control: 'text',
+    description: 'This sets the empty state title text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
+    type: {
+      name: 'string',
+      required: false
+    }
+  },
+  emptyStateDescription: {
+    name: 'emptyStateDescription',
+    control: 'text',
+    description: 'This sets the empty state description text for the Datagrid component. _This value is set/passed inside of the `datagridState` object._',
+    type: {
+      name: 'string',
+      required: false
+    }
+  },
+  emptyStateSize: {
+    control: 'select',
+    options: ['sm', 'lg']
+  },
+  useDenseHeader: {
+    control: {
+      type: 'radio'
+    },
+    options: [true, false],
+    description: 'This sets the dense header option for the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
+  },
+  rowSize: {
+    control: 'select',
+    options: ['xs', 'sm', 'md', 'lg', 'xl'],
+    description: 'This sets the height for each row of the Datagrid component. _This value is set/passed inside of the `datagridState` object._'
+  },
+  rowSizes: {
+    control: 'object',
+    description: 'This array of objects specifies the different row size options that will render from the settings icon in the table actions. _This value is set/passed inside of the `datagridState` object._'
+  },
+  onRowSizeChange: {
+    description: 'Callback function that is called on row size changes. _This value is set/passed inside of the `datagridState` object._'
+  },
+  rowActions: {
+    control: 'object',
+    description: 'This array of objects renders the action buttons for each row in the Datagrid. _This value is set/passed inside of the `datagridState` object._',
+    action: 'Row action onClick'
+  },
+  batchActions: {
+    control: {
+      type: 'radio'
+    },
+    options: [true, false],
+    description: 'This will allow the Datagrid component to use batch actions. _This value is set/passed inside of the `datagridState` object._'
+  },
+  expandedContentHeight: {
+    control: {
+      type: 'number'
+    },
+    description: 'This value controls the height of the expanded content area. _This value is set/passed inside of the `datagridState` object._'
+  }
+};

package/es/components/Datagrid/utils/getInlineEditColumns.js

@@ -0,0 +1,153 @@
+import _extends from "@babel/runtime/helpers/extends";
+
+/**
+ * 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.
+ */
+import React from 'react';
+import { ChartBubble, ChartColumnFloating, ChartVennDiagram } from '@carbon/react/icons';
+export var inlineEditSelectItems = [{
+  id: 'option-0',
+  icon: function icon(props) {
+    return /*#__PURE__*/React.createElement(ChartColumnFloating, _extends({
+      size: 16
+    }, props));
+  },
+  text: 'Column Chart'
+}, {
+  id: 'option-1',
+  icon: function icon(props) {
+    return /*#__PURE__*/React.createElement(ChartBubble, _extends({
+      size: 16
+    }, props));
+  },
+  text: 'Bubble Chart'
+}, {
+  id: 'option-2',
+  icon: function icon(props) {
+    return /*#__PURE__*/React.createElement(ChartVennDiagram, _extends({
+      size: 16
+    }, props));
+  },
+  text: 'Venn Diagram'
+}];
+export var getInlineEditColumns = function getInlineEditColumns() {
+  return [{
+    Header: 'Row Index',
+    accessor: function accessor(row, i) {
+      return i;
+    },
+    id: 'rowIndex' // id is required when accessor is a function.
+
+  }, {
+    Header: 'First Name',
+    accessor: 'firstName',
+    inlineEdit: {
+      type: 'text',
+      // required for including validation, this is used to set the invalid prop internally
+      validator: function validator(n) {
+        return n.length > 40;
+      },
+      // These props are passed to the Carbon component used for inline editing
+      inputProps: {
+        invalidText: 'Invalid text, character count must be less than 40'
+      }
+    }
+  }, {
+    Header: 'Last Name',
+    accessor: 'lastName',
+    inlineEdit: {
+      type: 'text',
+      // required for including validation, this is used to set the invalid prop internally
+      validator: function validator(n) {
+        return n.length > 40;
+      },
+      // These props are passed to the Carbon component used for inline editing
+      inputProps: {
+        invalidText: 'Invalid text, character count must be less than 40'
+      }
+    }
+  }, {
+    Header: 'Age',
+    accessor: 'age',
+    width: 120,
+    inlineEdit: {
+      // required for including validation, this is used to set the invalid prop internally
+      validator: function validator(n) {
+        return n && n < 18;
+      },
+      type: 'number',
+      // These props are passed to the Carbon component used for inline editing
+      inputProps: {
+        invalidText: 'Invalid number, must be 18 or greater'
+      }
+    }
+  }, {
+    Header: 'Visits',
+    accessor: 'visits',
+    width: 120,
+    inlineEdit: {
+      type: 'number',
+      inputProps: {} // These props are passed to the Carbon component used for inline editing
+
+    }
+  }, {
+    Header: 'Active since',
+    accessor: 'activeSince',
+    inlineEdit: {
+      type: 'date',
+      inputProps: {
+        // optionally pass props here to be passed through to Carbon's DatePicker component
+        onChange: function onChange(newDateObj, cell) {
+          console.log(newDateObj, cell);
+        },
+        // optionally pass props here to be passed through to Carbon's DatePickerInput component
+        datePickerInputProps: {
+          labelText: 'Change active since date'
+        }
+      }
+    }
+  }, {
+    Header: 'Chart type',
+    accessor: 'chartType',
+    inlineEdit: {
+      type: 'selection',
+      inputProps: {
+        // These props are passed to the Carbon component used for inline editing
+        items: inlineEditSelectItems,
+        onChange: function onChange(item) {
+          return console.log(item);
+        }
+      }
+    }
+  }, {
+    Header: 'Someone 2',
+    accessor: 'someone2'
+  }, {
+    Header: 'Someone 3',
+    accessor: 'someone3'
+  }, {
+    Header: 'Someone 4',
+    accessor: 'someone4'
+  }, {
+    Header: 'Someone 5',
+    accessor: 'someone5'
+  }, {
+    Header: 'Someone 6',
+    accessor: 'someone6'
+  }, {
+    Header: 'Someone 7',
+    accessor: 'someone7'
+  }, {
+    Header: 'Someone 8',
+    accessor: 'someone8'
+  }, {
+    Header: 'Someone 9',
+    accessor: 'someone9'
+  }, {
+    Header: 'Someone 10',
+    accessor: 'someone10'
+  }];
+};

package/es/components/Datagrid/utils/makeData.js

@@ -12,6 +12,22 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 import React from 'react';
 import namor from 'namor';
+import { StatusIcon } from '../../StatusIcon';
+import { inlineEditSelectItems } from './getInlineEditColumns';
+
+var getRandomInteger = function getRandomInteger(min, max, decimalPlaces) {
+  var roundedMin = Math.ceil(min);
+  var roundedMax = Math.floor(max);
+  var randomNumber = Math.random() * (max - min) + min;
+
+  if (!decimalPlaces) {
+    return Math.floor(Math.random() * (roundedMax - roundedMin + 1)) + roundedMin;
+  }
+
+  var power = Math.pow(10, decimalPlaces);
+  return Math.floor(randomNumber * power) / power;
+};
+
 export var makeData = function makeData() {
   for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
     lens[_key] = arguments[_key];
@@ -39,8 +55,32 @@ export var range = function range(len) {
   return arr;
 };
 
+var renderStatusIcon = function renderStatusIcon(statusChance) {
+  var iconProps = {
+    size: 'sm',
+    theme: 'light',
+    kind: statusChance > 0.66 ? 'critical' : statusChance > 0.33 ? 'minor-warning' : 'normal',
+    iconDescription: statusChance > 0.66 ? 'Critical' : statusChance > 0.33 ? 'Minor warning' : 'Normal'
+  };
+  return /*#__PURE__*/React.createElement(StatusIcon, iconProps);
+};
+
+var renderDocLink = function renderDocLink(statusChance) {
+  var docLinkObj = {
+    href: statusChance > 0.66 ? 'http://carbondesignsystem.com/' : statusChance > 0.33 ? 'https://pages.github.ibm.com/cdai-design/pal/' : 'http://carbon-for-ibm-products.netlify.app/',
+    text: statusChance > 0.66 ? 'Carbon Design System' : statusChance > 0.33 ? 'Carbon for IBM Products PAL' : 'Carbon for IBM Products storybook'
+  };
+  return docLinkObj;
+};
+
 var newPerson = function newPerson() {
   var statusChance = Math.random();
+  var initialChartTypeIndex = getRandomInteger(0, 2);
+  var activeSinceDate = new Date();
+  var yesterdayDate = new Date();
+  yesterdayDate.setDate(yesterdayDate.getDate() - 1);
+  var twoDaysAgoDate = new Date();
+  twoDaysAgoDate.setDate(twoDaysAgoDate.getDate() - 2);
   return {
     firstName: namor.generate({
       words: 1,
@@ -94,7 +134,7 @@ var newPerson = function newPerson() {
       numbers: 0
     }),
     someone11: namor.generate({
-      words: 1,
+      words: 4,
       numbers: 0
     }),
     someone12: namor.generate({
@@ -133,7 +173,12 @@ var newPerson = function newPerson() {
       words: 1,
       numbers: 0
     }),
-    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single'
+    status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single',
+    chartType: initialChartTypeIndex === 0 ? inlineEditSelectItems[0] : initialChartTypeIndex === 1 ? inlineEditSelectItems[1] : inlineEditSelectItems[2],
+    activeSince: statusChance > 0.66 ? activeSinceDate : statusChance > 0.33 ? yesterdayDate : twoDaysAgoDate,
+    bonus: "$\r".concat(getRandomInteger(100, 500, 2)),
+    status_icon: renderStatusIcon(statusChance),
+    doc_link: renderDocLink(statusChance)
   };
 };
 

package/es/components/ExportModal/ExportModal.js

@@ -17,7 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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/icons-react';
+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';

package/es/components/ImportModal/ImportModal.js

@@ -18,7 +18,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // LICENSE file in the root directory of this source tree.
 //
 import React, { useState, forwardRef } from 'react';
-import { Add } from '@carbon/icons-react';
+import { Add } from '@carbon/react/icons';
 import { ComposedModal, ModalHeader, ModalFooter, ModalBody, FileUploaderDropContainer, FileUploaderItem, TextInput, Button, usePrefix } from '@carbon/react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
@@ -77,9 +77,9 @@ export var ImportModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     var acceptSet = new Set(accept);
     var name = file.name;
     var mimeType = file.type;
-    var extension = name.split('.').pop();
+    var extension = ".".concat(name.split('.').pop());
 
-    if (acceptSet.has(mimeType) || acceptSet.has(extension)) {
+    if (acceptSet.has(mimeType) || acceptSet.has(extension) || accept.length === 0) {
       return false;
     }
 

package/es/components/InlineEdit/InlineEdit.js

@@ -22,7 +22,7 @@ import { pkg } from '../../settings'; // Carbon and package components we use.
 /* TODO: @use(s) of carbon components and other package components. */
 
 import { Button, IconButton, usePrefix } from '@carbon/react';
-import { Close, Edit, EditOff, Checkmark, WarningFilled } from '@carbon/icons-react'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { Close, Edit, EditOff, Checkmark, WarningFilled } from '@carbon/react/icons'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--inline-edit");
 var componentName = 'InlineEdit'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
@@ -40,7 +40,7 @@ var buttons = ['cancel', 'edit', 'save'];
  */
 
 export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
-  var _cx, _refInput$current, _refInput$current$inn, _cx3;
+  var _cx, _refInput$current, _refInput$current$tex, _cx3;
 
   var buttonTooltipAlignment = _ref.buttonTooltipAlignment,
       buttonTooltipPosition = _ref.buttonTooltipPosition,
@@ -66,7 +66,9 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var carbonPrefix = usePrefix();
-  var refInput = useRef(null);
+  var refInput = useRef({
+    textContent: value
+  });
   var localRef = useRef(null);
   var ref = refIn || localRef;
 
@@ -149,15 +151,15 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
     document.getSelection().removeAllRanges();
 
     if (onSave) {
-      onSave(refInput.current.innerText);
+      onSave(refInput.current.textContent);
     }
   };
 
   var handleInput = function handleInput() {
-    setInternalValue(refInput.current.innerText);
+    setInternalValue(refInput.current.textContent);
 
     if (onChange) {
-      onChange(refInput.current.innerText);
+      onChange(refInput.current.textContent);
     }
   }; // pasting into contentEditable not supported by userEvent
 
@@ -192,7 +194,7 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
   };
 
   var handleCancel = function handleCancel() {
-    refInput.current.innerText = value;
+    refInput.current.textContent = value;
     handleInput(value);
     doSetEditing(false);
     document.getSelection().removeAllRanges();
@@ -260,7 +262,7 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
     }, /*#__PURE__*/React.createElement("div", _extends({}, rest, getDevtoolsProps(componentName), {
       id: id,
       size: size,
-      className: cx("".concat(blockClass, "__input"), _defineProperty({}, "".concat(blockClass, "__input--empty"), ((_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : (_refInput$current$inn = _refInput$current.innerText) === null || _refInput$current$inn === void 0 ? void 0 : _refInput$current$inn.length) === 0)),
+      className: cx("".concat(blockClass, "__input"), _defineProperty({}, "".concat(blockClass, "__input--empty"), ((_refInput$current = refInput.current) === null || _refInput$current === void 0 ? void 0 : (_refInput$current$tex = _refInput$current.textContent) === null || _refInput$current$tex === void 0 ? void 0 : _refInput$current$tex.length) === 0)),
       contentEditable: true,
       "aria-label": labelText,
       role: "textbox",
@@ -271,7 +273,7 @@ export var InlineEdit = /*#__PURE__*/React.forwardRef(function (_ref, refIn) {
       onPaste: handlePaste,
       suppressContentEditableWarning: true,
       ref: refInput,
-      "data-placeholder": placeholder !== null && placeholder !== void 0 ? placeholder : labelText
+      "data-placeholder": placeholder
     }), value), /*#__PURE__*/React.createElement("div", {
       className: cx("".concat(blockClass, "__after-input-elements")) // tabindex -1 fixes blur target test when clicking on after-input-elements background
       ,

package/es/components/ModifiedTabs/ModifiedTabLabelNew.js

@@ -6,7 +6,7 @@
 //
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Add } from '@carbon/icons-react';
+import { Add } from '@carbon/react/icons';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--modified-tabs");
 export var ModifiedTabLabelNew = function ModifiedTabLabelNew(_ref) {

package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Close, CloseFilled } from '@carbon/icons-react';
+import { Close, CloseFilled } from '@carbon/react/icons';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--modified-tabs");
 export var ModifiedTabLabelWithClose = function ModifiedTabLabelWithClose(_ref) {

package/es/components/NotificationsPanel/NotificationsPanel.js

@@ -22,7 +22,7 @@ import { timeAgo } from './utils';
 import { NotificationsEmptyState } from '../EmptyStates/NotificationsEmptyState'; // Carbon and package components we use.
 
 import { Button, Link, Toggle, IconButton } from '@carbon/react';
-import { ErrorFilled, WarningAltFilled, CheckmarkFilled, InformationSquareFilled, ChevronDown, Close, Settings } from '@carbon/icons-react';
+import { ErrorFilled, WarningAltFilled, CheckmarkFilled, InformationSquareFilled, ChevronDown, Close, Settings } from '@carbon/react/icons';
 import { usePreviousValue } from '../../global/js/hooks'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var componentName = 'NotificationsPanel';

package/es/components/OptionsTile/OptionsTile.js

@@ -20,7 +20,7 @@ import uuidv4 from '../../global/js/utils/uuidv4';
 import { pkg } from '../../settings'; // Carbon and package components we use.
 
 import { Toggle } from '@carbon/react';
-import { ChevronDown, Locked, WarningAltFilled, WarningFilled } from '@carbon/icons-react';
+import { ChevronDown, Locked, WarningAltFilled, WarningFilled } from '@carbon/react/icons';
 import * as carbonMotion from '@carbon/motion'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var blockClass = "".concat(pkg.prefix, "--options-tile");