wip:milestone 0 fixes

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridActionsColDef.d.ts

@@ -0,0 +1,3 @@
+import { GridColTypeDef } from '../models/colDef/gridColDef';
+export declare const GRID_ACTIONS_COLUMN_TYPE = "actions";
+export declare const GRID_ACTIONS_COL_DEF: GridColTypeDef;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridActionsColDef.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { renderActionsCell } from '../components/cell/GridActionsCell';
+export const GRID_ACTIONS_COLUMN_TYPE = 'actions';
+export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  sortable: false,
+  filterable: false,
+  // @ts-ignore
+  aggregable: false,
+  width: 100,
+  align: 'center',
+  headerAlign: 'center',
+  headerName: '',
+  disableColumnMenu: true,
+  disableExport: true,
+  renderCell: renderActionsCell,
+  getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridBooleanColDef.d.ts

@@ -0,0 +1,2 @@
+import { GridColTypeDef } from '../models/colDef/gridColDef';
+export declare const GRID_BOOLEAN_COL_DEF: GridColTypeDef<boolean | null, any>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridBooleanColDef.js

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { renderBooleanCell } from '../components/cell/GridBooleanCell';
+import { renderEditBooleanCell } from '../components/cell/GridEditBooleanCell';
+import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
+import { getGridBooleanOperators } from './gridBooleanOperators';
+function gridBooleanFormatter({
+  value,
+  api
+}) {
+  return value ? api.getLocaleText('booleanCellTrueLabel') : api.getLocaleText('booleanCellFalseLabel');
+}
+const stringToBoolean = value => {
+  switch (value.toLowerCase().trim()) {
+    case 'true':
+    case 'yes':
+    case '1':
+      return true;
+    case 'false':
+    case 'no':
+    case '0':
+    case 'null':
+    case 'undefined':
+      return false;
+    default:
+      return undefined;
+  }
+};
+export const GRID_BOOLEAN_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'boolean',
+  align: 'center',
+  headerAlign: 'center',
+  renderCell: renderBooleanCell,
+  renderEditCell: renderEditBooleanCell,
+  sortComparator: gridNumberComparator,
+  valueFormatter: gridBooleanFormatter,
+  filterOperators: getGridBooleanOperators(),
+  getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined,
+  // @ts-ignore
+  aggregable: false,
+  // @ts-ignore
+  pastedValueParser: value => stringToBoolean(value)
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridBooleanOperators.d.ts

@@ -0,0 +1,2 @@
+import { GridFilterOperator } from '../models/gridFilterOperator';
+export declare const getGridBooleanOperators: () => GridFilterOperator<any, boolean | null, any>[];

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridBooleanOperators.js

@@ -0,0 +1,15 @@
+import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
+import { convertLegacyOperators } from './utils';
+export const getGridBooleanOperators = () => convertLegacyOperators([{
+  value: 'is',
+  getApplyFilterFnV7: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+    const valueAsBoolean = filterItem.value === 'true';
+    return value => {
+      return Boolean(value) === valueAsBoolean;
+    };
+  },
+  InputComponent: GridFilterInputBoolean
+}]);

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridCheckboxSelectionColDef.d.ts

@@ -0,0 +1,3 @@
+import { GridColDef } from '../models/colDef/gridColDef';
+export declare const GRID_CHECKBOX_SELECTION_FIELD = "__check__";
+export declare const GRID_CHECKBOX_SELECTION_COL_DEF: GridColDef;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridCheckboxSelectionColDef.js

