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

package/legacy/renderer/renderEditProgress.js

@@ -1,110 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import clsx from 'clsx';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
-import Slider, { sliderClasses } from '@mui/material/Slider';
-import Tooltip from '@mui/material/Tooltip';
-import { unstable_debounce as debounce } from '@mui/utils';
-import { alpha, styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-var StyledSlider = styled(Slider)(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    height: '100%',
-    width: '100%',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 0,
-    borderRadius: 0
-  }, "& .".concat(sliderClasses.rail), {
-    height: '100%',
-    backgroundColor: 'transparent'
-  }), "& .".concat(sliderClasses.track), {
-    height: '100%',
-    transition: theme.transitions.create('background-color', {
-      duration: theme.transitions.duration.shorter
-    }),
-    '&.low': {
-      backgroundColor: '#f44336'
-    },
-    '&.medium': {
-      backgroundColor: '#efbb5aa3'
-    },
-    '&.high': {
-      backgroundColor: '#088208a3'
-    }
-  }), "& .".concat(sliderClasses.thumb), {
-    height: '100%',
-    width: 5,
-    borderRadius: 0,
-    marginTop: 0,
-    backgroundColor: alpha('#000000', 0.2)
-  });
-});
-function ValueLabelComponent(props) {
-  var children = props.children,
-    open = props.open,
-    value = props.value;
-  return /*#__PURE__*/_jsx(Tooltip, {
-    open: open,
-    enterTouchDelay: 0,
-    placement: "top",
-    title: value,
-    children: children
-  });
-}
-function EditProgress(props) {
-  var id = props.id,
-    value = props.value,
-    field = props.field;
-  var _React$useState = React.useState(Number(value)),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    valueState = _React$useState2[0],
-    setValueState = _React$useState2[1];
-  var apiRef = useGridApiContext();
-  var updateCellEditProps = React.useCallback(function (newValue) {
-    apiRef.current.setEditCellValue({
-      id: id,
-      field: field,
-      value: newValue
-    });
-  }, [apiRef, field, id]);
-  var debouncedUpdateCellEditProps = React.useMemo(function () {
-    return debounce(updateCellEditProps, 60);
-  }, [updateCellEditProps]);
-  var handleChange = function handleChange(event, newValue) {
-    setValueState(newValue);
-    debouncedUpdateCellEditProps(newValue);
-  };
-  React.useEffect(function () {
-    setValueState(Number(value));
-  }, [value]);
-  var handleRef = function handleRef(element) {
-    if (element) {
-      element.querySelector('[type="range"]').focus();
-    }
-  };
-  return /*#__PURE__*/_jsx(StyledSlider, {
-    ref: handleRef,
-    classes: {
-      track: clsx(valueState < 0.3 && "low", valueState >= 0.3 && valueState <= 0.7 && "medium", valueState > 0.7 && "high")
-    },
-    value: valueState,
-    max: 1,
-    step: 0.00001,
-    onChange: handleChange,
-    components: {
-      ValueLabel: ValueLabelComponent
-    },
-    valueLabelDisplay: "auto",
-    valueLabelFormat: function valueLabelFormat(newValue) {
-      return "".concat((newValue * 100).toLocaleString(), " %");
-    }
-  });
-}
-export function renderEditProgress(params) {
-  return /*#__PURE__*/_jsx(EditProgress, _extends({}, params));
-}

package/legacy/renderer/renderEditRating.js

@@ -1,68 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Rating from '@mui/material/Rating';
-import { useGridApiContext } from '@mui/x-data-grid-premium';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function EditRating(props) {
-  var id = props.id,
-    value = props.value,
-    field = props.field;
-  var apiRef = useGridApiContext();
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return apiRef.current.setEditCellValue({
-              id: id,
-              field: field,
-              value: Number(event.target.value)
-            }, event);
-          case 2:
-            apiRef.current.stopCellEditMode({
-              id: id,
-              field: field
-            });
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleChange(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var handleRef = function handleRef(element) {
-    if (element) {
-      element.querySelector("input[value=\"".concat(value, "\"]")).focus();
-    }
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      lineHeight: '24px',
-      color: 'text.secondary',
-      mr: 1
-    },
-    children: [/*#__PURE__*/_jsx(Rating, {
-      ref: handleRef,
-      name: "rating",
-      value: Number(value),
-      precision: 1,
-      onChange: handleChange,
-      sx: {
-        mr: 1
-      }
-    }), Number(value)]
-  });
-}
-export function renderEditRating(params) {
-  return /*#__PURE__*/_jsx(EditRating, _extends({}, params));
-}

package/legacy/renderer/renderEditStatus.js

