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

package/esm/components/promptControl/GridToolbarPromptControl.js

@@ -1,215 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import composeClasses from '@mui/utils/composeClasses';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { getDataGridUtilityClass, GRID_CHECKBOX_SELECTION_FIELD, gridColumnDefinitionsSelector, gridColumnLookupSelector, GridLogicOperator, gridRowsLookupSelector } from '@mui/x-data-grid';
-import { getValueOptions, getVisibleRows } from '@mui/x-data-grid/internals';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { RecordButton, BrowserSpeechRecognition } from "./RecordButton.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const supportsSpeechRecognition = !!BrowserSpeechRecognition;
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    recording
-  } = ownerState;
-  const slots = {
-    root: ['toolbarPromptControl', recording && 'toolbarPromptControl--recording'],
-    recordingIndicator: ['toolbarPromptControlRecordingIndicator'],
-    recordButton: ['toolbarPromptControlRecordButton'],
-    sendButton: ['toolbarPromptControlSendButton']
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridToolbarPromptControlRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ToolbarPromptControl',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.toolbarPromptControl, ownerState.recording && styles['toolbarPromptControl--recording']];
-  }
-})({
-  flex: 1,
-  display: 'flex',
-  flexDirection: 'row'
-});
-function sampleData(apiRef) {
-  const columns = gridColumnDefinitionsSelector(apiRef);
-  const rows = Object.values(gridRowsLookupSelector(apiRef));
-  const columnExamples = {};
-  columns.forEach(column => {
-    columnExamples[column.field] = Array.from({
-      length: Math.min(5, rows.length)
-    }).map(() => {
-      const row = rows[Math.floor(Math.random() * rows.length)];
-      if (column.valueGetter) {
-        return column.valueGetter(row[column.field], row, column, apiRef);
-      }
-      return row[column.field];
-    });
-  });
-  return columnExamples;
-}
-function generateContext(apiRef, examples) {
-  const columns = gridColumnDefinitionsSelector(apiRef);
-  const columnsContext = columns.map(column => ({
-    field: column.field,
-    description: column.description ?? null,
-    examples: examples?.[column.field] ?? column.unstable_examples ?? [],
-    type: column.type ?? 'string',
-    allowedOperators: column.filterOperators?.map(operator => operator.value) ?? []
-  }));
-  return `The columns are described by the following JSON:\n${JSON.stringify(columnsContext)}`;
-}
-function GridToolbarPromptControl(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-    onPrompt,
-    lang,
-    allowDataSampling = false
-  } = props;
-  const [isLoading, setLoading] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [isRecording, setRecording] = React.useState(false);
-  const [query, setQuery] = React.useState('');
-  const ownerState = {
-    classes: rootProps.classes,
-    recording: isRecording
-  };
-  const classes = useUtilityClasses(ownerState);
-  const examplesFromData = React.useMemo(() => allowDataSampling ? sampleData(apiRef) : undefined, [apiRef, allowDataSampling]);
-  const processPrompt = React.useCallback(() => {
-    const context = generateContext(apiRef, examplesFromData);
-    const columnsByField = gridColumnLookupSelector(apiRef);
-    setLoading(true);
-    setError(null);
-    apiRef.current.setLoading(true);
-    onPrompt(context, query).then(result => {
-      const interestColumns = [];
-      apiRef.current.setFilterModel({
-        items: result.filters.map((filter, index) => {
-          const item = {
-            id: index,
-            field: filter.column,
-            operator: filter.operator,
-            value: filter.value
-          };
-          const column = columnsByField[filter.column];
-          if (column.type === 'singleSelect') {
-            const options = getValueOptions(column) ?? [];
-            const found = options.find(option => typeof option === 'object' && option.label === filter.value);
-            if (found) {
-              item.value = found.value;
-            }
-          }
-          return item;
-        }),
-        logicOperator: result.filterOperator ?? GridLogicOperator.And,
-        quickFilterValues: []
-      });
-      apiRef.current.setRowGroupingModel(result.grouping.map(g => g.column));
-      apiRef.current.setAggregationModel(result.aggregation);
-      apiRef.current.setSortModel(result.sorting.map(s => ({
-        field: s.column,
-        sort: s.direction
-      })));
-      const rows = getVisibleRows(apiRef, rootProps);
-      const rowSelectionModel = {
-        type: 'include',
-        ids: new Set()
-      };
-      if (result.select !== -1) {
-        for (let i = 0; i < result.select; i += 1) {
-          const row = rows.rows[i];
-          const id = apiRef.current.getRowId(row);
-          rowSelectionModel.ids.add(id);
-        }
-      }
-      apiRef.current.setRowSelectionModel(rowSelectionModel);
-      const columns = apiRef.current.getAllColumns();
-      const targetIndex = Number(columns.find(c => c.field === GRID_CHECKBOX_SELECTION_FIELD) !== undefined) + Number(result.grouping.length);
-      interestColumns.push(...Object.keys(result.aggregation));
-      interestColumns.push(...result.filters.map(f => f.column));
-      interestColumns.reverse().forEach(c => apiRef.current.setColumnIndex(c, targetIndex));
-    }).catch(_ => {
-      setError(apiRef.current.getLocaleText('toolbarPromptControlErrorMessage'));
-    }).finally(() => {
-      setLoading(false);
-      apiRef.current.setState(state => _extends({}, state, {
-        rows: _extends({}, state.rows, {
-          loading: false
-        })
-      }));
-    });
-  }, [apiRef, rootProps, onPrompt, examplesFromData, query]);
-  const handleChange = useEventCallback(event => {
-    setQuery(event.target.value);
-  });
-  const handleKeyDown = useEventCallback(event => {
-    if (event.code === 'Enter') {
-      processPrompt();
-    }
-  });
-  const handleDone = useEventCallback(value => {
-    setQuery(value);
-    if (value) {
-      processPrompt();
-    }
-  });
-  const placeholder = supportsSpeechRecognition ? apiRef.current.getLocaleText('toolbarPromptControlWithRecordingPlaceholder') : apiRef.current.getLocaleText('toolbarPromptControlPlaceholder');
-  return /*#__PURE__*/_jsx(GridToolbarPromptControlRoot, {
-    ownerState: ownerState,
-    className: classes.root,
-    children: /*#__PURE__*/_jsx(rootProps.slots.baseTextField, {
-      placeholder: isRecording ? apiRef.current.getLocaleText('toolbarPromptControlRecordingPlaceholder') : placeholder,
-      "aria-label": apiRef.current.getLocaleText('toolbarPromptControlLabel'),
-      disabled: isLoading,
-      value: query,
-      style: {
-        flex: 1
-      },
-      onChange: handleChange,
-      size: "small",
-      onKeyDown: handleKeyDown,
-      error: !!error,
-      helperText: error,
-      slotProps: {
-        input: {
-          startAdornment: supportsSpeechRecognition && /*#__PURE__*/_jsx(RecordButton, {
-            className: classes.recordButton,
-            lang: lang,
-            recording: isRecording,
-            setRecording: setRecording,
-            disabled: isLoading,
-            onUpdate: setQuery,
-            onDone: handleDone,
-            onError: setError
-          }),
-          endAdornment: /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-            title: apiRef.current.getLocaleText('toolbarPromptControlSendActionLabel'),
-            children: /*#__PURE__*/_jsx("div", {
-              children: /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, {
-                className: classes.sendButton,
-                disabled: isLoading || isRecording || query === '',
-                color: "primary",
-                onClick: processPrompt,
-                size: "small",
-                "aria-label": apiRef.current.getLocaleText('toolbarPromptControlSendActionAriaLabel'),
-                edge: "end",
-                children: /*#__PURE__*/_jsx(rootProps.slots.toolbarPromptSendIcon, {
-                  fontSize: "small"
-                })
-              })
-            })
-          })
-        }
-      }
-    })
-  });
-}
-export { GridToolbarPromptControl };

