@mui/x-data-grid-generator 6.0.0-alpha.8 → 6.0.0-beta.0

package/legacy/hooks/useDemoData.js

@@ -3,13 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import * as React from 'react';
 import LRUCache from 'lru-cache';
 import { getRealGridData } from '../services/real-data-service';
@@ -20,15 +16,12 @@ import { addTreeDataOptionsToDemoData } from '../services/tree-data-generator';
 var dataCache = new LRUCache({
   max: 10,
   ttl: 60 * 5 * 1e3 // 5 minutes
-
 });
-
 // Generate fake data from a seed.
 // It's about x20 faster than getRealData.
 function extrapolateSeed(_x, _x2) {
   return _extrapolateSeed.apply(this, arguments);
 }
-
 function _extrapolateSeed() {
   _extrapolateSeed = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(rowLength, data) {
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -41,25 +34,20 @@ function _extrapolateSeed() {
               var tasks = {
                 current: rowLength - seed.length
               };
-
               function work() {
                 var row = {};
-
                 for (var j = 0; j < data.columns.length; j += 1) {
                   var column = data.columns[j];
                   var index = Math.round(Math.random() * (seed.length - 1));
-
                   if (column.field === 'id') {
                     row.id = "id-".concat(tasks.current + seed.length);
                   } else {
                     row[column.field] = seed[index][column.field];
                   }
                 }
-
                 rows.push(row);
                 tasks.current -= 1;
               }
-
               asyncWorker({
                 work: work,
                 done: function done() {
@@ -70,7 +58,6 @@ function _extrapolateSeed() {
                 tasks: tasks
               });
             }));
-
           case 1:
           case "end":
             return _context2.stop();
@@ -80,20 +67,19 @@ function _extrapolateSeed() {
   }));
   return _extrapolateSeed.apply(this, arguments);
 }
-
 var deepFreeze = function deepFreeze(object) {
   // Retrieve the property names defined on object
-  var propNames = Object.getOwnPropertyNames(object); // Freeze properties before freezing self
-  // eslint-disable-next-line no-restricted-syntax
+  var propNames = Object.getOwnPropertyNames(object);
 
-  var _iterator = _createForOfIteratorHelper(propNames),
-      _step;
+  // Freeze properties before freezing self
 
+  // eslint-disable-next-line no-restricted-syntax
+  var _iterator = _createForOfIteratorHelper(propNames),
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var name = _step.value;
       var value = object[name];
-
       if (value && _typeof(value) === 'object') {
         deepFreeze(value);
       }
@@ -103,32 +89,25 @@ var deepFreeze = function deepFreeze(object) {
   } finally {
     _iterator.f();
   }
-
   return Object.freeze(object);
 };
