@mui/x-data-grid-generator 8.0.0-alpha.9 → 8.0.0-beta.1

package/columns/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/columns/index.js",
-  "types": "./index.d.ts"
-}

package/hooks/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/hooks/index.js",
-  "types": "./index.d.ts"
-}

package/node/columns/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _commodities = require("./commodities.columns");
-Object.keys(_commodities).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _commodities[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _commodities[key];
-    }
-  });
-});
-var _employees = require("./employees.columns");
-Object.keys(_employees).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _employees[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _employees[key];
-    }
-  });
-});

package/node/hooks/index.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useMovieData: true,
-  loadServerRows: true
-};
-Object.defineProperty(exports, "loadServerRows", {
-  enumerable: true,
-  get: function () {
-    return _serverUtils.loadServerRows;
-  }
-});
-Object.defineProperty(exports, "useMovieData", {
-  enumerable: true,
-  get: function () {
-    return _useMovieData.useMovieData;
-  }
-});
-var _useDemoData = require("./useDemoData");
-Object.keys(_useDemoData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useDemoData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useDemoData[key];
-    }
-  });
-});
-var _useBasicDemoData = require("./useBasicDemoData");
-Object.keys(_useBasicDemoData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useBasicDemoData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useBasicDemoData[key];
-    }
-  });
-});
-var _useMovieData = require("./useMovieData");
-var _useQuery = require("./useQuery");
-Object.keys(_useQuery).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useQuery[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useQuery[key];
-    }
-  });
-});
-var _useMockServer = require("./useMockServer");
-Object.keys(_useMockServer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useMockServer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useMockServer[key];
-    }
-  });
-});
-var _serverUtils = require("./serverUtils");

package/node/hooks/useBasicDemoData.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBasicDemoData = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _services = require("../services");
-const useBasicDemoData = (nbRows, nbCols) => {
-  return React.useMemo(() => (0, _services.getBasicGridData)(nbRows, nbCols), [nbRows, nbCols]);
-};
-exports.useBasicDemoData = useBasicDemoData;

package/node/hooks/useQuery.js

@@ -1,92 +0,0 @@
-"use strict";
-'use client';
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createFakeServer = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _xDataGridPro = require("@mui/x-data-grid-pro");
-var _internals = require("@mui/x-data-grid/internals");
-var _useDemoData = require("./useDemoData");
-var _serverUtils = require("./serverUtils");
-const DEFAULT_DATASET_OPTIONS = {
-  dataSet: 'Commodity',
-  rowLength: 100,
-  maxColumns: 6
-};
-const createFakeServer = (dataSetOptions, serverOptions) => {
-  const dataSetOptionsWithDefault = (0, _extends2.default)({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
-  const serverOptionsWithDefault = (0, _extends2.default)({}, _serverUtils.DEFAULT_SERVER_OPTIONS, serverOptions);
-  const columns = (0, _useDemoData.getColumnsFromOptions)(dataSetOptionsWithDefault);
-  const initialState = (0, _useDemoData.getInitialState)(dataSetOptionsWithDefault, columns);
-  const defaultColDef = (0, _xDataGridPro.getGridDefaultColumnTypes)();
-  const columnsWithDefaultColDef = columns.map(column => (0, _extends2.default)({}, defaultColDef[column.type || 'string'], column));
-  const useQuery = queryOptions => {
-    const {
-      data: {
-        rows
-      },
-      loading: dataGenerationIsLoading
-    } = (0, _useDemoData.useDemoData)(dataSetOptionsWithDefault);
-    const queryOptionsRef = React.useRef(queryOptions);
-    const [response, setResponse] = React.useState({
-      pageInfo: {},
-      rows: []
-    });
-    const [isLoading, setIsLoading] = React.useState(dataGenerationIsLoading);
-    React.useEffect(() => {
-      if (dataGenerationIsLoading) {
-        // dataset is not ready
-        return () => {};
-      }
-      queryOptionsRef.current = queryOptions;
-      let active = true;
-      setIsLoading(true);
-      setResponse(prev => Object.keys(prev.pageInfo).length === 0 ? prev : (0, _extends2.default)({}, prev, {
-        pageInfo: {}
-      }));
-      (async function fetchData() {
-        const {
-          returnedRows,
-          nextCursor,
-          totalRowCount,
-          hasNextPage
-        } = await (0, _serverUtils.loadServerRows)(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
-        if (!active) {
-          return;
-        }
-        const newRep = {
-          rows: returnedRows,
-          pageInfo: {
-            totalRowCount,
-            nextCursor,
-            hasNextPage,
-            pageSize: returnedRows.length
-          }
-        };
-        setResponse(prev => (0, _internals.isDeepEqual)(prev, newRep) ? prev : newRep);
-        setIsLoading(false);
-      })();
-      return () => {
-        active = false;
-      };
-    }, [dataGenerationIsLoading, queryOptions, rows]);
-
-    // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
-    const effectShouldStart = queryOptionsRef.current !== queryOptions;
-    return (0, _extends2.default)({
-      isLoading: isLoading || effectShouldStart
-    }, response);
-  };
-  return {
-    columns,
-    columnsWithDefaultColDef,
-    initialState,
-    useQuery
-  };
-};
-exports.createFakeServer = createFakeServer;

package/node/index.js

@@ -1,56 +0,0 @@
-/**
- * @mui/x-data-grid-generator v8.0.0-alpha.9
- *
- * @license MUI X Commercial
- * This source code is licensed under the commercial license found in the
- * LICENSE file in the root directory of this source tree.
- */
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _renderer = require("./renderer");
-Object.keys(_renderer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderer[key];
-    }
-  });
-});
-var _services = require("./services");
-Object.keys(_services).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _services[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _services[key];
-    }
-  });
-});
-var _columns = require("./columns");
-Object.keys(_columns).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _columns[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _columns[key];
-    }
-  });
-});
-var _hooks = require("./hooks");
-Object.keys(_hooks).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _hooks[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _hooks[key];
-    }
-  });
-});