@@ -0,0 +1,29 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { GridCellCheckboxRenderer } from '../components/columnSelection/GridCellCheckboxRenderer';
+import { GridHeaderCheckbox } from '../components/columnSelection/GridHeaderCheckbox';
+import { selectedIdsLookupSelector } from '../hooks/features/rowSelection/gridRowSelectionSelector';
+import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GRID_CHECKBOX_SELECTION_FIELD = '__check__';
+export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF, {
+  field: GRID_CHECKBOX_SELECTION_FIELD,
+  type: 'checkboxSelection',
+  width: 50,
+  resizable: false,
+  sortable: false,
+  filterable: false,
+  // @ts-ignore
+  aggregable: false,
+  disableColumnMenu: true,
+  disableReorder: true,
+  disableExport: true,
+  getApplyQuickFilterFn: undefined,
+  getApplyQuickFilterFnV7: undefined,
+  valueGetter: params => {
+    const selectionLookup = selectedIdsLookupSelector(params.api.state, params.api.instanceId);
+    return selectionLookup[params.id] !== undefined;
+  },
+  renderHeader: params => /*#__PURE__*/_jsx(GridHeaderCheckbox, _extends({}, params)),
+  renderCell: params => /*#__PURE__*/_jsx(GridCellCheckboxRenderer, _extends({}, params))
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDateColDef.d.ts

@@ -0,0 +1,6 @@
+import { GridColTypeDef } from '../models/colDef/gridColDef';
+import { GridValueFormatterParams } from '../models/params/gridCellParams';
+export declare function gridDateFormatter({ value, field, id }: GridValueFormatterParams<Date>): string;
+export declare function gridDateTimeFormatter({ value, field, id }: GridValueFormatterParams<Date>): string;
+export declare const GRID_DATE_COL_DEF: GridColTypeDef<Date, string>;
+export declare const GRID_DATETIME_COL_DEF: GridColTypeDef<Date, string>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDateColDef.js

@@ -0,0 +1,65 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { gridDateComparator } from '../hooks/features/sorting/gridSortingUtils';
+import { getGridDateOperators } from './gridDateOperators';
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { renderEditDateCell } from '../components/cell/GridEditDateCell';
+function throwIfNotDateObject({
+  value,
+  columnType,
+  rowId,
+  field
+}) {
+  if (!(value instanceof Date)) {
+    throw new Error([`MUI: \`${columnType}\` column type only accepts \`Date\` objects as values.`, 'Use `valueGetter` to transform the value into a `Date` object.', `Row ID: ${rowId}, field: "${field}".`].join('\n'));
+  }
+}
+export function gridDateFormatter({
+  value,
+  field,
+  id
+}) {
+  if (!value) {
+    return '';
+  }
+  throwIfNotDateObject({
+    value,
+    columnType: 'date',
+    rowId: id,
+    field
+  });
+  return value.toLocaleDateString();
+}
+export function gridDateTimeFormatter({
+  value,
+  field,
+  id
+}) {
+  if (!value) {
+    return '';
+  }
+  throwIfNotDateObject({
+    value,
+    columnType: 'dateTime',
+    rowId: id,
+    field
+  });
+  return value.toLocaleString();
+}
+export const GRID_DATE_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'date',
+  sortComparator: gridDateComparator,
+  valueFormatter: gridDateFormatter,
+  filterOperators: getGridDateOperators(),
+  renderEditCell: renderEditDateCell,
+  // @ts-ignore
+  pastedValueParser: value => new Date(value)
+});
+export const GRID_DATETIME_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'dateTime',
+  sortComparator: gridDateComparator,
+  valueFormatter: gridDateTimeFormatter,
+  filterOperators: getGridDateOperators(true),
+  renderEditCell: renderEditDateCell,
+  // @ts-ignore
+  pastedValueParser: value => new Date(value)
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDateOperators.d.ts

@@ -0,0 +1,2 @@
+import { GridFilterOperator } from '../models/gridFilterOperator';
+export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any>[];

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDateOperators.js

