@carbon/ibm-products 2.80.0-rc.0 → 2.81.0-rc.0

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.d.ts

@@ -1,26 +0,0 @@
-export function InlineEditButton({ label, renderIcon: Icon, labelIcon: LabelIcon, placeholder, disabledCell, nonEditCell, isActiveCell, columnConfig, type, }: {
-    label: any;
-    renderIcon: any;
-    labelIcon: any;
-    placeholder: any;
-    disabledCell: any;
-    nonEditCell: any;
-    isActiveCell: any;
-    columnConfig: any;
-    type: any;
-}): React.JSX.Element;
-export namespace InlineEditButton {
-    namespace propTypes {
-        let columnConfig: any;
-        let disabledCell: any;
-        let isActiveCell: any;
-        let label: any;
-        let labelIcon: any;
-        let nonEditCell: any;
-        let placeholder: any;
-        let renderIcon: any;
-        let type: any;
-        let value: any;
-    }
-}
-import React from 'react';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/InlineEditButton.js

@@ -1,67 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var React = require('react');
-var cx = require('classnames');
-var index = require('../../../../../../_virtual/index.js');
-var settings = require('../../../../../../settings.js');
-
-const blockClass = `${settings.pkg.prefix}--datagrid`;
-const InlineEditButton = _ref => {
-  let {
-    label,
-    renderIcon: Icon,
-    labelIcon: LabelIcon,
-    placeholder,
-    disabledCell,
-    nonEditCell,
-    isActiveCell,
-    columnConfig,
-    type
-  } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(`${blockClass}__inline-edit-button`, {
-      [`${blockClass}__inline-edit-button--disabled`]: disabledCell,
-      [`${blockClass}__inline-edit-button--with-label-icon`]: LabelIcon,
-      [`${blockClass}__inline-edit-button--non-edit`]: nonEditCell,
-      [`${blockClass}__inline-edit-button--active`]: isActiveCell,
-      [`${blockClass}__inline-edit-button--${type}`]: type === 'date' || type === 'selection'
-    }),
-    tabIndex: isActiveCell ? 0 : -1,
-    "data-disabled": disabledCell,
-    "aria-disabled": disabledCell,
-    role: "button"
-  }, LabelIcon && /*#__PURE__*/React.createElement("div", {
-    className: `${blockClass}__label-icon`
-  }, /*#__PURE__*/React.createElement(LabelIcon, null)), label !== '' ? /*#__PURE__*/React.createElement("span", {
-    className: cx(`${blockClass}__inline-edit-button-label`, {
-      [`${blockClass}__inline-edit-button-label-with-icon`]: !nonEditCell,
-      // update later to some kind of renderIcon prop
-      [`${blockClass}__defaultStringRenderer--multiline`]: columnConfig?.multiLineWrap
-    })
-  }, label) : /*#__PURE__*/React.createElement("span", {
-    className: `${blockClass}__placeholder`
-  }, placeholder), !nonEditCell && Icon && /*#__PURE__*/React.createElement("div", {
-    className: `${blockClass}__inline-edit-button-icon`
-  }, /*#__PURE__*/React.createElement(Icon, null)));
-};
-InlineEditButton.propTypes = {
-  columnConfig: index.default.object,
-  disabledCell: index.default.bool,
-  isActiveCell: index.default.bool,
-  label: index.default.oneOfType([index.default.string, index.default.number]),
-  labelIcon: index.default.oneOfType([index.default.func, index.default.object]),
-  nonEditCell: index.default.bool,
-  placeholder: index.default.string,
-  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
-  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
-  value: index.default.oneOfType([index.default.string, index.default.node])
-};
-
-exports.InlineEditButton = InlineEditButton;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditButton/index.d.ts

@@ -1 +0,0 @@
-export { InlineEditButton } from "./InlineEditButton";

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.d.ts

@@ -1,25 +0,0 @@
-export function InlineEditCell({ cell, config, disabledCell, instance, placeholder, tabIndex, value, nonEditCell, type, }: {
-    cell: any;
-    config: any;
-    disabledCell?: boolean | undefined;
-    instance: any;
-    placeholder?: string | undefined;
-    tabIndex: any;
-    value: any;
-    nonEditCell?: boolean | undefined;
-    type: any;
-}): React.JSX.Element;
-export namespace InlineEditCell {
-    namespace propTypes {
-        let cell: any;
-        let config: any;
-        let disabledCell: any;
-        let instance: any;
-        let nonEditCell: any;
-        let placeholder: any;
-        let tabIndex: any;
-        let type: any;
-        let value: any;
-    }
-}
-import React from 'react';

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js