@@ -1,116 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-function EditStatus(props) {
-  var id = props.id,
-    value = props.value,
-    field = props.field;
-  var rootProps = useGridRootProps();
-  var apiRef = useGridApiContext();
-  var handleChange = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
-      var isValid;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return apiRef.current.setEditCellValue({
-              id: id,
-              field: field,
-              value: event.target.value
-            });
-          case 2:
-            isValid = _context.sent;
-            if (isValid && rootProps.editMode === GridEditModes.Cell) {
-              apiRef.current.stopCellEditMode({
-                id: id,
-                field: field,
-                cellToFocusAfter: 'below'
-              });
-            }
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleChange(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-  var handleClose = function handleClose(event, reason) {
-    if (reason === 'backdropClick') {
-      apiRef.current.stopCellEditMode({
-        id: id,
-        field: 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(function (option) {
-      var 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;
-      }
-      var 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/legacy/renderer/renderEmail.js

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

package/legacy/renderer/renderIncoterm.js

@@ -1,39 +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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Incoterm = /*#__PURE__*/React.memo(function Incoterm(props) {
-  var value = props.value;
-  if (!value) {
-    return null;
-  }
-  var valueStr = value.toString();
-  var tooltip = valueStr.slice(valueStr.indexOf('(') + 1, valueStr.indexOf(')'));
-  var 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/legacy/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";
-var Link = styled('a')({
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  overflow: 'hidden',
-  color: 'inherit'
-});
-export var DemoLink = /*#__PURE__*/React.memo(function DemoLink(props) {
-  var handleClick = function 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/legacy/renderer/renderPnl.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-var Value = styled('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    width: '100%',
-    fontVariantNumeric: 'tabular-nums',
-    '&.positive': {
-      color: theme.palette.mode === 'light' ? theme.palette.success.dark : theme.palette.success.light
-    },
-    '&.negative': {
-      color: theme.palette.mode === 'light' ? theme.palette.error.dark : theme.palette.error.light
-    }
-  };
-});
-function pnlFormatter(value) {
-  return value < 0 ? "(".concat(Math.abs(value).toLocaleString(), ")") : value.toLocaleString();
-}
-var Pnl = /*#__PURE__*/React.memo(function Pnl(props) {
-  var value = props.value;
-  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/legacy/renderer/renderProgress.js

@@ -1,63 +0,0 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var Root = styled('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    border: "1px solid ".concat((theme.vars || theme).palette.divider),
-    position: 'relative',
-    overflow: 'hidden',
-    width: '100%',
-    height: 26,
-    borderRadius: 2
-  };
-});
-var Value = styled('div')({
-  position: 'absolute',
-  lineHeight: '24px',
-  width: '100%',
-  display: 'flex',
-  justifyContent: 'center'
-});
-var Bar = styled('div')({
-  height: '100%',
-  '&.low': {
-    backgroundColor: '#f44336'
-  },
-  '&.medium': {
-    backgroundColor: '#efbb5aa3'
-  },
-  '&.high': {
-    backgroundColor: '#088208a3'
-  }
-});
-var ProgressBar = /*#__PURE__*/React.memo(function ProgressBar(props) {
-  var value = props.value;
-  var valueInPercent = value * 100;
-  return /*#__PURE__*/_jsxs(Root, {
-    children: [/*#__PURE__*/_jsx(Value, {
-      children: "".concat(valueInPercent.toLocaleString(), " %")
-    }), /*#__PURE__*/_jsx(Bar, {
-      className: clsx(valueInPercent < 30 && "low", valueInPercent >= 30 && valueInPercent <= 70 && "medium", valueInPercent > 70 && "high"),
-      style: {
-        maxWidth: "".concat(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(ProgressBar, {
-    value: params.value
-  });
-}

package/legacy/renderer/renderRating.js

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import Box from '@mui/material/Box';
-import Rating from '@mui/material/Rating';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var RatingValue = /*#__PURE__*/React.memo(function RatingValue(props) {
-  var value = props.value;
-  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/legacy/renderer/renderStatus.js

@@ -1,73 +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";
-var StyledChip = styled(Chip)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    justifyContent: 'left',
-    '& .icon': {
-      color: 'inherit'
-    },
-    '&.Open': {
-      color: (theme.vars || theme).palette.info.dark,
-      border: "1px solid ".concat((theme.vars || theme).palette.info.main)
-    },
-    '&.Filled': {
-      color: (theme.vars || theme).palette.success.dark,
-      border: "1px solid ".concat((theme.vars || theme).palette.success.main)
-    },
-    '&.PartiallyFilled': {
-      color: (theme.vars || theme).palette.warning.dark,
-      border: "1px solid ".concat((theme.vars || theme).palette.warning.main)
-    },
-    '&.Rejected': {
-      color: (theme.vars || theme).palette.error.dark,
-      border: "1px solid ".concat((theme.vars || theme).palette.error.main)
-    }
-  };
-});
-var Status = /*#__PURE__*/React.memo(function (props) {
-  var status = props.status;
-  var 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"
-    });
-  }
-  var 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/legacy/renderer/renderTotalPrice.js

@@ -1,48 +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";
-var Value = styled('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    width: '100%',
-    height: '100%',
-    lineHeight: '100%',
-    paddingRight: 8,
-    fontVariantNumeric: 'tabular-nums',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    '&.good': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.success.mainChannel, " /  0.3)") : alpha(theme.palette.success.main, 0.3)
-    },
-    '&.bad': {
-      backgroundColor: theme.vars ? "rgba(".concat(theme.vars.palette.error.mainChannel, " /  0.3)") : alpha(theme.palette.error.main, 0.3)
-    }
-  };
-});
-var currencyFormatter = new Intl.NumberFormat('en-US', {
-  style: 'currency',
-  currency: 'USD'
-});
-var TotalPrice = /*#__PURE__*/React.memo(function TotalPrice(props) {
-  var value = props.value;
-  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/legacy/services/asyncWorker.js

@@ -1,26 +0,0 @@
-export default function asyncWorker(_ref) {
-  var work = _ref.work,
-    tasks = _ref.tasks,
-    done = _ref.done;
-  var myNonEssentialWork = function 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();
-  }
-}