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

package/modern/renderer/renderEditStatus.js

@@ -1,98 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridApiContext, useGridRootProps, GridEditModes } from '@mui/x-data-grid-premium';
-import Select from '@mui/material/Select';
-import MenuItem from '@mui/material/MenuItem';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import ListItemText from '@mui/material/ListItemText';
-import ReportProblemIcon from '@mui/icons-material/ReportProblem';
-import InfoIcon from '@mui/icons-material/Info';
-import AutorenewIcon from '@mui/icons-material/Autorenew';
-import DoneIcon from '@mui/icons-material/Done';
-import { STATUS_OPTIONS } from "../services/static-data.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function EditStatus(props) {
-  const {
-    id,
-    value,
-    field
-  } = props;
-  const rootProps = useGridRootProps();
-  const apiRef = useGridApiContext();
-  const handleChange = async event => {
-    const isValid = await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: event.target.value
-    });
-    if (isValid && rootProps.editMode === GridEditModes.Cell) {
-      apiRef.current.stopCellEditMode({
-        id,
-        field,
-        cellToFocusAfter: 'below'
-      });
-    }
-  };
-  const handleClose = (event, reason) => {
-    if (reason === 'backdropClick') {
-      apiRef.current.stopCellEditMode({
-        id,
-        field,
-        ignoreModifications: true
-      });
-    }
-  };
-  return /*#__PURE__*/_jsx(Select, {
-    value: value,
-    onChange: handleChange,
-    MenuProps: {
-      onClose: handleClose
-    },
-    sx: {
-      height: '100%',
-      '& .MuiSelect-select': {
-        display: 'flex',
-        alignItems: 'center',
-        pl: 1
-      }
-    },
-    autoFocus: true,
-    fullWidth: true,
-    open: true,
-    children: STATUS_OPTIONS.map(option => {
-      let IconComponent = null;
-      if (option === 'Rejected') {
-        IconComponent = ReportProblemIcon;
-      } else if (option === 'Open') {
-        IconComponent = InfoIcon;
-      } else if (option === 'PartiallyFilled') {
-        IconComponent = AutorenewIcon;
-      } else if (option === 'Filled') {
-        IconComponent = DoneIcon;
-      }
-      let label = option;
-      if (option === 'PartiallyFilled') {
-        label = 'Partially Filled';
-      }
-      return /*#__PURE__*/_jsxs(MenuItem, {
-        value: option,
-        children: [/*#__PURE__*/_jsx(ListItemIcon, {
-          sx: {
-            minWidth: 36
-          },
-          children: /*#__PURE__*/_jsx(IconComponent, {
-            fontSize: "small"
-          })
-        }), /*#__PURE__*/_jsx(ListItemText, {
-          primary: label,
-          sx: {
-            overflow: 'hidden'
-          }
-        })]
-      }, option);
-    })
-  });
-}
-export function renderEditStatus(params) {
-  return /*#__PURE__*/_jsx(EditStatus, _extends({}, params));
-}

package/modern/renderer/renderEmail.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderEmail(params: GridRenderCellParams<any, string, any>): React.JSX.Element;

package/modern/renderer/renderEmail.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { DemoLink } from "./renderLink.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function renderEmail(params) {
-  const email = params.value ?? '';
-  return /*#__PURE__*/_jsx(DemoLink, {
-    href: `mailto:${email}`,
-    tabIndex: params.tabIndex,
-    children: email
-  });
-}

package/modern/renderer/renderIncoterm.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderIncoterm(params: GridRenderCellParams<any, string | null, any>): React.JSX.Element;