package/node/renderer/index.js

@@ -1,181 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _renderAvatar = require("./renderAvatar");
-Object.keys(_renderAvatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderAvatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderAvatar[key];
-    }
-  });
-});
-var _renderCountry = require("./renderCountry");
-Object.keys(_renderCountry).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderCountry[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderCountry[key];
-    }
-  });
-});
-var _renderEmail = require("./renderEmail");
-Object.keys(_renderEmail).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEmail[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEmail[key];
-    }
-  });
-});
-var _renderIncoterm = require("./renderIncoterm");
-Object.keys(_renderIncoterm).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderIncoterm[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderIncoterm[key];
-    }
-  });
-});
-var _renderLink = require("./renderLink");
-Object.keys(_renderLink).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderLink[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderLink[key];
-    }
-  });
-});
-var _renderPnl = require("./renderPnl");
-Object.keys(_renderPnl).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderPnl[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderPnl[key];
-    }
-  });
-});
-var _renderProgress = require("./renderProgress");
-Object.keys(_renderProgress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderProgress[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderProgress[key];
-    }
-  });
-});
-var _renderRating = require("./renderRating");
-Object.keys(_renderRating).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderRating[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderRating[key];
-    }
-  });
-});
-var _renderStatus = require("./renderStatus");
-Object.keys(_renderStatus).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderStatus[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderStatus[key];
-    }
-  });
-});
-var _renderTotalPrice = require("./renderTotalPrice");
-Object.keys(_renderTotalPrice).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderTotalPrice[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderTotalPrice[key];
-    }
-  });
-});
-var _renderEditCurrency = require("./renderEditCurrency");
-Object.keys(_renderEditCurrency).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditCurrency[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditCurrency[key];
-    }
-  });
-});
-var _renderEditProgress = require("./renderEditProgress");
-Object.keys(_renderEditProgress).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditProgress[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditProgress[key];
-    }
-  });
-});
-var _renderEditStatus = require("./renderEditStatus");
-Object.keys(_renderEditStatus).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditStatus[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditStatus[key];
-    }
-  });
-});
-var _renderEditIncoterm = require("./renderEditIncoterm");
-Object.keys(_renderEditIncoterm).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditIncoterm[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditIncoterm[key];
-    }
-  });
-});
-var _renderEditRating = require("./renderEditRating");
-Object.keys(_renderEditRating).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditRating[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditRating[key];
-    }
-  });
-});
-var _renderEditCountry = require("./renderEditCountry");
-Object.keys(_renderEditCountry).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _renderEditCountry[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _renderEditCountry[key];
-    }
-  });
-});

