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

package/modern/material/index.js

@@ -1,665 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["id", "label", "labelId", "material", "disabled", "slotProps", "onChange", "onKeyDown", "onOpen", "onClose", "size", "style", "fullWidth"],
-  _excluded2 = ["onRowsPerPageChange", "material", "disabled"],
-  _excluded3 = ["material"],
-  _excluded4 = ["autoFocus", "label", "fullWidth", "slotProps", "className", "material"],
-  _excluded5 = ["material"],
-  _excluded6 = ["material"],
-  _excluded7 = ["material"],
-  _excluded8 = ["material"],
-  _excluded9 = ["material"],
-  _excluded10 = ["material"],
-  _excluded11 = ["material"],
-  _excluded12 = ["material"],
-  _excluded13 = ["material"],
-  _excluded14 = ["inert", "iconStart", "iconEnd", "children"],
-  _excluded15 = ["slotProps", "material"],
-  _excluded16 = ["id", "multiple", "freeSolo", "options", "getOptionLabel", "isOptionEqualToValue", "value", "onChange", "label", "placeholder", "slotProps", "material"],
-  _excluded17 = ["key"],
-  _excluded18 = ["inputProps", "InputProps", "InputLabelProps"],
-  _excluded19 = ["slotProps", "material"],
-  _excluded20 = ["ref", "open", "children", "className", "clickAwayTouchEvent", "clickAwayMouseEvent", "flip", "focusTrap", "onExited", "onClickAway", "onDidShow", "onDidHide", "id", "target", "transition", "placement", "material"],
-  _excluded21 = ["native"];
-import * as React from 'react';
-import clsx from 'clsx';
-import useForkRef from '@mui/utils/useForkRef';
-import useEventCallback from '@mui/utils/useEventCallback';
-import { styled } from '@mui/material/styles';
-import MUIAutocomplete from '@mui/material/Autocomplete';
-import MUIBadge from '@mui/material/Badge';
-import MUICheckbox from '@mui/material/Checkbox';
-import MUIChip from '@mui/material/Chip';
-import MUICircularProgress from '@mui/material/CircularProgress';
-import MUIDivider from '@mui/material/Divider';
-import MUIInputBase from '@mui/material/InputBase';
-import MUIFocusTrap from '@mui/material/Unstable_TrapFocus';
-import MUILinearProgress from '@mui/material/LinearProgress';
-import MUIListItemIcon from '@mui/material/ListItemIcon';
-import MUIListItemText from '@mui/material/ListItemText';
-import MUIMenuList from '@mui/material/MenuList';
-import MUIMenuItem from '@mui/material/MenuItem';
-import MUITextField from '@mui/material/TextField';
-import MUIFormControl from '@mui/material/FormControl';
-import MUIFormControlLabel, { formControlLabelClasses } from '@mui/material/FormControlLabel';
-import MUISelect from '@mui/material/Select';
-import MUISwitch from '@mui/material/Switch';
-import MUIButton from '@mui/material/Button';
-import MUIIconButton, { iconButtonClasses } from '@mui/material/IconButton';
-import MUIInputAdornment, { inputAdornmentClasses } from '@mui/material/InputAdornment';
-import MUITooltip from '@mui/material/Tooltip';
-import MUIPagination, { tablePaginationClasses } from '@mui/material/TablePagination';
-import MUIPopper from '@mui/material/Popper';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
-import MUIGrow from '@mui/material/Grow';
-import MUIPaper from '@mui/material/Paper';
-import MUIInputLabel from '@mui/material/InputLabel';
-import MUISkeleton from '@mui/material/Skeleton';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridColumnUnsortedIcon } from "./icons/GridColumnUnsortedIcon.js";
-import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon, GridDownloadIcon } from "./icons/index.js";
-import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
-import "./augmentation.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export { useMaterialCSSVariables } from "./variables.js";
-
-/* eslint-disable material-ui/disallow-react-api-in-server-components */
-
-const InputAdornment = styled(MUIInputAdornment)({
-  [`&.${inputAdornmentClasses.positionEnd} .${iconButtonClasses.sizeSmall}`]: {
-    marginRight: '-7px'
-  }
-});
-const FormControlLabel = styled(MUIFormControlLabel, {
-  shouldForwardProp: prop => prop !== 'fullWidth'
-})(({
-  theme
-}) => ({
-  gap: theme.spacing(0.5),
-  margin: 0,
-  [`& .${formControlLabelClasses.label}`]: {
-    fontSize: theme.typography.pxToRem(14)
-  },
-  variants: [{
-    props: {
-      fullWidth: true
-    },
-    style: {
-      width: '100%'
-    }
-  }]
-}));
-const Checkbox = styled(MUICheckbox, {
-  shouldForwardProp: prop => prop !== 'density'
-})(({
-  theme
-}) => ({
-  variants: [{
-    props: {
-      density: 'compact'
-    },
-    style: {
-      padding: theme.spacing(0.5)
-    }
-  }]
-}));
-const BaseSelect = forwardRef(function BaseSelect(props, ref) {
-  const {
-      id,
-      label,
-      labelId,
-      material,
-      disabled,
-      slotProps,
-      onChange,
-      onKeyDown,
-      onOpen,
-      onClose,
-      size,
-      style,
-      fullWidth
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  const menuProps = {
-    PaperProps: {
-      onKeyDown
-    }
-  };
-  if (onClose) {
-    menuProps.onClose = onClose;
-  }
-  return /*#__PURE__*/_jsxs(MUIFormControl, {
-    size: size,
-    fullWidth: fullWidth,
-    style: style,
-    disabled: disabled,
-    ref: ref,
-    children: [/*#__PURE__*/_jsx(MUIInputLabel, {
-      id: labelId,
-      htmlFor: id,
-      shrink: true,
-      variant: "outlined",
-      children: label
-    }), /*#__PURE__*/_jsx(MUISelect, _extends({
-      id: id,
-      labelId: labelId,
-      label: label,
-      displayEmpty: true,
-      onChange: onChange
-    }, rest, {
-      variant: "outlined",
-      notched: true,
-      inputProps: slotProps?.htmlInput,
-      onOpen: onOpen,
-      MenuProps: menuProps,
-      size: size
-    }, material))]
-  });
-});
-const StyledPagination = styled(MUIPagination)(({
-  theme
-}) => ({
-  [`& .${tablePaginationClasses.selectLabel}`]: {
-    display: 'none',
-    [theme.breakpoints.up('sm')]: {
-      display: 'block'
-    }
-  },
-  [`& .${tablePaginationClasses.input}`]: {
-    display: 'none',
-    [theme.breakpoints.up('sm')]: {
-      display: 'inline-flex'
-    }
-  }
-}));
-const BasePagination = forwardRef(function BasePagination(props, ref) {
-  const {
-      onRowsPerPageChange,
-      material,
-      disabled
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded2);
-  const computedProps = React.useMemo(() => {
-    if (!disabled) {
-      return undefined;
-    }
-    return {
-      backIconButtonProps: {
-        disabled: true
-      },
-      nextIconButtonProps: {
-        disabled: true
-      }
-    };
-  }, [disabled]);
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const {
-    estimatedRowCount
-  } = rootProps;
-  return /*#__PURE__*/_jsx(StyledPagination, _extends({
-    component: "div",
-    onRowsPerPageChange: useEventCallback(event => {
-      onRowsPerPageChange?.(Number(event.target.value));
-    }),
-    labelRowsPerPage: apiRef.current.getLocaleText('paginationRowsPerPage'),
-    labelDisplayedRows: params => apiRef.current.getLocaleText('paginationDisplayedRows')(_extends({}, params, {
-      estimated: estimatedRowCount
-    })),
-    getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, material, {
-    ref: ref
-  }));
-});
-const BaseBadge = forwardRef(function BaseBadge(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded3);
-  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseCheckbox = forwardRef(function BaseCheckbox(props, ref) {
-  const {
-      autoFocus,
-      label,
-      fullWidth,
-      slotProps,
-      className,
-      material
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded4);
-  const elementRef = React.useRef(null);
-  const handleRef = useForkRef(elementRef, ref);
-  const rippleRef = React.useRef(null);
-  React.useEffect(() => {
-    if (autoFocus) {
-      const input = elementRef.current?.querySelector('input');
-      input?.focus({
-        preventScroll: true
-      });
-    } else if (autoFocus === false && rippleRef.current) {
-      // Only available in @mui/material v5.4.1 or later
-      // @ts-ignore
-      rippleRef.current.stop({});
-    }
-  }, [autoFocus]);
-  if (!label) {
-    return /*#__PURE__*/_jsx(Checkbox, _extends({}, other, material, {
-      className: clsx(className, material?.className),
-      inputProps: slotProps?.htmlInput,
-      ref: handleRef,
-      touchRippleRef: rippleRef
-    }));
-  }
-  return /*#__PURE__*/_jsx(FormControlLabel, {
-    className: className,
-    control: /*#__PURE__*/_jsx(Checkbox, _extends({}, other, material, {
-      inputProps: slotProps?.htmlInput,
-      ref: handleRef,
-      touchRippleRef: rippleRef
-    })),
-    label: label,
-    fullWidth: fullWidth
-  });
-});
-const BaseCircularProgress = forwardRef(function BaseCircularProgress(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded5);
-  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseDivider = forwardRef(function BaseDivider(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded6);
-  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseLinearProgress = forwardRef(function BaseLinearProgress(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded7);
-  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseButton = forwardRef(function BaseButton(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded8);
-  return /*#__PURE__*/_jsx(MUIButton, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded9);
-  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded10);
-  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded11);
-  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded12);
-  return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
-  const {
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded13);
-  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
-    ref: ref
-  }));
-});
-function BaseMenuItem(props) {
-  const {
-      inert,
-      iconStart,
-      iconEnd,
-      children
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded14);
-  if (inert) {
-    other.disableRipple = true;
-  }
-  return /*#__PURE__*/React.createElement(MUIMenuItem, other, [iconStart && /*#__PURE__*/_jsx(MUIListItemIcon, {
-    children: iconStart
-  }, "1"), /*#__PURE__*/_jsx(MUIListItemText, {
-    children: children
-  }, "2"), iconEnd && /*#__PURE__*/_jsx(MUIListItemIcon, {
-    children: iconEnd
-  }, "3")]);
-}
-function BaseTextField(props) {
-  // MaterialUI v5 doesn't support slotProps, until we drop v5 support we need to
-  // translate the pattern.
-  const {
-      slotProps,
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded15);
-  return /*#__PURE__*/_jsx(MUITextField, _extends({
-    variant: "outlined"
-  }, rest, material, {
-    inputProps: slotProps?.htmlInput,
-    InputProps: transformInputProps(slotProps?.input),
-    InputLabelProps: _extends({
-      shrink: true
-    }, slotProps?.inputLabel)
-  }));
-}
-function BaseAutocomplete(props) {
-  const rootProps = useGridRootProps();
-  const {
-      id,
-      multiple,
-      freeSolo,
-      options,
-      getOptionLabel,
-      isOptionEqualToValue,
-      value,
-      onChange,
-      label,
-      placeholder,
-      slotProps,
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded16);
-  return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
-    id: id,
-    multiple: multiple,
-    freeSolo: freeSolo,
-    options: options,
-    getOptionLabel: getOptionLabel,
-    isOptionEqualToValue: isOptionEqualToValue,
-    value: value,
-    onChange: onChange,
-    renderTags: (currentValue, getTagProps) => currentValue.map((option, index) => {
-      const _getTagProps = getTagProps({
-          index
-        }),
-        {
-          key
-        } = _getTagProps,
-        tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded17);
-      return /*#__PURE__*/_jsx(MUIChip, _extends({
-        variant: "outlined",
-        size: "small",
-        label: typeof option === 'string' ? option : getOptionLabel?.(option)
-      }, tagProps), key);
-    }),
-    renderInput: params => {
-      const {
-          inputProps,
-          InputProps,
-          InputLabelProps
-        } = params,
-        inputRest = _objectWithoutPropertiesLoose(params, _excluded18);
-      return /*#__PURE__*/_jsx(MUITextField, _extends({}, inputRest, {
-        label: label,
-        placeholder: placeholder,
-        inputProps: inputProps,
-        InputProps: transformInputProps(InputProps, false),
-        InputLabelProps: _extends({
-          shrink: true
-        }, InputLabelProps)
-      }, slotProps?.textField, rootProps.slotProps?.baseTextField));
-    }
-  }, rest, material));
-}
-function BaseInput(props) {
-  return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, transformInputProps(props)));
-}
-function transformInputProps(props, wrapAdornments = true) {
-  if (!props) {
-    return undefined;
-  }
-  const {
-      slotProps,
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded19);
-  const result = rest;
-  if (wrapAdornments) {
-    if (result.startAdornment) {
-      result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
-        position: "start",
-        children: result.startAdornment
-      });
-    }
-    if (result.endAdornment) {
-      result.endAdornment = /*#__PURE__*/_jsx(InputAdornment, {
-        position: "end",
-        children: result.endAdornment
-      });
-    }
-  }
-  for (const k in material) {
-    if (Object.hasOwn(material, k)) {
-      result[k] = material[k];
-    }
-  }
-  if (slotProps?.htmlInput) {
-    if (result.inputProps) {
-      result.inputProps = _extends({}, result.inputProps, slotProps?.htmlInput);
-    } else {
-      result.inputProps = slotProps?.htmlInput;
-    }
-  }
-  return result;
-}
-const transformOrigin = {
-  'bottom-start': 'top left',
-  'bottom-end': 'top right'
-};
-function BasePopper(props) {
-  const {
-      open,
-      children,
-      className,
-      flip,
-      onExited,
-      onDidShow,
-      onDidHide,
-      id,
-      target,
-      transition,
-      placement,
-      material
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded20);
-  const modifiers = React.useMemo(() => {
-    const result = [];
-    if (flip) {
-      result.push({
-        name: 'flip',
-        enabled: true,
-        options: {
-          rootBoundary: 'document'
-        }
-      });
-    }
-    if (onDidShow || onDidHide) {
-      result.push({
-        name: 'isPlaced',
-        enabled: true,
-        phase: 'main',
-        fn: () => {
-          onDidShow?.();
-        },
-        effect: () => () => {
-          onDidHide?.();
-        }
-      });
-    }
-    return result;
-  }, [flip, onDidShow, onDidHide]);
-  let content;
-  if (!transition) {
-    content = wrappers(props, children);
-  } else {
-    const handleExited = popperOnExited => node => {
-      if (popperOnExited) {
-        popperOnExited();
-      }
-      if (onExited) {
-        onExited(node);
-      }
-    };
-    content = p => wrappers(props, /*#__PURE__*/_jsx(MUIGrow, _extends({}, p.TransitionProps, {
-      style: {
-        transformOrigin: transformOrigin[p.placement]
-      },
-      onExited: handleExited(p.TransitionProps?.onExited),
-      children: /*#__PURE__*/_jsx(MUIPaper, {
-        children: children
-      })
-    })));
-  }
-  return /*#__PURE__*/_jsx(MUIPopper, _extends({
-    id: id,
-    className: className,
-    open: open,
-    anchorEl: target,
-    transition: transition,
-    placement: placement,
-    modifiers: modifiers
-  }, rest, material, {
-    children: content
-  }));
-}
-function wrappers(props, content) {
-  return focusTrapWrapper(props, clickAwayWrapper(props, content));
-}
-function clickAwayWrapper(props, content) {
-  if (props.onClickAway === undefined) {
-    return content;
-  }
-  return /*#__PURE__*/_jsx(ClickAwayListener, {
-    onClickAway: props.onClickAway,
-    touchEvent: props.clickAwayTouchEvent,
-    mouseEvent: props.clickAwayMouseEvent,
-    children: content
-  });
-}
-function focusTrapWrapper(props, content) {
-  if (props.focusTrap === undefined) {
-    return content;
-  }
-  return /*#__PURE__*/_jsx(MUIFocusTrap, {
-    open: true,
-    disableEnforceFocus: true,
-    disableAutoFocus: true,
-    children: /*#__PURE__*/_jsx("div", {
-      tabIndex: -1,
-      children: content
-    })
-  });
-}
-function BaseSelectOption(_ref) {
-  let {
-      native
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded21);
-  if (native) {
-    return /*#__PURE__*/_jsx("option", _extends({}, props));
-  }
-  return /*#__PURE__*/_jsx(MUIMenuItem, _extends({}, props));
-}
-const iconSlots = {
-  booleanCellTrueIcon: GridCheckIcon,
-  booleanCellFalseIcon: GridCloseIcon,
-  columnMenuIcon: GridTripleDotsVerticalIcon,
-  openFilterButtonIcon: GridFilterListIcon,
-  filterPanelDeleteIcon: GridCloseIcon,
-  columnFilteredIcon: GridFilterAltIcon,
-  columnSelectorIcon: GridColumnIcon,
-  columnUnsortedIcon: GridColumnUnsortedIcon,
-  columnSortedAscendingIcon: GridArrowUpwardIcon,
-  columnSortedDescendingIcon: GridArrowDownwardIcon,
-  columnResizeIcon: GridSeparatorIcon,
-  densityCompactIcon: GridViewHeadlineIcon,
-  densityStandardIcon: GridTableRowsIcon,
-  densityComfortableIcon: GridViewStreamIcon,
-  exportIcon: GridDownloadIcon,
-  moreActionsIcon: GridMoreVertIcon,
-  treeDataCollapseIcon: GridExpandMoreIcon,
-  treeDataExpandIcon: GridKeyboardArrowRight,
-  groupingCriteriaCollapseIcon: GridExpandMoreIcon,
-  groupingCriteriaExpandIcon: GridKeyboardArrowRight,
-  detailPanelExpandIcon: GridAddIcon,
-  detailPanelCollapseIcon: GridRemoveIcon,
-  rowReorderIcon: GridDragIcon,
-  quickFilterIcon: GridSearchIcon,
-  quickFilterClearIcon: GridClearIcon,
-  columnMenuHideIcon: GridVisibilityOffIcon,
-  columnMenuSortAscendingIcon: GridArrowUpwardIcon,
-  columnMenuSortDescendingIcon: GridArrowDownwardIcon,
-  columnMenuUnsortIcon: null,
-  columnMenuFilterIcon: GridFilterAltIcon,
-  columnMenuManageColumnsIcon: GridViewColumnIcon,
-  columnMenuClearIcon: GridClearIcon,
-  loadIcon: GridLoadIcon,
-  filterPanelAddIcon: GridAddIcon,
-  filterPanelRemoveAllIcon: GridDeleteForeverIcon,
-  columnReorderIcon: GridDragIcon,
-  menuItemCheckIcon: GridCheckIcon
-};
-const baseSlots = {
-  baseAutocomplete: BaseAutocomplete,
-  baseBadge: BaseBadge,
-  baseCheckbox: BaseCheckbox,
-  baseCircularProgress: BaseCircularProgress,
-  baseDivider: BaseDivider,
-  baseInput: BaseInput,
-  baseLinearProgress: BaseLinearProgress,
-  baseMenuList: BaseMenuList,
-  baseMenuItem: BaseMenuItem,
-  baseTextField: BaseTextField,
-  baseButton: BaseButton,
-  baseIconButton: BaseIconButton,
-  baseTooltip: BaseTooltip,
-  basePagination: BasePagination,
-  basePopper: BasePopper,
-  baseSelect: BaseSelect,
-  baseSelectOption: BaseSelectOption,
-  baseSkeleton: BaseSkeleton,
-  baseSwitch: BaseSwitch
-};
-const materialSlots = _extends({}, baseSlots, iconSlots);
-export default materialSlots;

package/modern/material/variables.d.ts

@@ -1,5 +0,0 @@
-import { type GridCSSVariablesInterface } from "../constants/cssVariables.js";
-export declare function useMaterialCSSVariables(): {
-  id: string;
-  variables: GridCSSVariablesInterface;
-};