@@ -0,0 +1,95 @@
+import { GridFilterInputDate } from '../components/panel/filterPanel/GridFilterInputDate';
+import { convertLegacyOperators } from './utils';
+const dateRegex = /(\d+)-(\d+)-(\d+)/;
+const dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
+function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
+  if (!filterItem.value) {
+    return null;
+  }
+  const [year, month, day, hour, minute] = filterItem.value.match(showTime ? dateTimeRegex : dateRegex).slice(1).map(Number);
+  const time = new Date(year, month - 1, day, hour || 0, minute || 0).getTime();
+  return value => {
+    if (!value) {
+      return false;
+    }
+    if (keepHours) {
+      return compareFn(value.getTime(), time);
+    }
+
+    // Make a copy of the date to not reset the hours in the original object
+    const dateCopy = new Date(value);
+    const timeToCompare = dateCopy.setHours(showTime ? value.getHours() : 0, showTime ? value.getMinutes() : 0, 0, 0);
+    return compareFn(timeToCompare, time);
+  };
+}
+export const getGridDateOperators = showTime => convertLegacyOperators([{
+  value: 'is',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 === value2, showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'not',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 !== value2, showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'after',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 > value2, showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'onOrAfter',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 >= value2, showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'before',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 < value2, showTime, !showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'onOrBefore',
+  getApplyFilterFnV7: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 <= value2, showTime);
+  },
+  InputComponent: GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'isEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value == null;
+    };
+  },
+  requiresFilterValue: false
+}, {
+  value: 'isNotEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value != null;
+    };
+  },
+  requiresFilterValue: false
+}]);

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDefaultColumnTypes.d.ts

@@ -0,0 +1,3 @@
+import { GridColumnTypesRecord } from '../models/colDef/gridColumnTypesRecord';
+export declare const DEFAULT_GRID_COL_TYPE_KEY = "__default__";
+export declare const getGridDefaultColumnTypes: () => GridColumnTypesRecord;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridDefaultColumnTypes.js

@@ -0,0 +1,20 @@
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { GRID_NUMERIC_COL_DEF } from './gridNumericColDef';
+import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from './gridDateColDef';
+import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
+import { GRID_SINGLE_SELECT_COL_DEF } from './gridSingleSelectColDef';
+import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from './gridActionsColDef';
+export const DEFAULT_GRID_COL_TYPE_KEY = '__default__';
+export const getGridDefaultColumnTypes = () => {
+  const nativeColumnTypes = {
+    string: GRID_STRING_COL_DEF,
+    number: GRID_NUMERIC_COL_DEF,
+    date: GRID_DATE_COL_DEF,
+    dateTime: GRID_DATETIME_COL_DEF,
+    boolean: GRID_BOOLEAN_COL_DEF,
+    singleSelect: GRID_SINGLE_SELECT_COL_DEF,
+    [GRID_ACTIONS_COLUMN_TYPE]: GRID_ACTIONS_COL_DEF,
+    [DEFAULT_GRID_COL_TYPE_KEY]: GRID_STRING_COL_DEF
+  };
+  return nativeColumnTypes;
+};

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridNumericColDef.d.ts

@@ -0,0 +1,2 @@
+import { GridColTypeDef } from '../models/colDef/gridColDef';
+export declare const GRID_NUMERIC_COL_DEF: GridColTypeDef<number | string | null, string>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridNumericColDef.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
+import { isNumber } from '../utils/utils';
+import { getGridNumericOperators, getGridNumericQuickFilterFn } from './gridNumericOperators';
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { convertQuickFilterV7ToLegacy } from './utils';
+export const GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'number',
+  align: 'right',
+  headerAlign: 'right',
+  sortComparator: gridNumberComparator,
+  valueParser: value => value === '' ? null : Number(value),
+  valueFormatter: ({
+    value
+  }) => isNumber(value) ? value.toLocaleString() : value || '',
+  filterOperators: getGridNumericOperators(),
+  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridNumericQuickFilterFn),
+  getApplyQuickFilterFnV7: getGridNumericQuickFilterFn
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridNumericOperators.d.ts

@@ -0,0 +1,4 @@
+import { GridFilterOperator } from '../models/gridFilterOperator';
+import type { GridApplyQuickFilterV7 } from '../models/colDef/gridColDef';
+export declare const getGridNumericQuickFilterFn: (value: any) => GridApplyQuickFilterV7 | null;
+export declare const getGridNumericOperators: () => GridFilterOperator<any, number | string | null, any>[];

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridNumericOperators.js