package/node/renderer/renderAvatar.js

@@ -1,22 +0,0 @@
-"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.renderAvatar = renderAvatar;
-var React = _interopRequireWildcard(require("react"));
-var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
-var _jsxRuntime = require("react/jsx-runtime");
-function renderAvatar(params) {
-  if (params.value == null) {
-    return '';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
-    style: {
-      backgroundColor: params.value.color
-    },
-    children: params.value.name.toUpperCase().substring(0, 1)
-  });
-}

package/node/renderer/renderCountry.js

@@ -1,56 +0,0 @@
-"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.renderCountry = renderCountry;
-var React = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _jsxRuntime = require("react/jsx-runtime");
-const Country = /*#__PURE__*/React.memo(function Country(props) {
-  const {
-    value
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-    sx: {
-      width: '100%',
-      display: 'flex',
-      alignItems: 'center',
-      '&  > img': {
-        mr: 0.5,
-        flexShrink: 0,
-        width: '20px'
-      }
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      loading: "lazy",
-      width: "20",
-      src: `https://flagcdn.com/w20/${value.code.toLowerCase()}.png`,
-      srcSet: `https://flagcdn.com/w40/${value.code.toLowerCase()}.png 2x`,
-      alt: ""
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-      component: "span",
-      sx: {
-        overflow: 'hidden',
-        textOverflow: 'ellipsis'
-      },
-      children: value.label
-    })]
-  });
-});
-function renderCountry(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__*/(0, _jsxRuntime.jsx)(Country, {
-    value: params.value
-  });
-}

package/node/renderer/renderEditCountry.js

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderEditCountry = renderEditCountry;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _xDataGridPremium = require("@mui/x-data-grid-premium");
-var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
-var _InputBase = _interopRequireDefault(require("@mui/material/InputBase"));
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _styles = require("@mui/material/styles");
-var _staticData = require("../services/static-data");
-var _jsxRuntime = require("react/jsx-runtime");
-const StyledAutocomplete = (0, _styles.styled)(_Autocomplete.default)(({
-  theme
-}) => ({
-  height: '100%',
-  [`& .${_Autocomplete.autocompleteClasses.inputRoot}`]: (0, _extends2.default)({}, theme.typography.body2, {
-    padding: '1px 0',
-    height: '100%',
-    '& input': {
-      padding: '0 16px',
-      height: '100%'
-    }
-  })
-}));
-function EditCountry(props) {
-  const {
-    id,
-    value,
-    field
-  } = props;
-  const apiRef = (0, _xDataGridPremium.useGridApiContext)();
-  const handleChange = React.useCallback(async (event, newValue) => {
-    await apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: newValue
-    }, event);
-    apiRef.current.stopCellEditMode({
-      id,
-      field
-    });
-  }, [apiRef, field, id]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledAutocomplete, {
-    value: value,
-    onChange: handleChange,
-    options: _staticData.COUNTRY_ISO_OPTIONS,
-    getOptionLabel: option => option.label,
-    autoHighlight: true,
-    fullWidth: true,
-    open: true,
-    disableClearable: true,
-    renderOption: (optionProps, option) => /*#__PURE__*/(0, _react.createElement)(_Box.default, (0, _extends2.default)({
-      component: "li",
-      sx: {
-        '& > img': {
-          mr: 1.5,
-          flexShrink: 0
-        }
-      }
-    }, optionProps, {
-      key: option.code
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      loading: "lazy",
-      width: "20",
-      src: `https://flagcdn.com/w20/${option.code.toLowerCase()}.png`,
-      srcSet: `https://flagcdn.com/w40/${option.code.toLowerCase()}.png 2x`,
-      alt: ""
-    }), option.label),
-    renderInput: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({
-      autoFocus: true,
-      fullWidth: true,
-      id: params.id,
-      inputProps: (0, _extends2.default)({}, params.inputProps, {
-        autoComplete: 'new-password' // disable autocomplete and autofill
-      })
-    }, params.InputProps))
-  });
-}
-function renderEditCountry(params) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EditCountry, (0, _extends2.default)({}, params));
-}