package/modern/renderer/renderIncoterm.js

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import Tooltip from '@mui/material/Tooltip';
-import Box from '@mui/material/Box';
-import InfoIcon from '@mui/icons-material/Info';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
-  const {
-    value
-  } = props;
-  if (!value) {
-    return null;
-  }
-  const valueStr = value.toString();
-  const tooltip = valueStr.slice(valueStr.indexOf('(') + 1, valueStr.indexOf(')'));
-  const code = valueStr.slice(0, valueStr.indexOf('(')).trim();
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between'
-    },
-    children: [/*#__PURE__*/_jsx("span", {
-      children: code
-    }), /*#__PURE__*/_jsx(Tooltip, {
-      title: tooltip,
-      children: /*#__PURE__*/_jsx(InfoIcon, {
-        sx: {
-          color: '#2196f3',
-          alignSelf: 'center',
-          ml: '8px'
-        }
-      })
-    })]
-  });
-});
-export function renderIncoterm(params) {
-  return /*#__PURE__*/_jsx(Incoterm, {
-    value: params.value
-  });
-}

package/modern/renderer/renderLink.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-interface DemoLinkProps {
-  href: string;
-  children: string;
-  tabIndex: number;
-}
-export declare const DemoLink: React.NamedExoticComponent<DemoLinkProps>;
-export declare function renderLink(params: GridRenderCellParams<any, string, any>): "" | React.JSX.Element;
-export {};

package/modern/renderer/renderLink.js

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const Link = styled('a')({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  color: 'inherit'
-});
-export const DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
-  const handleClick = event => {
-    event.preventDefault();
-    event.stopPropagation();
-  };
-  return /*#__PURE__*/_jsx(Link, {
-    tabIndex: props.tabIndex,
-    onClick: handleClick,
-    href: props.href,
-    children: props.children
-  });
-});
-export function renderLink(params) {
-  if (params.value == null) {
-    return '';
-  }
-  return /*#__PURE__*/_jsx(DemoLink, {
-    href: params.value,
-    tabIndex: params.tabIndex,
-    children: params.value
-  });
-}

package/modern/renderer/renderPnl.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderPnl(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element;

package/modern/renderer/renderPnl.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const Value = styled('div')(({
-  theme
-}) => ({
-  width: '100%',
-  fontVariantNumeric: 'tabular-nums',
-  '&.positive': _extends({
-    color: theme.palette.success.light
-  }, theme.applyStyles('light', {
-    color: theme.palette.success.dark
-  })),
-  '&.negative': _extends({
-    color: theme.palette.error.light
-  }, theme.applyStyles('light', {
-    color: theme.palette.error.dark
-  }))
-}));
-function pnlFormatter(value) {
-  return value < 0 ? `(${Math.abs(value).toLocaleString()})` : value.toLocaleString();
-}
-const Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
-  const {
-    value
-  } = props;
-  return /*#__PURE__*/_jsx(Value, {
-    className: clsx(value > 0 && "positive", value < 0 && "negative"),
-    children: pnlFormatter(value)
-  });
-});
-export function renderPnl(params) {
-  if (params.value == null) {
-    return '';
-  }
-  return /*#__PURE__*/_jsx(Pnl, {
-    value: params.value
-  });
-}

package/modern/renderer/renderProgress.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderProgress(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element | null;

package/modern/renderer/renderProgress.js

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Center = styled('div')({
-  height: '100%',
-  display: 'flex',
-  alignItems: 'center'
-});
-const Element = styled('div')(({
-  theme
-}) => ({
-  border: `1px solid ${(theme.vars || theme).palette.divider}`,
-  position: 'relative',
-  overflow: 'hidden',
-  width: '100%',
-  height: 26,
-  borderRadius: 2
-}));
-const Value = styled('div')({
-  position: 'absolute',
-  lineHeight: '24px',
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'center'
-});
-const Bar = styled('div')({
-  height: '100%',
-  '&.low': {
-    backgroundColor: '#f44336'
-  },
-  '&.medium': {
-    backgroundColor: '#efbb5aa3'
-  },
-  '&.high': {
-    backgroundColor: '#088208a3'
-  }
-});
-const ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
-  const {
-    value
-  } = props;
-  const valueInPercent = value * 100;
-  return /*#__PURE__*/_jsxs(Element, {
-    children: [/*#__PURE__*/_jsx(Value, {
-      children: `${valueInPercent.toLocaleString()} %`
-    }), /*#__PURE__*/_jsx(Bar, {
-      className: clsx(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
-      style: {
-        maxWidth: `${valueInPercent}%`
-      }
-    })]
-  });
-});
-export function renderProgress(params) {
-  if (params.value == null) {
-    return '';
-  }
-
-  // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering a progress bar.
-  if (params.aggregation && !params.aggregation.hasCellUnit) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Center, {
-    children: /*#__PURE__*/_jsx(ProgressBar, {
-      value: params.value
-    })
-  });
-}