-
 export var getColumnsFromOptions = function getColumnsFromOptions(options) {
   var columns = options.dataSet === 'Commodity' ? getCommodityColumns(options.editable) : getEmployeeColumns();
-
   if (options.visibleFields) {
     columns = columns.map(function (col) {
       var _options$visibleField;
-
       return (_options$visibleField = options.visibleFields) != null && _options$visibleField.includes(col.field) ? col : _extends({}, col, {
         hide: true
       });
     });
   }
-
   if (options.maxColumns) {
     columns = columns.slice(0, options.maxColumns);
   }
-
   return columns;
 };
 export var getInitialState = function getInitialState(options, columns) {
   var _options$treeData;
-
   var columnVisibilityModel = {};
   columns.forEach(function (col) {
     if (col.hide) {
@@ -136,11 +115,9 @@ export var getInitialState = function getInitialState(options, columns) {
     }
   });
   var groupingField = (_options$treeData = options.treeData) == null ? void 0 : _options$treeData.groupingField;
-
   if (groupingField) {
     columnVisibilityModel[groupingField] = false;
   }
-
   return {
     columns: {
       columnVisibilityModel: columnVisibilityModel
@@ -149,22 +126,18 @@ export var getInitialState = function getInitialState(options, columns) {
 };
 export var useDemoData = function useDemoData(options) {
   var _options$treeData5, _options$treeData6, _options$treeData7;
-
   var _React$useState = React.useState(options.rowLength),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      rowLength = _React$useState2[0],
-      setRowLength = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rowLength = _React$useState2[0],
+    setRowLength = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      index = _React$useState4[0],
-      setIndex = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    index = _React$useState4[0],
+    setIndex = _React$useState4[1];
   var _React$useState5 = React.useState(true),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      loading = _React$useState6[0],
-      setLoading = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    loading = _React$useState6[0],
+    setLoading = _React$useState6[1];
   var columns = React.useMemo(function () {
     return getColumnsFromOptions({
       dataSet: options.dataSet,
@@ -173,89 +146,75 @@ export var useDemoData = function useDemoData(options) {
       visibleFields: options.visibleFields
     });
   }, [options.dataSet, options.editable, options.maxColumns, options.visibleFields]);
-
   var _React$useState7 = React.useState(function () {
-    return addTreeDataOptionsToDemoData({
-      columns: columns,
-      rows: [],
-      initialState: getInitialState(options, columns)
-    }, options.treeData);
-  }),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      data = _React$useState8[0],
-      setData = _React$useState8[1];
-
+      return addTreeDataOptionsToDemoData({
+        columns: columns,
+        rows: [],
+        initialState: getInitialState(options, columns)
+      }, options.treeData);
+    }),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    data = _React$useState8[0],
+    setData = _React$useState8[1];
   React.useEffect(function () {
-    var cacheKey = "".concat(options.dataSet, "-").concat(rowLength, "-").concat(index, "-").concat(options.maxColumns); // Cache to allow fast switch between the JavaScript and TypeScript version
-    // of the demos.
+    var cacheKey = "".concat(options.dataSet, "-").concat(rowLength, "-").concat(index, "-").concat(options.maxColumns);
 
+    // Cache to allow fast switch between the JavaScript and TypeScript version
+    // of the demos.
     if (dataCache.has(cacheKey)) {
       var newData = dataCache.get(cacheKey);
       setData(newData);
       setLoading(false);
       return undefined;
     }
-
     var active = true;
-
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var _options$treeData2, _options$treeData3, _options$treeData4;
-
       var newData;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               setLoading(true);
-
               if (!(rowLength > 1000)) {
                 _context.next = 10;
                 break;
               }
-
               _context.next = 4;
               return getRealGridData(1000, columns);
-
             case 4:
               newData = _context.sent;
               _context.next = 7;
               return extrapolateSeed(rowLength, newData);
-
             case 7:
               newData = _context.sent;
               _context.next = 13;
               break;
-
             case 10:
               _context.next = 12;
               return getRealGridData(rowLength, columns);
-
             case 12:
               newData = _context.sent;
-
             case 13:
               if (active) {
                 _context.next = 15;
                 break;
               }
-
               return _context.abrupt("return");
-
             case 15:
               newData = addTreeDataOptionsToDemoData(newData, {
                 maxDepth: (_options$treeData2 = options.treeData) == null ? void 0 : _options$treeData2.maxDepth,
                 groupingField: (_options$treeData3 = options.treeData) == null ? void 0 : _options$treeData3.groupingField,
                 averageChildren: (_options$treeData4 = options.treeData) == null ? void 0 : _options$treeData4.averageChildren
-              }); // It's quite slow. No need for it in production.
+              });
 
+              // It's quite slow. No need for it in production.
               if (process.env.NODE_ENV !== 'production') {
                 deepFreeze(newData);
               }
-
               dataCache.set(cacheKey, newData);
               setData(newData);
               setLoading(false);
-
             case 20:
             case "end":
               return _context.stop();
@@ -263,7 +222,6 @@ export var useDemoData = function useDemoData(options) {
         }
       }, _callee);
     }))();
-
     return function () {
       active = false;
     };

package/legacy/hooks/useMovieData.js