package/esm/components/promptControl/RecordButton.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-export declare const BrowserSpeechRecognition: any;
-type SpeechRecognitionOptions = {
-  onUpdate: (value: string) => void;
-  onDone: (value: string) => void;
-  onError: (error: string) => void;
-};
-interface RecordButtonProps extends SpeechRecognitionOptions {
-  disabled: boolean;
-  lang?: string;
-  recording: boolean;
-  setRecording: (value: boolean) => void;
-  className: string;
-}
-declare function RecordButton(props: RecordButtonProps): React.JSX.Element;
-export { RecordButton };

package/esm/components/promptControl/RecordButton.js

@@ -1,111 +0,0 @@
-import * as React from 'react';
-import { Timeout } from '@mui/utils/useTimeout';
-import useLazyRef from '@mui/utils/useLazyRef';
-import { useGridApiContext } from "../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const BrowserSpeechRecognition = globalThis.SpeechRecognition || globalThis.webkitSpeechRecognition;
-function RecordButton(props) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-    lang,
-    recording,
-    setRecording,
-    disabled,
-    className,
-    onDone,
-    onUpdate,
-    onError
-  } = props;
-  const buttonRef = React.useRef(null);
-  const recognition = useLazyRef(() => {
-    if (!BrowserSpeechRecognition) {
-      return {
-        start: () => {},
-        abort: () => {}
-      };
-    }
-    const timeout = new Timeout();
-    const instance = new BrowserSpeechRecognition();
-    instance.continuous = true;
-    instance.interimResults = true;
-    instance.lang = lang;
-    let finalResult = '';
-    let interimResult = '';
-    function start(options) {
-      if (recording) {
-        return;
-      }
-      setRecording(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);
-        setRecording(false);
-      };
-      instance.onerror = error => {
-        options.onError(error.message);
-        instance.stop();
-        setRecording(false);
-      };
-      instance.start();
-    }
-    function abort() {
-      instance.abort();
-    }
-    return {
-      start,
-      abort
-    };
-  }).current;
-  const handleClick = () => {
-    if (!recording) {
-      recognition.start({
-        onDone,
-        onUpdate,
-        onError
-      });
-      return;
-    }
-    recognition.abort();
-  };
-  return /*#__PURE__*/_jsx(rootProps.slots.baseTooltip, {
-    title: recording ? apiRef.current.getLocaleText('toolbarPromptControlRecordButtonActiveLabel') : apiRef.current.getLocaleText('toolbarPromptControlRecordButtonDefaultLabel'),
-    children: /*#__PURE__*/_jsx("div", {
-      children: /*#__PURE__*/_jsx(rootProps.slots.baseIconButton, {
-        color: recording ? 'primary' : 'default',
-        className: className,
-        disabled: disabled,
-        onClick: handleClick,
-        ref: buttonRef,
-        size: "small",
-        edge: "start",
-        children: /*#__PURE__*/_jsx(rootProps.slots.toolbarPromptRecordIcon, {
-          fontSize: "small"
-        })
-      })
-    })
-  });
-}
-export { RecordButton };