@@ -0,0 +1,144 @@
+import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
+import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
+import { convertLegacyOperators, tagInternalFilter } from './utils';
+const parseNumericValue = value => {
+  if (value == null) {
+    return null;
+  }
+  return Number(value);
+};
+export const getGridNumericQuickFilterFn = tagInternalFilter(value => {
+  if (value == null || Number.isNaN(value) || value === '') {
+    return null;
+  }
+  return columnValue => {
+    return parseNumericValue(columnValue) === parseNumericValue(value);
+  };
+});
+export const getGridNumericOperators = () => convertLegacyOperators([{
+  value: '=',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      return parseNumericValue(value) === filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: '!=',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      return parseNumericValue(value) !== filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: '>',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      if (value == null) {
+        return false;
+      }
+      return parseNumericValue(value) > filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: '>=',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      if (value == null) {
+        return false;
+      }
+      return parseNumericValue(value) >= filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: '<',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      if (value == null) {
+        return false;
+      }
+      return parseNumericValue(value) < filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: '<=',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || Number.isNaN(filterItem.value)) {
+      return null;
+    }
+    return value => {
+      if (value == null) {
+        return false;
+      }
+      return parseNumericValue(value) <= filterItem.value;
+    };
+  },
+  InputComponent: GridFilterInputValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}, {
+  value: 'isEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value == null;
+    };
+  },
+  requiresFilterValue: false
+}, {
+  value: 'isNotEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value != null;
+    };
+  },
+  requiresFilterValue: false
+}, {
+  value: 'isAnyOf',
+  getApplyFilterFnV7: filterItem => {
+    if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
+      return null;
+    }
+    return value => {
+      return value != null && filterItem.value.includes(Number(value));
+    };
+  },
+  InputComponent: GridFilterInputMultipleValue,
+  InputComponentProps: {
+    type: 'number'
+  }
+}]);

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridSingleSelectColDef.d.ts

@@ -0,0 +1,2 @@
+import { GridSingleSelectColDef } from '../models/colDef/gridColDef';
+export declare const GRID_SINGLE_SELECT_COL_DEF: Omit<GridSingleSelectColDef, 'field'>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridSingleSelectColDef.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { renderEditSingleSelectCell } from '../components/cell/GridEditSingleSelectCell';
+import { getGridSingleSelectOperators } from './gridSingleSelectOperators';
+import { isSingleSelectColDef } from '../components/panel/filterPanel/filterPanelUtils';
+import { isObject } from '../utils/utils';
+const isArrayOfObjects = options => {
+  return typeof options[0] === 'object';
+};
+const defaultGetOptionValue = value => {
+  return isObject(value) ? value.value : value;
+};
+const defaultGetOptionLabel = value => {
+  return isObject(value) ? value.label : String(value);
+};
+export const GRID_SINGLE_SELECT_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
+  type: 'singleSelect',
+  getOptionLabel: defaultGetOptionLabel,
+  getOptionValue: defaultGetOptionValue,
+  valueFormatter(params) {
+    const {
+      id,
+      field,
+      value,
+      api
+    } = params;
+    const colDef = params.api.getColumn(field);
+    if (!isSingleSelectColDef(colDef)) {
+      return '';
+    }
+    let valueOptions;
+    if (typeof colDef.valueOptions === 'function') {
+      valueOptions = colDef.valueOptions({
+        id,
+        row: id ? api.getRow(id) : null,
+        field
+      });
+    } else {
+      valueOptions = colDef.valueOptions;
+    }
+    if (value == null) {
+      return '';
+    }
+    if (!valueOptions) {
+      return value;
+    }
+    if (!isArrayOfObjects(valueOptions)) {
+      return colDef.getOptionLabel(value);
+    }
+    const valueOption = valueOptions.find(option => colDef.getOptionValue(option) === value);
+    return valueOption ? colDef.getOptionLabel(valueOption) : '';
+  },
+  renderEditCell: renderEditSingleSelectCell,
+  filterOperators: getGridSingleSelectOperators(),
+  // @ts-ignore
+  pastedValueParser: (value, params) => {
+    const colDef = params.colDef;
+    const colDefValueOptions = colDef.valueOptions;
+    const valueOptions = typeof colDefValueOptions === 'function' ? colDefValueOptions({
+      field: colDef.field
+    }) : colDefValueOptions || [];
+    const getOptionValue = colDef.getOptionValue;
+    const valueOption = valueOptions.find(option => {
+      if (getOptionValue(option) === value) {
+        return true;
+      }
+      return false;
+    });
+    if (valueOption) {
+      return value;
+    }
+    // do not paste the value if it is not in the valueOptions
+    return undefined;
+  }
+});

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridSingleSelectOperators.d.ts