@@ -17,11 +17,9 @@ var COLUMNS = [{
   groupable: false,
   valueFormatter: function valueFormatter(_ref) {
     var value = _ref.value;
-
     if (!value) {
       return '';
     }
-
     return currencyFormatter.format(value);
   }
 }, {

package/legacy/hooks/useQuery.js

@@ -4,34 +4,29 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
-import { getGridDefaultColumnTypes, GridLinkOperator } from '@mui/x-data-grid-pro';
+import { getGridDefaultColumnTypes, GridLogicOperator } from '@mui/x-data-grid-pro';
 import { isDeepEqual } from '@mui/x-data-grid/internals';
 import { useDemoData, getColumnsFromOptions, getInitialState } from './useDemoData';
-
 var simplifiedValueGetter = function simplifiedValueGetter(field, colDef) {
   return function (row) {
     var _colDef$valueGetter;
-
     var params = {
       id: row.id,
       row: row,
       field: field,
       rowNode: {}
-    }; // @ts-ignore
-
+    };
+    // @ts-ignore
     return ((_colDef$valueGetter = colDef.valueGetter) == null ? void 0 : _colDef$valueGetter.call(colDef, params)) || row[field];
   };
 };
-
 var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultColDef) {
   if (!sortModel) {
     var _comparator = function _comparator() {
       return 0;
     };
-
     return _comparator;
   }
-
   var sortOperators = sortModel.map(function (sortItem) {
     var columnField = sortItem.field;
     var colDef = columnsWithDefaultColDef.find(function (_ref) {
@@ -43,67 +38,55 @@ var getRowComparator = function getRowComparator(sortModel, columnsWithDefaultCo
       sortComparator: colDef.sortComparator
     });
   });
-
   var comparator = function comparator(row1, row2) {
     return sortOperators.reduce(function (acc, _ref2) {
       var valueGetter = _ref2.valueGetter,
-          sort = _ref2.sort,
-          sortComparator = _ref2.sortComparator;
-
+        sort = _ref2.sort,
+        sortComparator = _ref2.sortComparator;
       if (acc !== 0) {
         return acc;
       }
-
       var v1 = valueGetter(row1);
       var v2 = valueGetter(row2);
       return sort === 'desc' ? -1 * sortComparator(v1, v2) : sortComparator(v1, v2);
     }, 0);
   };
-
   return comparator;
 };
-
 var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDefaultColDef) {
   if (filterModel === undefined || filterModel.items.length === 0) {
     return rows;
   }
-
   var valueGetters = filterModel.items.map(function (_ref3) {
-    var columnField = _ref3.columnField;
-    return simplifiedValueGetter(columnField, columnsWithDefaultColDef.find(function (_ref4) {
-      var field = _ref4.field;
-      return field === columnField;
+    var field = _ref3.field;
+    return simplifiedValueGetter(field, columnsWithDefaultColDef.find(function (column) {
+      return column.field === field;
     }));
   });
   var filterFunctions = filterModel.items.map(function (filterItem) {
-    var columnField = filterItem.columnField,
-        operatorValue = filterItem.operatorValue;
-    var colDef = columnsWithDefaultColDef.find(function (_ref5) {
-      var field = _ref5.field;
-      return field === columnField;
+    var field = filterItem.field,
+      operator = filterItem.operator;
+    var colDef = columnsWithDefaultColDef.find(function (column) {
+      return column.field === field;
     });
-    var filterOperator = colDef.filterOperators.find(function (_ref6) {
-      var value = _ref6.value;
-      return operatorValue === value;
+    var filterOperator = colDef.filterOperators.find(function (_ref4) {
+      var value = _ref4.value;
+      return operator === value;
     });
     var parsedValue = filterItem.value;
-
     if (colDef.valueParser) {
       var _filterItem$value;
-
       var parser = colDef.valueParser;
       parsedValue = Array.isArray(filterItem.value) ? (_filterItem$value = filterItem.value) == null ? void 0 : _filterItem$value.map(function (x) {
         return parser(x);
       }) : parser(filterItem.value);
     }
-
     return filterOperator == null ? void 0 : filterOperator.getApplyFilterFn({
       filterItem: filterItem,
       value: parsedValue
     }, colDef);
   });
-
-  if (filterModel.linkOperator === GridLinkOperator.Or) {
+  if (filterModel.logicOperator === GridLogicOperator.Or) {
     return rows.filter(function (row) {
       return filterModel.items.some(function (_, index) {
         var value = valueGetters[index](row);
@@ -113,7 +96,6 @@ var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDef
       });
     });
   }
-
   return rows.filter(function (row) {
     return filterModel.items.every(function (_, index) {
       var value = valueGetters[index](row);
@@ -123,27 +105,24 @@ var getFilteredRows = function getFilteredRows(rows, filterModel, columnsWithDef
     });
   });
 };
+
 /**
  * Simulates server data loading
  */
-
-
 export var loadServerRows = function loadServerRows(rows, queryOptions, serverOptions, columnsWithDefaultColDef) {
   var _serverOptions$minDel = serverOptions.minDelay,
-      minDelay = _serverOptions$minDel === void 0 ? 100 : _serverOptions$minDel,
-      _serverOptions$maxDel = serverOptions.maxDelay,
-      maxDelay = _serverOptions$maxDel === void 0 ? 300 : _serverOptions$maxDel,
-      useCursorPagination = serverOptions.useCursorPagination;
-
+    minDelay = _serverOptions$minDel === void 0 ? 100 : _serverOptions$minDel,
+    _serverOptions$maxDel = serverOptions.maxDelay,
+    maxDelay = _serverOptions$maxDel === void 0 ? 300 : _serverOptions$maxDel,
+    useCursorPagination = serverOptions.useCursorPagination;
   if (maxDelay < minDelay) {
     throw new Error('serverOptions.minDelay is larger than serverOptions.maxDelay ');
   }
-
   var delay = Math.random() * (maxDelay - minDelay) + minDelay;
   var cursor = queryOptions.cursor,
-      _queryOptions$page = queryOptions.page,
-      page = _queryOptions$page === void 0 ? 0 : _queryOptions$page,
-      pageSize = queryOptions.pageSize;
+    _queryOptions$page = queryOptions.page,
+    page = _queryOptions$page === void 0 ? 0 : _queryOptions$page,
+    pageSize = queryOptions.pageSize;
   var nextCursor;
   var firstRowIndex;
   var lastRowIndex;
@@ -151,24 +130,21 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
   var rowComparator = getRowComparator(queryOptions.sortModel, columnsWithDefaultColDef);
   filteredRows = _toConsumableArray(filteredRows).sort(rowComparator);
   var totalRowCount = filteredRows.length;
-
   if (!pageSize) {
     firstRowIndex = 0;
     lastRowIndex = filteredRows.length;
   } else if (useCursorPagination) {
-    firstRowIndex = cursor ? filteredRows.findIndex(function (_ref7) {
-      var id = _ref7.id;
+    firstRowIndex = cursor ? filteredRows.findIndex(function (_ref5) {
+      var id = _ref5.id;
       return id === cursor;
     }) : 0;
     firstRowIndex = Math.max(firstRowIndex, 0); // if cursor not found return 0
-
     lastRowIndex = firstRowIndex + pageSize;
     nextCursor = lastRowIndex >= filteredRows.length ? undefined : filteredRows[lastRowIndex].id;
   } else {
     firstRowIndex = page * pageSize;
     lastRowIndex = (page + 1) * pageSize;
   }
-
   var response = {
     returnedRows: filteredRows.slice(firstRowIndex, lastRowIndex),
     nextCursor: nextCursor,
@@ -180,6 +156,7 @@ export var loadServerRows = function loadServerRows(rows, queryOptions, serverOp
     }, delay); // simulate network latency
   });
 };
+
 var DEFAULT_DATASET_OPTIONS = {
   dataSet: 'Commodity',
   rowLength: 100,
@@ -193,42 +170,34 @@ var DEFAULT_SERVER_OPTIONS = {
 };
 export var createFakeServer = function createFakeServer(dataSetOptions, serverOptions) {
   var dataSetOptionsWithDefault = _extends({}, DEFAULT_DATASET_OPTIONS, dataSetOptions);
-
   var serverOptionsWithDefault = _extends({}, DEFAULT_SERVER_OPTIONS, serverOptions);
-
   var columns = getColumnsFromOptions(dataSetOptionsWithDefault);
   var initialState = getInitialState(dataSetOptionsWithDefault, columns);
   var defaultColDef = getGridDefaultColumnTypes();
   var columnsWithDefaultColDef = columns.map(function (column) {
     return _extends({}, defaultColDef[column.type || 'string'], column);
   });
-
   var useQuery = function useQuery(queryOptions) {
     var _useDemoData = useDemoData(dataSetOptionsWithDefault),
-        rows = _useDemoData.data.rows,
-        dataGenerationIsLoading = _useDemoData.loading;
-
+      rows = _useDemoData.data.rows,
+      dataGenerationIsLoading = _useDemoData.loading;
     var queryOptionsRef = React.useRef(queryOptions);
-
     var _React$useState = React.useState({
-      pageInfo: {},
-      rows: []
-    }),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        response = _React$useState2[0],
-        setResponse = _React$useState2[1];
-
+        pageInfo: {},
+        rows: []
+      }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      response = _React$useState2[0],
+      setResponse = _React$useState2[1];
     var _React$useState3 = React.useState(dataGenerationIsLoading),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        isLoading = _React$useState4[0],
-        setIsLoading = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isLoading = _React$useState4[0],
+      setIsLoading = _React$useState4[1];
     React.useEffect(function () {
       if (dataGenerationIsLoading) {
         // dataset is not ready
         return function () {};
       }
-
       queryOptionsRef.current = queryOptions;
       var active = true;
       setIsLoading(true);
@@ -240,27 +209,22 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
       (function () {
         var _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var _yield$loadServerRows, returnedRows, nextCursor, totalRowCount, newRep;
-
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
                   return loadServerRows(rows, queryOptions, serverOptionsWithDefault, columnsWithDefaultColDef);
-
                 case 2:
                   _yield$loadServerRows = _context.sent;
                   returnedRows = _yield$loadServerRows.returnedRows;
                   nextCursor = _yield$loadServerRows.nextCursor;
                   totalRowCount = _yield$loadServerRows.totalRowCount;
-
                   if (active) {
                     _context.next = 8;
                     break;
                   }
-
                   return _context.abrupt("return");
-
                 case 8:
                   newRep = {
                     rows: returnedRows,
@@ -274,7 +238,6 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
                     return isDeepEqual(prev, newRep) ? prev : newRep;
                   });
                   setIsLoading(false);
-
                 case 11:
                 case "end":
                   return _context.stop();
@@ -282,24 +245,22 @@ export var createFakeServer = function createFakeServer(dataSetOptions, serverOp
             }
           }, _callee);
         }));
-
         function fetchData() {
           return _fetchData.apply(this, arguments);
         }
-
         return fetchData;
       })()();
       return function () {
         active = false;
       };
-    }, [dataGenerationIsLoading, queryOptions, rows]); // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
+    }, [dataGenerationIsLoading, queryOptions, rows]);
 
+    // We use queryOptions pointer to be sure that isLoading===true as soon as the options change
     var effectShouldStart = queryOptionsRef.current !== queryOptions;
     return _extends({
       isLoading: isLoading || effectShouldStart
     }, response);
   };
-
   return {
     columns: columns,
     columnsWithDefaultColDef: columnsWithDefaultColDef,

package/legacy/index.js

@@ -1,6 +1,8 @@
-/** @license MUI v6.0.0-alpha.8
+/**
+ * @mui/x-data-grid-generator v6.0.0-beta.0
  *
- * This source code is licensed under the MIT license found in the
+ * @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.
  */
 export * from './renderer';

package/legacy/renderer/renderAvatar.js

@@ -5,7 +5,6 @@ export function renderAvatar(params) {
   if (params.value == null) {
     return '';
   }
-
   return /*#__PURE__*/_jsx(Avatar, {
     style: {
       backgroundColor: params.value.color

package/legacy/renderer/renderCountry.js

@@ -34,14 +34,13 @@ var Country = /*#__PURE__*/React.memo(function Country(props) {
 export 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 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(Country, {
     value: params.value
   });