@mui/x-data-grid-premium 8.0.0-beta.3 → 8.1.0

package/components/promptField/GridPromptField.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridPromptField = GridPromptField;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _PromptField = require("./PromptField");
+var _PromptFieldControl = require("./PromptFieldControl");
+var _PromptFieldRecord = require("./PromptFieldRecord");
+var _PromptFieldSend = require("./PromptFieldSend");
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+var _speechRecognition = require("../../utils/speechRecognition");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["ref"];
+function GridPromptField(props) {
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  let placeholder = apiRef.current.getLocaleText('promptFieldPlaceholder');
+  if (_speechRecognition.IS_SPEECH_RECOGNITION_SUPPORTED) {
+    placeholder = apiRef.current.getLocaleText('promptFieldPlaceholderWithRecording');
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptField.PromptField, (0, _extends2.default)({}, props, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptFieldControl.PromptFieldControl, {
+      onKeyDown: event => {
+        if (event.key === 'Enter') {
+          // Prevents the `multiline` TextField from adding a new line
+          event.preventDefault();
+        }
+      },
+      render: (_ref, state) => {
+        let {
+            ref
+          } = _ref,
+          controlProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTextField, (0, _extends2.default)({}, controlProps, {
+          fullWidth: true,
+          inputRef: ref,
+          "aria-label": apiRef.current.getLocaleText('promptFieldLabel'),
+          placeholder: state.recording ? apiRef.current.getLocaleText('promptFieldPlaceholderListening') : placeholder,
+          size: "small",
+          multiline: true,
+          autoFocus: true,
+          slotProps: (0, _extends2.default)({
+            input: (0, _extends2.default)({
+              startAdornment: _speechRecognition.IS_SPEECH_RECOGNITION_SUPPORTED ? /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
+                title: state.recording ? apiRef.current.getLocaleText('promptFieldStopRecording') : apiRef.current.getLocaleText('promptFieldRecord'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptFieldRecord.PromptFieldRecord, {
+                  size: "small",
+                  edge: "start",
+                  color: state.recording ? 'primary' : 'default',
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.promptSpeechRecognitionIcon, {
+                    fontSize: "small"
+                  })
+                })
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
+                title: apiRef.current.getLocaleText('promptFieldSpeechRecognitionNotSupported'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.promptSpeechRecognitionOffIcon, {
+                  fontSize: "small"
+                })
+              }),
+              endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseTooltip, {
+                title: apiRef.current.getLocaleText('promptFieldSend'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptFieldSend.PromptFieldSend, {
+                    size: "small",
+                    edge: "end",
+                    color: "primary",
+                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.promptSendIcon, {
+                      fontSize: "small"
+                    })
+                  })
+                })
+              })
+            }, controlProps.slotProps?.input)
+          }, controlProps.slotProps)
+        }));
+      }
+    })
+  }));
+}