package/esm/components/promptControl/index.d.ts

@@ -1 +0,0 @@
-export { GridToolbarPromptControl as Unstable_GridToolbarPromptControl } from "./GridToolbarPromptControl.js";

package/esm/components/promptControl/index.js

@@ -1 +0,0 @@
-export { GridToolbarPromptControl as Unstable_GridToolbarPromptControl } from "./GridToolbarPromptControl.js";

package/esm/hooks/features/promptControl/api.d.ts

@@ -1,2 +0,0 @@
-import { PromptResponse } from "./types.js";
-export declare function gridDefaultPromptResolver(url: string, context: string, query: string): Promise<PromptResponse>;

package/esm/hooks/features/promptControl/api.js

@@ -1,22 +0,0 @@
-export function gridDefaultPromptResolver(url, context, query) {
-  return fetch(url, {
-    mode: 'cors',
-    method: 'POST',
-    headers: {
-      'content-type': 'application/json'
-    },
-    credentials: 'include',
-    body: JSON.stringify({
-      context,
-      query
-    })
-  }).then(result => result.json()).then(result => {
-    if (result.ok === false) {
-      return Promise.reject(new Error(result.message));
-    }
-    if (result.data.error) {
-      return Promise.reject(new Error(result.data.error));
-    }
-    return result.data;
-  });
-}

package/esm/hooks/features/promptControl/index.d.ts

@@ -1,2 +0,0 @@
-export { gridDefaultPromptResolver as unstable_gridDefaultPromptResolver } from "./api.js";
-export type { PromptResponse as unstable_PromptResponse } from './types';

package/esm/hooks/features/promptControl/types.d.ts

@@ -1,25 +0,0 @@
-export type Sort = {
-  column: string;
-  direction: 'asc' | 'desc';
-};
-export type Grouping = {
-  column: string;
-};
-export type Filter = {
-  operator: string;
-  value: string | number | boolean | string[] | number[];
-  column: string;
-};
-export type AggregationFunction = 'avg' | 'sum' | 'min' | 'max' | 'size';
-export type Aggregation = {
-  [column: string]: AggregationFunction;
-};
-export type PromptResponse = {
-  select: number;
-  filters: Filter[];
-  filterOperator?: 'and' | 'or';
-  aggregation: Aggregation;
-  sorting: Sort[];
-  grouping: Grouping[];
-  error: string | null;
-};

package/esm/setupExcelExportWebWorker.d.ts

@@ -1 +0,0 @@
-export { setupExcelExportWebWorker } from "./hooks/features/export/serializer/setupExcelExportWebWorker.js";

package/esm/setupExcelExportWebWorker.js

@@ -1 +0,0 @@
-export { setupExcelExportWebWorker } from "./hooks/features/export/serializer/setupExcelExportWebWorker.js";