@@ -0,0 +1,2 @@
+import { GridFilterOperator } from '../models/gridFilterOperator';
+export declare const getGridSingleSelectOperators: () => GridFilterOperator[];

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridSingleSelectOperators.js

@@ -0,0 +1,39 @@
+import { GridFilterInputSingleSelect } from '../components/panel/filterPanel/GridFilterInputSingleSelect';
+import { GridFilterInputMultipleSingleSelect } from '../components/panel/filterPanel/GridFilterInputMultipleSingleSelect';
+import { isObject } from '../utils/utils';
+import { convertLegacyOperators } from './utils';
+const parseObjectValue = value => {
+  if (value == null || !isObject(value)) {
+    return value;
+  }
+  return value.value;
+};
+export const getGridSingleSelectOperators = () => convertLegacyOperators([{
+  value: 'is',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || filterItem.value === '') {
+      return null;
+    }
+    return value => parseObjectValue(value) === parseObjectValue(filterItem.value);
+  },
+  InputComponent: GridFilterInputSingleSelect
+}, {
+  value: 'not',
+  getApplyFilterFnV7: filterItem => {
+    if (filterItem.value == null || filterItem.value === '') {
+      return null;
+    }
+    return value => parseObjectValue(value) !== parseObjectValue(filterItem.value);
+  },
+  InputComponent: GridFilterInputSingleSelect
+}, {
+  value: 'isAnyOf',
+  getApplyFilterFnV7: filterItem => {
+    if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
+      return null;
+    }
+    const filterItemValues = filterItem.value.map(parseObjectValue);
+    return value => filterItemValues.includes(parseObjectValue(value));
+  },
+  InputComponent: GridFilterInputMultipleSingleSelect
+}]);

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridStringColDef.d.ts

@@ -0,0 +1,5 @@
+import { GridColTypeDef } from '../models/colDef/gridColDef';
+/**
+ * TODO: Move pro and premium properties outside of this Community file
+ */
+export declare const GRID_STRING_COL_DEF: GridColTypeDef<any, any>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridStringColDef.js