package/components/promptField/PromptField.d.ts

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { RenderProp } from '@mui/x-data-grid';
+import { PromptFieldState } from "./PromptFieldContext.js";
+export type PromptFieldProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'className' | 'onSubmit'> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<React.ComponentProps<'div'>, PromptFieldState>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className?: string | ((state: PromptFieldState) => string);
+  /**
+   * The BCP 47 language tag to use for the speech recognition.
+   * @default HTML lang attribute value or the user agent's language setting
+   */
+  lang?: string;
+  /**
+   * Called when an speech recognition error occurs.
+   * @param {string} error The error message
+   */
+  onRecordError?: (error: string) => void;
+  /**
+   * Called when the user submits the prompt.
+   * @param {string} prompt The prompt
+   */
+  onSubmit: (prompt: string) => void;
+};
+/**
+ * The top level Prompt Field component that provides context to child components.
+ * It renders a `<div />` element.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptField API](https://mui.com/x/api/data-grid/prompt-field/)
+ */
+declare const PromptField: React.ForwardRefExoticComponent<PromptFieldProps> | React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "className" | "onSubmit"> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<React.ComponentProps<"div">, PromptFieldState>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className?: string | ((state: PromptFieldState) => string);
+  /**
+   * The BCP 47 language tag to use for the speech recognition.
+   * @default HTML lang attribute value or the user agent's language setting
+   */
+  lang?: string;
+  /**
+   * Called when an speech recognition error occurs.
+   * @param {string} error The error message
+   */
+  onRecordError?: (error: string) => void;
+  /**
+   * Called when the user submits the prompt.
+   * @param {string} prompt The prompt
+   */
+  onSubmit: (prompt: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { PromptField };

package/components/promptField/PromptField.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromptField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _internals = require("@mui/x-data-grid/internals");
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _PromptFieldContext = require("./PromptFieldContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["render", "className", "lang", "onRecordError", "onSubmit"];
+/**
+ * The top level Prompt Field component that provides context to child components.
+ * It renders a `<div />` element.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptField API](https://mui.com/x/api/data-grid/prompt-field/)
+ */
+const PromptField = exports.PromptField = (0, _forwardRef.forwardRef)(function PromptField(props, ref) {
+  const {
+      render,
+      className,
+      lang,
+      onRecordError,
+      onSubmit
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const [value, setValue] = React.useState('');
+  const [recording, setRecording] = React.useState(false);
+  const [disabled, setDisabled] = React.useState(false);
+  const state = React.useMemo(() => ({
+    value,
+    recording,
+    disabled
+  }), [value, recording, disabled]);
+  const resolvedClassName = typeof className === 'function' ? className(state) : className;
+  const handleOnSubmit = React.useCallback(async prompt => {
+    setDisabled(true);
+    setValue('');
+    await onSubmit(prompt);
+    setDisabled(false);
+  }, [onSubmit]);
+  const contextValue = React.useMemo(() => ({
+    state,
+    lang,
+    onValueChange: setValue,
+    onRecordingChange: setRecording,
+    onSubmit: handleOnSubmit,
+    onError: onRecordError
+  }), [state, lang, onRecordError, handleOnSubmit]);
+  const element = (0, _internals.useGridComponentRenderer)('div', render, (0, _extends2.default)({
+    className: resolvedClassName
+  }, other, {
+    ref
+  }), state);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PromptFieldContext.PromptFieldContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+process.env.NODE_ENV !== "production" ? PromptField.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  /**
+   * Called when an speech recognition error occurs.
+   * @param {string} error The error message
+   */
+  onRecordError: _propTypes.default.func,
+  /**
+   * Called when the user submits the prompt.
+   * @param {string} prompt The prompt
+   */
+  onSubmit: _propTypes.default.func.isRequired,
+  /**
+   * A function to customize rendering of the component.
+   */
+  render: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func])
+} : void 0;

package/components/promptField/PromptFieldContext.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface PromptFieldState {
+  value: string;
+  disabled: boolean;
+  recording: boolean;
+}
+export interface PromptFieldContextValue {
+  state: PromptFieldState;
+  lang: string | undefined;
+  onValueChange: (value: string) => void;
+  onRecordingChange: (recording: boolean) => void;
+  onSubmit: (prompt: string) => void;
+  onError: ((error: string) => void) | undefined;
+}
+export declare const PromptFieldContext: React.Context<PromptFieldContextValue | undefined>;
+export declare function usePromptFieldContext(): PromptFieldContextValue;

package/components/promptField/PromptFieldContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromptFieldContext = void 0;
+exports.usePromptFieldContext = usePromptFieldContext;
+var React = _interopRequireWildcard(require("react"));
+const PromptFieldContext = exports.PromptFieldContext = /*#__PURE__*/React.createContext(undefined);
+function usePromptFieldContext() {
+  const context = React.useContext(PromptFieldContext);
+  if (context === undefined) {
+    throw new Error('MUI X: Missing context. Prompt Field subcomponents must be placed within a <PromptField /> component.');
+  }
+  return context;
+}

package/components/promptField/PromptFieldControl.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
+import { PromptFieldState } from "./PromptFieldContext.js";
+export type PromptFieldControlProps = Omit<GridSlotProps['baseTextField'], 'className'> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<GridSlotProps['baseTextField'], PromptFieldState>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className?: string | ((state: PromptFieldState) => string);
+};
+/**
+ * A component that takes user input.
+ * It renders the `baseTextField` slot.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptFieldControl API](https://mui.com/x/api/data-grid/prompt-field-control/)
+ */
+declare const PromptFieldControl: React.ForwardRefExoticComponent<PromptFieldControlProps> | React.ForwardRefExoticComponent<Omit<PromptFieldControlProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { PromptFieldControl };

package/components/promptField/PromptFieldControl.js

@@ -0,0 +1,102 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromptFieldControl = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _internals = require("@mui/x-data-grid/internals");
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _PromptFieldContext = require("./PromptFieldContext");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["render", "className", "onChange", "onKeyDown"];
+/**
+ * A component that takes user input.
+ * It renders the `baseTextField` slot.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptFieldControl API](https://mui.com/x/api/data-grid/prompt-field-control/)
+ */
+const PromptFieldControl = exports.PromptFieldControl = (0, _forwardRef.forwardRef)(function PromptFieldControl(props, ref) {
+  const {
+      render,
+      className,
+      onChange,
+      onKeyDown
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const {
+    state,
+    onValueChange,
+    onSubmit
+  } = (0, _PromptFieldContext.usePromptFieldContext)();
+  const resolvedClassName = typeof className === 'function' ? className(state) : className;
+  const handleChange = event => {
+    onValueChange(event.target.value);
+    onChange?.(event);
+  };
+  const handleKeyDown = event => {
+    if (event.key === 'Enter' && state.value.trim()) {
+      onSubmit(state.value);
+    }
+    onKeyDown?.(event);
+  };
+  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseTextField, render, (0, _extends2.default)({}, rootProps.slotProps?.baseTextField, {
+    value: state.value,
+    className: resolvedClassName
+  }, other, {
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    ref
+  }), state);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: element
+  });
+});
+process.env.NODE_ENV !== "production" ? PromptFieldControl.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  autoComplete: _propTypes.default.string,
+  autoFocus: _propTypes.default.bool,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  color: _propTypes.default.oneOf(['error', 'primary']),
+  disabled: _propTypes.default.bool,
+  error: _propTypes.default.bool,
+  fullWidth: _propTypes.default.bool,
+  helperText: _propTypes.default.string,
+  id: _propTypes.default.string,
+  inputRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  label: _propTypes.default.node,
+  multiline: _propTypes.default.bool,
+  placeholder: _propTypes.default.string,
+  /**
+   * A function to customize rendering of the component.
+   */
+  render: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
+  role: _propTypes.default.string,
+  size: _propTypes.default.oneOf(['medium', 'small']),
+  slotProps: _propTypes.default.object,
+  style: _propTypes.default.object,
+  tabIndex: _propTypes.default.number,
+  type: _propTypes.default.oneOfType([_propTypes.default.oneOf(['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week']), _propTypes.default.object]),
+  value: _propTypes.default.string
+} : void 0;