@@ -1,569 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var index = require('../../../../../../_virtual/index.js');
-var react = require('@carbon/react');
-var icons = require('@carbon/react/icons');
-var settings = require('../../../../../../settings.js');
-var cx = require('classnames');
-var propsHelper = require('../../../../../../global/js/utils/props-helper.js');
-var InlineEditContext = require('../InlineEditContext/InlineEditContext.js');
-var usePreviousValue = require('../../../../../../global/js/hooks/usePreviousValue.js');
-var useIsomorphicEffect = require('../../../../../../global/js/hooks/useIsomorphicEffect.js');
-var InlineEditButton = require('../InlineEditButton/InlineEditButton.js');
-
-const blockClass = `${settings.pkg.prefix}--datagrid`;
-const InlineEditCell = _ref => {
-  let {
-    cell,
-    config,
-    disabledCell = false,
-    instance,
-    placeholder = '',
-    tabIndex,
-    value,
-    nonEditCell = false,
-    type
-  } = _ref;
-  const columnId = cell.column.id;
-  const columnIndex = instance.columns.findIndex(col => col.id === columnId);
-  const rowIndex = cell.row.index;
-  const cellId = `column-${columnIndex}-row-${rowIndex}`;
-  const {
-    state,
-    dispatch
-  } = React.useContext(InlineEditContext.InlineEditContext);
-  const [inEditMode, setInEditMode] = React.useState(false);
-  const [cellValue, setCellValue] = React.useState(value);
-  const [initialValue, setInitialValue] = React.useState();
-  const [cellLabel, setCellLabel] = React.useState();
-  const {
-    activeCellId,
-    editId
-  } = state;
-  const previousState = usePreviousValue.usePreviousValue({
-    editId,
-    activeCellId
-  });
-  const {
-    inputProps
-  } = config || {};
-  const textInputRef = React.useRef(undefined);
-  const checkboxRef = React.useRef(undefined);
-  const numberInputRef = React.useRef(undefined);
-  const dropdownRef = React.useRef(undefined);
-  const outerButtonElement = React.useRef(undefined);
-  const {
-    rowSize,
-    onDataUpdate
-  } = instance;
-  let saveCellData;
-  if (inEditMode) {
-    instance.cellEditing = {
-      cellId,
-      columnIndex,
-      rowIndex,
-      curCellValue: cellValue
-    };
-  }
-  React.useEffect(() => {
-    setInitialValue(value);
-    const columnId = cell.column.id;
-    const columnLabel = instance.columns.find(item => item.id === columnId);
-    setCellLabel(typeof columnLabel.Header === 'string' ? columnLabel.Header : 'Inline edit cell label');
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // Reverts cellValue back to initialValue when exiting edit mode via clicking outside
-  // of the cell (either on a regular cell or clicking into another inline edit cell) and the
-  // edit input is in an invalid state
-  React.useEffect(() => {
-    if (previousState?.editId === cellId && !editId || previousState?.editId === cellId && cellId !== editId) {
-      const {
-        validator
-      } = config || {};
-      const isInvalid = validator?.(cellValue);
-      if (isInvalid) {
-        setCellValue(initialValue);
-        saveCellData(initialValue);
-        return;
-      }
-    }
-  }, [previousState?.editId, editId, cellId, cellValue, config, initialValue, saveCellData]);
-
-  // If you are in edit mode and click outside of the cell,
-  // this changes the cell back to the InlineEditButton
-  React.useEffect(() => {
-    if (activeCellId !== cellId || !editId) {
-      setInEditMode(false);
-    }
-    if (activeCellId === cellId && editId === cellId && !nonEditCell) {
-      setInEditMode(true);
-      saveCellData(cellValue);
-    }
-  }, [activeCellId, cellId, nonEditCell, editId, cellValue, saveCellData]);
-  const openDropdown = type => {
-    // *****
-    // Only added this querySelector because v11 Datepicker isn't forwarding the ref which breaks how we were handling this in v10
-    // *****
-    const datePickerInputElement = document.querySelector(`#${blockClass}__inline-edit--date-picker--${cell.row.index}`);
-    const dropdownTrigger = type === 'selection' ? dropdownRef?.current : datePickerInputElement;
-    dropdownTrigger.click();
-    if (type === 'date') {
-      dropdownTrigger?.focus();
-    }
-  };
-
-  // Re-initializes initialValue if clicking outside of a cell that was previously
-  // in edit mode, otherwise `initialValue` becomes stale
-  React.useEffect(() => {
-    if (previousState?.editId === cellId && previousState?.activeCellId === cellId && activeCellId !== cellId) {
-      const {
-        validator
-      } = config || {};
-      const isInvalid = validator?.(cellValue);
-      if (!isInvalid) {
-        setInitialValue(cellValue);
-      }
-    }
-  }, [previousState, cellId, cellValue, activeCellId, config]);
-  const handleInlineCellClick = () => {
-    if (!inEditMode) {
-      dispatch({
-        type: 'ENTER_EDIT_MODE',
-        payload: {
-          activeCellId: cellId,
-          editId: cellId
-        }
-      });
-      setInEditMode(true);
-      setTimeout(() => {
-        if (type === 'selection' || type === 'date') {
-          openDropdown(type);
-        }
-      }, 1);
-    }
-  };
-
-  // Auto focus text input when entering edit mode
-  React.useEffect(() => {
-    if (inEditMode) {
-      if (type === 'text') {
-        textInputRef.current.focus();
-      }
-      if (type === 'number') {
-        numberInputRef.current.focus();
-      }
-      if (type === 'selection') {
-        dropdownRef?.current?.focus();
-      }
-    }
-  }, [inEditMode, type]);
-
-  // Saves the new cell data, onDataUpdate is a required function to be
-  // passed to useDatagrid when using useInlineEdit
-  saveCellData = React.useCallback(newValue => {
-    const columnId = cell.column.id;
-    const rowIndex = cell.row.index;
-    onDataUpdate(prev => prev.map((row, index) => {
-      if (index === rowIndex) {
-        return {
-          ...prev[rowIndex],
-          [columnId]: newValue
-        };
-      }
-      return row;
-    }));
-  }, [cell, onDataUpdate]);
-
-  // Initialize cellValue from value prop
-  React.useEffect(() => {
-    setCellValue(value);
-  }, [value]);
-  const sendFocusBackToGrid = () => {
-    // Allows the onKeyDown listener to go back to the entire grid area
-    const inlineEditArea = document.querySelector(`#${instance.tableId} .${blockClass}__table-with-inline-edit`);
-    inlineEditArea.focus();
-  };
-  const getNewCellId = key => {
-    const totalRows = instance.rows.length;
-    const newCellId = key === 'Enter' ? `column-${columnIndex}-row-${cell.row.index < totalRows - 1 && type === 'checkbox' ? cell.row.index + 1 : cell.row.index}` : `column-${columnIndex < instance.columns.length - 1 ? columnIndex + 1 : columnIndex}-row-${cell.row.index}`;
-    return newCellId;
-  };
-  const handleKeyDown = event => {
-    const {
-      key
-    } = event;
-    switch (key) {
-      case 'ArrowRight':
-      case 'ArrowLeft':
-      case 'ArrowUp':
-      case 'ArrowDown':
-        if (inEditMode && event.target.type === 'checkbox') {
-          const newCellId = getNewCellId(key);
-          saveCellData(cellValue);
-          setInitialValue(cellValue);
-          dispatch({
-            type: 'EXIT_EDIT_MODE',
-            payload: newCellId
-          });
-          setInEditMode(false);
-          sendFocusBackToGrid();
-        }
-        break;
-      // Save cell contents to data
-      case 'Tab':
-      case 'Enter':
-        {
-          if (type === 'checkbox') {
-            // Since checkbox doesn't need to click into it to enter `inEditMode` we don't need to check for it
-            const newCellId = getNewCellId(key);
-            dispatch({
-              type: 'EXIT_EDIT_MODE',
-              payload: newCellId
-            });
-            setInEditMode(false);
-            sendFocusBackToGrid();
-          }
-          if (inEditMode) {
-            // Dropdown saves are handled in the Dropdown's/DatePicker's onChange prop
-            if (type === 'selection' || type === 'date') {
-              return;
-            }
-            const {
-              validator
-            } = config || {};
-            const isInvalid = validator?.(cellValue);
-            // If an invalid state is detected, Tab/Enter should not do anything
-            // until the input has a valid state once again
-            if (isInvalid) {
-              return;
-            }
-            const newCellId = getNewCellId(key);
-            saveCellData(cellValue);
-            setInitialValue(cellValue);
-            dispatch({
-              type: 'EXIT_EDIT_MODE',
-              payload: newCellId
-            });
-            setInEditMode(false);
-            sendFocusBackToGrid();
-          }
-          break;
-        }
-      case 'Escape':
-        {
-          if (inEditMode) {
-            dispatch({
-              type: 'EXIT_EDIT_MODE',
-              payload: cellId
-            });
-            setCellValue(initialValue);
-            saveCellData(initialValue);
-            setInEditMode(false);
-            sendFocusBackToGrid();
-          }
-          break;
-        }
-      default:
-        return;
-    }
-  };
-  const addActiveState = () => {
-    dispatch({
-      type: 'UPDATE_ACTIVE_CELL_ID',
-      payload: cellId
-    });
-  };
-  const renderDropdownItem = item => {
-    const includesIcon = !!item?.icon;
-    return includesIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(item.icon), /*#__PURE__*/React.createElement("span", {
-      className: cx(`${blockClass}__inline-edit--select-item`)
-    }, item?.text)) : item?.text;
-  };
-  const handleTransformedItem = items => {
-    return items?.length && typeof items[0] === 'object' ? item => renderDropdownItem(item) : null;
-  };
-  useIsomorphicEffect.useIsomorphicEffect(() => {
-    if (dropdownRef.current && dropdownRef.current.style) {
-      const closestElement = dropdownRef.current.closest(`.${blockClass}__inline-edit--select`);
-      closestElement.style.width = `${cell.column.totalWidth}px`;
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dropdownRef.current, cell.column.totalWidth]);
-  const renderSelectCell = () => {
-    const {
-      inputProps
-    } = config || {};
-    return /*#__PURE__*/React.createElement(react.Dropdown, _rollupPluginBabelHelpers.extends({
-      id: cellId,
-      label: cellLabel || 'Dropdown menu options',
-      ariaLabel: cellLabel || 'Dropdown menu options'
-    }, inputProps, {
-      hideLabel: true,
-      className: cx(`${blockClass}__inline-edit--select`, {
-        [`${blockClass}__inline-edit--select-${rowSize}`]: rowSize
-      }),
-      items: inputProps?.items || [],
-      initialSelectedItem: cell.value,
-      itemToElement: handleTransformedItem(inputProps?.items),
-      renderSelectedItem: handleTransformedItem(inputProps?.items),
-      onChange: item => {
-        const newCellId = getNewCellId('Enter');
-        saveCellData(item.selectedItem);
-        setCellValue(item.selectedItem);
-        dispatch({
-          type: 'EXIT_EDIT_MODE',
-          payload: newCellId
-        });
-        setInEditMode(false);
-        sendFocusBackToGrid();
-        inputProps?.onChange?.(item.selectedItem);
-      },
-      downshiftProps: {
-        onStateChange: downshiftState => {
-          const {
-            isOpen
-          } = downshiftState || {};
-          // !isOpen does not work in this case because a state change occurs on hover of the
-          // menu items and isOpen is changed to undefined which causes dispatch to be called unexpectedly
-          if (isOpen === false) {
-            dispatch({
-              type: 'EXIT_EDIT_MODE',
-              payload: cellId
-            });
-            setInEditMode(false);
-            sendFocusBackToGrid();
-          }
-        }
-      },
-      ref: dropdownRef,
-      autoAlign: true
-    }));
-  };
-  const setRenderIcon = () => {
-    if (type === 'text') {
-      return icons.Edit;
-    }
-    if (type === 'number') {
-      return icons.CaretSort;
-    }
-    if (type === 'selection') {
-      return icons.ChevronDown;
-    }
-    if (type === 'date') {
-      return icons.Calendar;
-    }
-  };
-  const renderDateCell = () => {
-    const datePickerPreparedProps = propsHelper.prepareProps(config.inputProps, ['datePickerInputProps']);
-    const datePickerInputProps = config?.inputProps?.datePickerInputProps;
-    return /*#__PURE__*/React.createElement(react.DatePicker, _rollupPluginBabelHelpers.extends({}, datePickerPreparedProps, {
-      appendTo: outerButtonElement?.current?.parentElement,
-      ref: el => {
-        if (el && el.style) {
-          el.style.width = `${cell.column.totalWidth}px`;
-          const elementId = `${blockClass}__inline-edit--date-picker--${cell.row.index}`;
-          const element = el.querySelector(`input#${elementId}`);
-          if (element) {
-            element.style.position = 'static';
-          }
-        }
-      },
-      datePickerType: "single",
-      className: cx(`${blockClass}__inline-edit--date`, {
-        [`${blockClass}__inline-edit--date-${rowSize}`]: rowSize
-      }),
-      onChange: newDate => {
-        const newDateObj = newDate[0];
-        datePickerPreparedProps?.onChange?.(newDateObj, cell);
-        const newCellId = getNewCellId('Enter');
-        saveCellData(newDateObj);
-        setCellValue(newDateObj);
-        // To handle the interaction of the masked input when the DatePicker and updating
-        setTimeout(() => {
-          setInEditMode(false);
-          sendFocusBackToGrid();
-          dispatch({
-            type: 'EXIT_EDIT_MODE',
-            payload: newCellId
-          });
-        }, 1);
-      },
-      value: cell.value
-    }), /*#__PURE__*/React.createElement(react.DatePickerInput, _rollupPluginBabelHelpers.extends({}, datePickerInputProps, {
-      placeholder: datePickerInputProps?.placeholder || 'mm/dd/yyyy',
-      labelText: datePickerInputProps?.labelText || cellLabel || 'Set date',
-      id: `${blockClass}__inline-edit--date-picker--${cell.row.index}`,
-      hideLabel: true
-    })));
-  };
-
-  // Ensures that months and days are all 2 digits, prefixes 0 if `num` is a single digit
-  const padTo2Digits = num => {
-    return num.toString().padStart(2, '0');
-  };
-  const buildDate = value => {
-    const dateFormat = config?.inputProps?.dateFormat;
-    if (value instanceof Date) {
-      const maskedFullYear = value.getFullYear();
-      const maskedMonth = padTo2Digits(value.getMonth() + 1);
-      const maskedDay = padTo2Digits(value.getDate());
-      if (dateFormat === 'm/d/Y' || value === 'm/d/y') {
-        return [maskedMonth, maskedDay, maskedFullYear].join('/');
-      }
-      if (dateFormat === 'd/m/Y' || dateFormat === 'd/m/y' || dateFormat === undefined) {
-        return [maskedDay, maskedMonth, maskedFullYear].join('/');
-      }
-    } else {
-      return value;
-    }
-    return null;
-  };
-  const renderNumberInput = () => {
-    const {
-      validator
-    } = config || {};
-    return /*#__PURE__*/React.createElement(react.NumberInput, _rollupPluginBabelHelpers.extends({
-      placeholder: placeholder,
-      label: cellLabel
-    }, inputProps, {
-      id: cellId,
-      hideLabel: true,
-      defaultValue: cellValue,
-      invalid: validator?.(cellValue),
-      invalidText: inputProps?.invalidText || 'Provide missing invalidText',
-      onChange: (event, _ref2) => {
-        let {
-          value
-        } = _ref2;
-        setCellValue(value);
-        if (inputProps.onChange) {
-          inputProps.onChange(value);
-        }
-      },
-      ref: numberInputRef
-    }));
-  };
-  const renderCheckBoxCell = () => {
-    return /*#__PURE__*/React.createElement(react.Checkbox, _rollupPluginBabelHelpers.extends({
-      labelText: cellLabel || 'Checkbox'
-    }, inputProps, {
-      className: cx(`${blockClass}__inline-edit--outer-cell-checkbox`, {
-        [`${blockClass}__inline-edit--outer-cell-checkbox-focus`]: activeCellId === cellId
-      }),
-      id: cellId,
-      hideLabel: true,
-      checked: cellValue,
-      onChange: (event, _ref3) => {
-        let {
-          checked
-        } = _ref3;
-        setCellValue(checked);
-        if (inputProps.onChange) {
-          inputProps.onChange(checked);
-        }
-      },
-      ref: checkboxRef
-    }));
-  };
-  const renderTextInput = () => {
-    const {
-      validator
-    } = config || {};
-    const isInvalid = validator?.(cellValue);
-    return /*#__PURE__*/React.createElement(react.TextInput, _rollupPluginBabelHelpers.extends({
-      labelText: cellLabel,
-      placeholder: placeholder
-    }, inputProps, {
-      id: cellId,
-      hideLabel: true,
-      defaultValue: cellValue,
-      invalid: isInvalid,
-      invalidText: inputProps?.invalidText || 'Provide missing invalidText',
-      onChange: event => {
-        setCellValue(event.target.value);
-        if (inputProps.onChange) {
-          inputProps.onChange(event.target.value);
-        }
-      },
-      ref: textInputRef
-    }));
-  };
-  const getLabel = () => {
-    const checkStaticCell = val => {
-      if (typeof val === 'object' && val?.isStaticCell) {
-        return val?.value;
-      }
-    };
-    switch (type) {
-      case 'selection':
-        checkStaticCell(value);
-        return value?.text ?? value;
-      case 'date':
-        checkStaticCell(value);
-        return buildDate(value);
-      default:
-        return checkStaticCell(value) ?? value;
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("div", {
-      ref: outerButtonElement,
-      "data-cell-id": cellId,
-      "data-column-index": columnIndex,
-      "data-row-index": cell.row.index,
-      "data-disabled": disabledCell || nonEditCell,
-      "data-inline-type": type,
-      onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
-      onKeyDown: !nonEditCell ? handleKeyDown : null,
-      className: cx(`${blockClass}__inline-edit--outer-cell-button`, {
-        [`${blockClass}__inline-edit--outer-cell-button--${rowSize}`]: rowSize,
-        [`${blockClass}__inline-edit--outer-cell-button--lg`]: !rowSize,
-        [`${blockClass}__inline-edit--outer-cell-button--invalid`]: inEditMode && config?.validator?.(cellValue),
-        [`${blockClass}__static--outer-cell`]: !disabledCell
-      })
-    }, (!inEditMode || disabledCell) && type !== 'checkbox' && /*#__PURE__*/React.createElement(InlineEditButton.InlineEditButton, {
-      isActiveCell: cellId === activeCellId,
-      renderIcon: setRenderIcon(),
-      label: getLabel(),
-      disabledCell: disabledCell,
-      labelIcon: value?.icon || null,
-      placeholder: placeholder,
-      tabIndex: tabIndex,
-      nonEditCell: nonEditCell,
-      columnConfig: cell.column,
-      type: type
-    }), type === 'checkbox' && renderCheckBoxCell(), !nonEditCell && inEditMode && cellId === activeCellId && /*#__PURE__*/React.createElement(React.Fragment, null, type === 'text' && renderTextInput(), type === 'number' && renderNumberInput(), type === 'selection' && renderSelectCell(), type === 'date' && renderDateCell()))
-  );
-};
-InlineEditCell.propTypes = {
-  cell: index.default.object,
-  config: index.default.object,
-  disabledCell: index.default.bool,
-  instance: index.default.shape({
-    columns: index.default.arrayOf(index.default.object),
-    onDataUpdate: index.default.func,
-    rows: index.default.arrayOf(index.default.object),
-    rowSize: index.default.string,
-    tableId: index.default.string,
-    cellEditing: index.default.object
-  }),
-  nonEditCell: index.default.bool,
-  placeholder: index.default.string,
-  tabIndex: index.default.number,
-  type: index.default.oneOf(['text', 'number', 'selection', 'date', 'checkbox']),
-  value: index.default.oneOfType([index.default.string, index.default.node, index.default.object])
-};
-
-exports.InlineEditCell = InlineEditCell;

package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/index.d.ts

@@ -1 +0,0 @@
-export { InlineEditCell } from "./InlineEditCell";