package/modern/renderer/renderRating.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderRating(params: GridRenderCellParams<any, number, any>): "" | React.JSX.Element | null;

package/modern/renderer/renderRating.js

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Rating from '@mui/material/Rating';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
-  const {
-    value
-  } = props;
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      lineHeight: '24px',
-      color: 'text.secondary'
-    },
-    children: [/*#__PURE__*/_jsx(Rating, {
-      value: value,
-      sx: {
-        mr: 1
-      },
-      readOnly: true
-    }), " ", Math.round(Number(value) * 10) / 10]
-  });
-});
-export function renderRating(params) {
-  if (params.value == null) {
-    return '';
-  }
-
-  // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
-  if (params.aggregation && !params.aggregation.hasCellUnit) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(RatingValue, {
-    value: params.value
-  });
-}

package/modern/renderer/renderStatus.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderStatus(params: GridRenderCellParams<any, string>): "" | React.JSX.Element;

package/modern/renderer/renderStatus.js

@@ -1,74 +0,0 @@
-import * as React from 'react';
-import ReportProblemIcon from '@mui/icons-material/ReportProblem';
-import InfoIcon from '@mui/icons-material/Info';
-import AutorenewIcon from '@mui/icons-material/Autorenew';
-import DoneIcon from '@mui/icons-material/Done';
-import Chip from '@mui/material/Chip';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledChip = styled(Chip)(({
-  theme
-}) => ({
-  justifyContent: 'left',
-  '& .icon': {
-    color: 'inherit'
-  },
-  '&.Open': {
-    color: (theme.vars || theme).palette.info.dark,
-    border: `1px solid ${(theme.vars || theme).palette.info.main}`
-  },
-  '&.Filled': {
-    color: (theme.vars || theme).palette.success.dark,
-    border: `1px solid ${(theme.vars || theme).palette.success.main}`
-  },
-  '&.PartiallyFilled': {
-    color: (theme.vars || theme).palette.warning.dark,
-    border: `1px solid ${(theme.vars || theme).palette.warning.main}`
-  },
-  '&.Rejected': {
-    color: (theme.vars || theme).palette.error.dark,
-    border: `1px solid ${(theme.vars || theme).palette.error.main}`
-  }
-}));
-const Status = /*#__PURE__*/React.memo(props => {
-  const {
-    status
-  } = props;
-  let icon = null;
-  if (status === 'Rejected') {
-    icon = /*#__PURE__*/_jsx(ReportProblemIcon, {
-      className: "icon"
-    });
-  } else if (status === 'Open') {
-    icon = /*#__PURE__*/_jsx(InfoIcon, {
-      className: "icon"
-    });
-  } else if (status === 'PartiallyFilled') {
-    icon = /*#__PURE__*/_jsx(AutorenewIcon, {
-      className: "icon"
-    });
-  } else if (status === 'Filled') {
-    icon = /*#__PURE__*/_jsx(DoneIcon, {
-      className: "icon"
-    });
-  }
-  let label = status;
-  if (status === 'PartiallyFilled') {
-    label = 'Partially Filled';
-  }
-  return /*#__PURE__*/_jsx(StyledChip, {
-    className: status,
-    icon: icon,
-    size: "small",
-    label: label,
-    variant: "outlined"
-  });
-});
-export function renderStatus(params) {
-  if (params.value == null) {
-    return '';
-  }
-  return /*#__PURE__*/_jsx(Status, {
-    status: params.value
-  });
-}

package/modern/renderer/renderTotalPrice.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { GridRenderCellParams } from '@mui/x-data-grid-premium';
-export declare function renderTotalPrice(params: GridRenderCellParams<any, number>): "" | React.JSX.Element | null;