package/components/promptField/PromptFieldRecord.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
+import { PromptFieldState } from "./PromptFieldContext.js";
+export type PromptFieldRecordProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<GridSlotProps['baseIconButton'], PromptFieldState>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className?: string | ((state: PromptFieldState) => string);
+};
+/**
+ * A button that records the user's voice when clicked.
+ * It renders the `baseIconButton` slot.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptFieldRecord API](https://mui.com/x/api/data-grid/prompt-field-record/)
+ */
+declare const PromptFieldRecord: React.ForwardRefExoticComponent<PromptFieldRecordProps> | React.ForwardRefExoticComponent<Omit<PromptFieldRecordProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { PromptFieldRecord };

package/components/promptField/PromptFieldRecord.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromptFieldRecord = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useTimeout = require("@mui/utils/useTimeout");
+var _useLazyRef = _interopRequireDefault(require("@mui/utils/useLazyRef"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _internals = require("@mui/x-data-grid/internals");
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _PromptFieldContext = require("./PromptFieldContext");
+var _speechRecognition = require("../../utils/speechRecognition");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["render", "className", "onClick"];
+/**
+ * A button that records the user's voice when clicked.
+ * It renders the `baseIconButton` slot.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptFieldRecord API](https://mui.com/x/api/data-grid/prompt-field-record/)
+ */
+const PromptFieldRecord = exports.PromptFieldRecord = (0, _forwardRef.forwardRef)(function PromptFieldRecord(props, ref) {
+  const {
+      render,
+      className,
+      onClick
+    } = props,
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const {
+    state,
+    lang,
+    onRecordingChange,
+    onValueChange,
+    onSubmit,
+    onError
+  } = (0, _PromptFieldContext.usePromptFieldContext)();
+  const resolvedClassName = typeof className === 'function' ? className(state) : className;
+  const recognition = (0, _useLazyRef.default)(() => {
+    if (!_speechRecognition.BrowserSpeechRecognition) {
+      return {
+        start: () => {},
+        abort: () => {}
+      };
+    }
+    const timeout = new _useTimeout.Timeout();
+    const instance = new _speechRecognition.BrowserSpeechRecognition();
+    instance.continuous = true;
+    instance.interimResults = true;
+    instance.lang = lang;
+    let finalResult = '';
+    let interimResult = '';
+    function start(options) {
+      if (state.recording) {
+        return;
+      }
+      onRecordingChange(true);
+      instance.onresult = event => {
+        finalResult = '';
+        interimResult = '';
+        if (typeof event.results === 'undefined') {
+          instance.stop();
+          return;
+        }
+        for (let i = event.resultIndex; i < event.results.length; i += 1) {
+          if (event.results[i].isFinal) {
+            finalResult += event.results[i][0].transcript;
+          } else {
+            interimResult += event.results[i][0].transcript;
+          }
+        }
+        if (finalResult === '') {
+          options.onUpdate(interimResult);
+        }
+        timeout.start(1000, () => instance.stop());
+      };
+      instance.onsoundend = () => {
+        instance.stop();
+      };
+      instance.onend = () => {
+        options.onDone(finalResult);
+        onRecordingChange(false);
+      };
+      instance.onerror = error => {
+        options.onError(error.message);
+        instance.stop();
+        onRecordingChange(false);
+      };
+      instance.start();
+    }
+    function abort() {
+      instance.abort();
+    }
+    return {
+      start,
+      abort
+    };
+  }).current;
+  const handleClick = event => {
+    if (!state.recording) {
+      recognition.start({
+        onDone: onSubmit,
+        onUpdate: onValueChange,
+        onError: onError ?? (() => {})
+      });
+      return;
+    }
+    recognition.abort();
+    onClick?.(event);
+  };
+  const element = (0, _internals.useGridComponentRenderer)(rootProps.slots.baseIconButton, render, (0, _extends2.default)({}, rootProps.slotProps?.baseIconButton, {
+    className: resolvedClassName,
+    disabled: state.disabled
+  }, other, {
+    ref,
+    onClick: handleClick
+  }), state);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+    children: element
+  });
+});
+process.env.NODE_ENV !== "production" ? PromptFieldRecord.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
+  color: _propTypes.default.oneOf(['default', 'inherit', 'primary']),
+  disabled: _propTypes.default.bool,
+  edge: _propTypes.default.oneOf(['end', 'start', false]),
+  id: _propTypes.default.string,
+  label: _propTypes.default.string,
+  /**
+   * A function to customize rendering of the component.
+   */
+  render: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
+  role: _propTypes.default.string,
+  size: _propTypes.default.oneOf(['large', 'medium', 'small']),
+  style: _propTypes.default.object,
+  tabIndex: _propTypes.default.number,
+  title: _propTypes.default.string,
+  touchRippleRef: _propTypes.default.any
+} : void 0;

package/components/promptField/PromptFieldSend.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { GridSlotProps, RenderProp } from '@mui/x-data-grid-pro';
+import { PromptFieldState } from "./PromptFieldContext.js";
+export type PromptFieldSendProps = Omit<GridSlotProps['baseIconButton'], 'className'> & {
+  /**
+   * A function to customize rendering of the component.
+   */
+  render?: RenderProp<GridSlotProps['baseIconButton'], PromptFieldState>;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  className?: string | ((state: PromptFieldState) => string);
+};
+/**
+ * A button that processes the prompt when clicked.
+ * It renders the `baseIconButton` slot.
+ *
+ * Demos:
+ *
+ * - [Prompt Field](https://mui.com/x/react-data-grid/components/prompt-field/)
+ *
+ * API:
+ *
+ * - [PromptFieldSend API](https://mui.com/x/api/data-grid/prompt-field-send/)
+ */
+declare const PromptFieldSend: React.ForwardRefExoticComponent<PromptFieldSendProps> | React.ForwardRefExoticComponent<Omit<PromptFieldSendProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { PromptFieldSend };