@@ -0,0 +1,29 @@
+import { renderEditInputCell } from '../components/cell/GridEditInputCell';
+import { gridStringOrNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
+import { getGridStringOperators, getGridStringQuickFilterFn } from './gridStringOperators';
+import { convertQuickFilterV7ToLegacy } from './utils';
+
+/**
+ * TODO: Move pro and premium properties outside of this Community file
+ */
+export const GRID_STRING_COL_DEF = {
+  width: 100,
+  minWidth: 50,
+  maxWidth: Infinity,
+  hideable: true,
+  sortable: true,
+  resizable: true,
+  filterable: true,
+  groupable: true,
+  pinnable: true,
+  // @ts-ignore
+  aggregable: true,
+  editable: false,
+  sortComparator: gridStringOrNumberComparator,
+  type: 'string',
+  align: 'left',
+  filterOperators: getGridStringOperators(),
+  renderEditCell: renderEditInputCell,
+  getApplyQuickFilterFn: convertQuickFilterV7ToLegacy(getGridStringQuickFilterFn),
+  getApplyQuickFilterFnV7: getGridStringQuickFilterFn
+};

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridStringOperators.d.ts

@@ -0,0 +1,4 @@
+import type { GridApplyQuickFilterV7 } from '../models/colDef/gridColDef';
+import { GridFilterOperator } from '../models/gridFilterOperator';
+export declare const getGridStringQuickFilterFn: (value: any) => GridApplyQuickFilterV7 | null;
+export declare const getGridStringOperators: (disableTrim?: boolean) => GridFilterOperator<any, number | string | null, any>[];

control-plane-ui/node_modules/@mui/x-data-grid/colDef/gridStringOperators.js

@@ -0,0 +1,106 @@
+import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
+import { escapeRegExp } from '../utils/utils';
+import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
+import { convertLegacyOperators, tagInternalFilter } from './utils';
+import { removeDiacritics } from '../hooks/features/filter/gridFilterUtils';
+export const getGridStringQuickFilterFn = tagInternalFilter(value => {
+  if (!value) {
+    return null;
+  }
+  const filterRegex = new RegExp(escapeRegExp(value), 'i');
+  return (_, row, column, apiRef) => {
+    let columnValue = apiRef.current.getRowFormattedValue(row, column);
+    if (apiRef.current.ignoreDiacritics) {
+      columnValue = removeDiacritics(columnValue);
+    }
+    return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
+  };
+});
+export const getGridStringOperators = (disableTrim = false) => convertLegacyOperators([{
+  value: 'contains',
+  getApplyFilterFnV7: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp(escapeRegExp(filterItemValue), 'i');
+    return value => {
+      return value != null ? filterRegex.test(String(value)) : false;
+    };
+  },
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'equals',
+  getApplyFilterFnV7: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const collator = new Intl.Collator(undefined, {
+      sensitivity: 'base',
+      usage: 'search'
+    });
+    return value => {
+      return value != null ? collator.compare(filterItemValue, value.toString()) === 0 : false;
+    };
+  },
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'startsWith',
+  getApplyFilterFnV7: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp(`^${escapeRegExp(filterItemValue)}.*$`, 'i');
+    return value => {
+      return value != null ? filterRegex.test(value.toString()) : false;
+    };
+  },
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'endsWith',
+  getApplyFilterFnV7: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
+    const filterRegex = new RegExp(`.*${escapeRegExp(filterItemValue)}$`, 'i');
+    return value => {
+      return value != null ? filterRegex.test(value.toString()) : false;
+    };
+  },
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'isEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value === '' || value == null;
+    };
+  },
+  requiresFilterValue: false
+}, {
+  value: 'isNotEmpty',
+  getApplyFilterFnV7: () => {
+    return value => {
+      return value !== '' && value != null;
+    };
+  },
+  requiresFilterValue: false
+}, {
+  value: 'isAnyOf',
+  getApplyFilterFnV7: filterItem => {
+    if (!Array.isArray(filterItem.value) || filterItem.value.length === 0) {
+      return null;
+    }
+    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.map(val => val.trim());
+    const collator = new Intl.Collator(undefined, {
+      sensitivity: 'base',
+      usage: 'search'
+    });
+    return value => value != null ? filterItemValue.some(filterValue => {
+      return collator.compare(filterValue, value.toString() || '') === 0;
+    }) : false;
+  },
+  InputComponent: GridFilterInputMultipleValue
+}]);

control-plane-ui/node_modules/@mui/x-data-grid/colDef/index.d.ts

@@ -0,0 +1,13 @@
+export * from './gridActionsColDef';
+export * from './gridBooleanColDef';
+export * from './gridCheckboxSelectionColDef';
+export * from './gridDateColDef';
+export * from './gridNumericColDef';
+export * from './gridSingleSelectColDef';
+export * from './gridStringColDef';
+export * from './gridBooleanOperators';
+export * from './gridDateOperators';
+export * from './gridNumericOperators';
+export * from './gridSingleSelectOperators';
+export * from './gridStringOperators';
+export * from './gridDefaultColumnTypes';