package/modern/renderer/renderTotalPrice.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { alpha, styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-const Value = styled('div')(({
-  theme
-}) => ({
-  width: '100%',
-  height: '100%',
-  lineHeight: '100%',
-  paddingRight: 8,
-  fontVariantNumeric: 'tabular-nums',
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'flex-end',
-  '&.good': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.success.mainChannel} /  0.3)` : alpha(theme.palette.success.main, 0.3)
-  },
-  '&.bad': {
-    backgroundColor: theme.vars ? `rgba(${theme.vars.palette.error.mainChannel} /  0.3)` : alpha(theme.palette.error.main, 0.3)
-  }
-}));
-const currencyFormatter = new Intl.NumberFormat('en-US', {
-  style: 'currency',
-  currency: 'USD'
-});
-const TotalPrice = /*#__PURE__*/React.memo(function TotalPrice(props) {
-  const {
-    value
-  } = props;
-  return /*#__PURE__*/_jsx(Value, {
-    className: clsx(value > 1000000 && "good", value < 1000000 && "bad"),
-    children: currencyFormatter.format(value)
-  });
-});
-export function renderTotalPrice(params) {
-  if (params.value == null) {
-    return '';
-  }
-
-  // If the aggregated value does not have the same unit as the other cell
-  // Then we fall back to the default rendering based on `valueGetter` instead of rendering the total price UI.
-  if (params.aggregation && !params.aggregation.hasCellUnit) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(TotalPrice, {
-    value: params.value
-  });
-}

package/modern/services/asyncWorker.d.ts

@@ -1,11 +0,0 @@
-export default function asyncWorker({
-  work,
-  tasks,
-  done
-}: {
-  work: () => void;
-  tasks: {
-    current: number;
-  };
-  done: () => void;
-}): void;

package/modern/services/asyncWorker.js

@@ -1,27 +0,0 @@
-export default function asyncWorker({
-  work,
-  tasks,
-  done
-}) {
-  const myNonEssentialWork = deadline => {
-    // If there is a surplus time in the frame, or timeout
-    while ((deadline.timeRemaining() > 0 || deadline.didTimeout) && tasks.current > 0) {
-      work();
-    }
-    if (tasks.current > 0) {
-      requestIdleCallback(myNonEssentialWork);
-    } else {
-      done();
-    }
-  };
-
-  // Don't use requestIdleCallback if the time is mock, better to run synchronously in such case.
-  if (typeof requestIdleCallback === 'function' && !requestIdleCallback.clock) {
-    requestIdleCallback(myNonEssentialWork);
-  } else {
-    while (tasks.current > 0) {
-      work();
-    }
-    done();
-  }
-}

package/modern/services/basic-data-service.d.ts

@@ -1,13 +0,0 @@
-import { GridColDef, GridRowId } from '@mui/x-data-grid';
-export declare const currencyPairs: string[];
-interface GridBasicRowModel {
-  id: GridRowId;
-  currencyPair: string;
-  [price: string]: number | string;
-}
-export interface GridBasicData {
-  columns: GridColDef[];
-  rows: GridBasicRowModel[];
-}
-export declare const getBasicGridData: (rowLength: number, colLength: number) => GridBasicData;
-export {};

package/modern/services/basic-data-service.js

@@ -1,37 +0,0 @@
-export const currencyPairs = ['USDGBP', 'USDEUR', 'GBPEUR', 'JPYUSD', 'MXNUSD', 'BTCUSD', 'USDCAD', 'EURJPY', 'EURUSD', 'EURCHF', 'USDCHF', 'EURGBP', 'GBPUSD', 'AUDCAD', 'NZDUSD', 'GBPCHF', 'AUDUSD', 'GBPJPY', 'USDJPY', 'CHFJPY', 'EURCAD', 'AUDJPY', 'EURAUD', 'AUDNZD', 'CADEUR', 'CHFMXN', 'ETHUSD', 'BCHUSD', 'ETHBTC', 'XRPUSD', 'XRPBTC', 'USDLTC', 'USDXRP', 'USDDSH', 'USDBCH', 'JPYEUR', 'JPYUSD', 'JPYGBP', 'JPYCAD', 'JPYCHF', 'JPYAUD', 'JPYNZD', 'JPYSGD', 'JPYNOK', 'JPYRUB', 'JPYSEK', 'JPYTRY', 'JPYZAR', 'JPYHKD', 'JPYCNH', 'JPYDKK', 'JPYMXN', 'JPYPLN', 'JPYXAG', 'JPYXAU', 'JPYBTC', 'JPYETH', 'JPYLTC', 'JPYXRP', 'JPYDSH', 'JPYBCH', 'GBPEUR', 'GBPRUB', 'GBPTRY'];
-export const getBasicGridData = (rowLength, colLength) => {
-  const data = [];
-  const pricesColLength = colLength - 2;
-  for (let i = 0; i < rowLength; i += 1) {
-    const idx = i >= currencyPairs.length ? i % currencyPairs.length : i;
-    const model = {
-      id: i,
-      currencyPair: currencyPairs[idx]
-    };
-    for (let j = 1; j <= pricesColLength; j += 1) {
-      model[`price${j}M`] = Number(`${i.toString()}${j}`); // randomPrice(0.7, 2);
-    }
-    data.push(model);
-  }
-  const columns = [{
-    field: 'id',
-    headerName: 'id',
-    type: 'number'
-  }, {
-    field: 'currencyPair',
-    headerName: 'Currency Pair'
-  }];
-  for (let j = 1; j <= pricesColLength; j += 1) {
-    // const y = Math.floor(j / 12);
-    columns.push({
-      field: `price${j}M`,
-      headerName: `${j}M`,
-      type: 'number'
-    }); // (y > 0 ? `${y}Y` : '') + `${j - y * 12}M`
-  }
-  columns.length = colLength; // we cut the array in case < 2;
-  return {
-    columns,
-    rows: data
-  };
-};

package/modern/services/gridColDefGenerator.d.ts

@@ -1,23 +0,0 @@
-import { GridColDef } from '@mui/x-data-grid-pro';
-export interface GridDataGeneratorContext {
-  /**
-   * Values already attributed to this column.
-   * Only defined if the column has the uniqueness mode activated.
-   * The keys represent the random value and the value represents the amount of rows that already have this value.
-   * This allows to data generators to add a suffix to the returned value to force the uniqueness.
-   */
-  values?: Record<string, number>;
-}
-export type GridColDefGenerator = GridColDef & {
-  generateData?: (row: any, context: GridDataGeneratorContext) => any;
-  /**
-   * If `true`, each row will have a distinct value
-   * If several rows are generated with the same value, then a suffix will be added to the 2nd, 3rd, ...
-   * @default false
-   */
-  dataGeneratorUniquenessEnabled?: boolean;
-  /**
-   * If `true`, the column will be marked as hidden in the `columnVisibilityModel`.
-   */
-  hide?: boolean;
-};

package/modern/services/gridColDefGenerator.js

@@ -1 +0,0 @@
-export {};

package/modern/services/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./gridColDefGenerator.js";
-export * from "./random-generator.js";
-export * from "./real-data-service.js";
-export * from "./basic-data-service.js";
-export * from "./prompt-resolver.js";

package/modern/services/index.js

@@ -1,5 +0,0 @@
-export * from "./gridColDefGenerator.js";
-export * from "./random-generator.js";
-export * from "./real-data-service.js";
-export * from "./basic-data-service.js";
-export * from "./prompt-resolver.js";

package/modern/services/prompt-resolver.d.ts

@@ -1,2 +0,0 @@
-import { unstable_PromptResponse as PromptResponse } from '@mui/x-data-grid-premium';
-export declare const mockPromptResolver: (_: string, query: string) => Promise<PromptResponse>;

package/modern/services/prompt-resolver.js

@@ -1,13 +0,0 @@
-import { mockPrompts } from "../constants/prompts.js";
-export const mockPromptResolver = (_, query) => {
-  const resolved = mockPrompts.get(query.toLowerCase().trim());
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      if (resolved) {
-        resolve(resolved);
-      } else {
-        reject(new Error('Unknown query'));
-      }
-    }, 1000);
-  });
-};