package/esm/utils/releaseInfo.d.ts

@@ -1 +0,0 @@
-export declare const getReleaseInfo: () => any;

package/esm/utils/releaseInfo.js

@@ -1,13 +0,0 @@
-import { ponyfillGlobal } from '@mui/utils';
-export const getReleaseInfo = () => {
-  const releaseInfo = "MTc0MzExMjgwMDAwMA==";
-  if (process.env.NODE_ENV !== 'production') {
-    // A simple hack to set the value in the test environment (has no build step).
-    // eslint-disable-next-line no-useless-concat
-    if (releaseInfo === '__RELEASE' + '_INFO__') {
-      // eslint-disable-next-line no-underscore-dangle
-      return ponyfillGlobal.__MUI_RELEASE_INFO__;
-    }
-  }
-  return releaseInfo;
-};

package/hooks/features/promptControl/api.d.ts

@@ -1,2 +0,0 @@
-import { PromptResponse } from "./types.js";
-export declare function gridDefaultPromptResolver(url: string, context: string, query: string): Promise<PromptResponse>;

package/hooks/features/promptControl/api.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.gridDefaultPromptResolver = gridDefaultPromptResolver;
-function gridDefaultPromptResolver(url, context, query) {
-  return fetch(url, {
-    mode: 'cors',
-    method: 'POST',
-    headers: {
-      'content-type': 'application/json'
-    },
-    credentials: 'include',
-    body: JSON.stringify({
-      context,
-      query
-    })
-  }).then(result => result.json()).then(result => {
-    if (result.ok === false) {
-      return Promise.reject(new Error(result.message));
-    }
-    if (result.data.error) {
-      return Promise.reject(new Error(result.data.error));
-    }
-    return result.data;
-  });
-}

package/hooks/features/promptControl/index.d.ts

@@ -1,2 +0,0 @@
-export { gridDefaultPromptResolver as unstable_gridDefaultPromptResolver } from "./api.js";
-export type { PromptResponse as unstable_PromptResponse } from './types';

package/hooks/features/promptControl/types.d.ts

@@ -1,25 +0,0 @@
-export type Sort = {
-  column: string;
-  direction: 'asc' | 'desc';
-};
-export type Grouping = {
-  column: string;
-};
-export type Filter = {
-  operator: string;
-  value: string | number | boolean | string[] | number[];
-  column: string;
-};
-export type AggregationFunction = 'avg' | 'sum' | 'min' | 'max' | 'size';
-export type Aggregation = {
-  [column: string]: AggregationFunction;
-};
-export type PromptResponse = {
-  select: number;
-  filters: Filter[];
-  filterOperator?: 'and' | 'or';
-  aggregation: Aggregation;
-  sorting: Sort[];
-  grouping: Grouping[];
-  error: string | null;
-};

package/modern/DataGridPremium/DataGrid.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated Import DataGridPremium instead.
- */
-export declare function DataGrid(): null;
-/**
- * @deprecated Import DataGridPremium instead.
- */
-export declare function DataGridPro(): null;

package/modern/DataGridPremium/DataGrid.js

@@ -1,19 +0,0 @@
-/**
- * @deprecated Import DataGridPremium instead.
- */
-export function DataGrid() {
-  if (process.env.NODE_ENV === 'production') {
-    return null;
-  }
-  throw new Error(["You try to import Data Grid from @mui/x-data-grid-premium but this module isn't exported from this npm package.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.", ''].join('\n'));
-}
-
-/**
- * @deprecated Import DataGridPremium instead.
- */
-export function DataGridPro() {
-  if (process.env.NODE_ENV === 'production') {
-    return null;
-  }
-  throw new Error(["You try to import Data Grid Pro from @mui/x-data-grid-premium but this module isn't exported from this npm package.", '', "Instead, you can do `import { DataGridPremium } from '@mui/x-data-grid-premium'`.", ''].join('\n'));
-}

package/modern/DataGridPremium/DataGridPremium.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { GridValidRowModel } from '@mui/x-data-grid-pro';
-import { DataGridPremiumProps } from "../models/dataGridPremiumProps.js";
-export type { GridPremiumSlotsComponent as GridSlots } from '../models';
-interface DataGridPremiumComponent {
-  <R extends GridValidRowModel = any>(props: DataGridPremiumProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
-  propTypes?: any;
-}
-/**
- * Features:
- * - [DataGridPremium](https://mui.com/x/react-data-grid/features/)
- *
- * API:
- * - [DataGridPremium API](https://mui.com/x/api/data-grid/data-grid-premium/)
- */
-export declare const DataGridPremium: DataGridPremiumComponent;