control-plane-ui/node_modules/@mui/x-data-grid/colDef/index.js

@@ -0,0 +1,13 @@
+export * from './gridActionsColDef';
+export * from './gridBooleanColDef';
+export * from './gridCheckboxSelectionColDef';
+export * from './gridDateColDef';
+export * from './gridNumericColDef';
+export * from './gridSingleSelectColDef';
+export * from './gridStringColDef';
+export * from './gridBooleanOperators';
+export * from './gridDateOperators';
+export * from './gridNumericOperators';
+export * from './gridSingleSelectOperators';
+export * from './gridStringOperators';
+export * from './gridDefaultColumnTypes';

control-plane-ui/node_modules/@mui/x-data-grid/colDef/package.json

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

control-plane-ui/node_modules/@mui/x-data-grid/colDef/utils.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { GridApiCommunity } from '../models/api/gridApiCommunity';
+import { GetApplyFilterFnV7, GetApplyFilterFnLegacy, GridFilterOperator } from '../models';
+import { GetApplyQuickFilterFnV7, GetApplyQuickFilterFnLegacy } from '../models/colDef/gridColDef';
+/**
+ * A global API ref, for v7-to-legacy converter
+ */
+export declare const GLOBAL_API_REF: {
+    current: React.MutableRefObject<GridApiCommunity> | null;
+};
+/**
+ * A tagger to determine if the filter is internal or custom user-supplied.
+ * To be a valid internal filter, the v7 function *must* be defined/redefined at
+ * the same time as the legacy one.
+ * https://github.com/mui/mui-x/pull/9254#discussion_r1231095551
+ */
+export declare function tagInternalFilter<T>(fn: T): T;
+export declare function isInternalFilter(fn: Function | undefined): boolean;
+export declare function convertFilterV7ToLegacy(fn: GetApplyFilterFnV7): GetApplyFilterFnLegacy;
+export declare function convertLegacyOperators(ops: Omit<GridFilterOperator, 'getApplyFilterFn'>[]): GridFilterOperator[];
+export declare function convertQuickFilterV7ToLegacy(fn: GetApplyQuickFilterFnV7): GetApplyQuickFilterFnLegacy<any, any, any>;

control-plane-ui/node_modules/@mui/x-data-grid/colDef/utils.js

@@ -0,0 +1,51 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+/**
+ * A global API ref, for v7-to-legacy converter
+ */
+export const GLOBAL_API_REF = {
+  current: null
+};
+
+/**
+ * A tagger to determine if the filter is internal or custom user-supplied.
+ * To be a valid internal filter, the v7 function *must* be defined/redefined at
+ * the same time as the legacy one.
+ * https://github.com/mui/mui-x/pull/9254#discussion_r1231095551
+ */
+export function tagInternalFilter(fn) {
+  fn.isInternal = true;
+  return fn;
+}
+export function isInternalFilter(fn) {
+  return fn !== undefined && fn.isInternal === true;
+}
+export function convertFilterV7ToLegacy(fn) {
+  return tagInternalFilter((filterItem, column) => {
+    const filterFn = fn(filterItem, column);
+    if (!filterFn) {
+      return filterFn;
+    }
+    return cellParams => {
+      return filterFn(cellParams.value, cellParams.row, column, GLOBAL_API_REF.current);
+    };
+  });
+}
+export function convertLegacyOperators(ops) {
+  return ops.map(op => {
+    return _extends({}, op, {
+      getApplyFilterFn: convertFilterV7ToLegacy(op.getApplyFilterFnV7),
+      getApplyFilterFnV7: tagInternalFilter(op.getApplyFilterFnV7)
+    });
+  });
+}
+export function convertQuickFilterV7ToLegacy(fn) {
+  return tagInternalFilter((filterItem, column, apiRef) => {
+    const filterFn = fn(filterItem, column, apiRef);
+    if (!filterFn) {
+      return filterFn;
+    }
+    return cellParams => {
+      return filterFn(cellParams.value, cellParams.row, column, apiRef);
+    };
+  });
+}