@redsift/table 12.3.1-muiv6-alpha.4 → 12.4.0-muiv7

package/_internal/BasePopper.js

@@ -1,11 +1,91 @@
-import { a as _objectWithoutProperties, b as _extends$1 } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import React__default, { forwardRef } from 'react';
 import { ButtonsColorPalette, IconButton, Button, Checkbox, Icon } from '@redsift/design-system';
 import { mdiFilterVariant, mdiViewColumn, mdiArrowUp, mdiArrowDown, mdiViewHeadline, mdiViewSequential, mdiViewStream, mdiChevronDown, mdiChevronRight, mdiTrayArrowDown } from '@redsift/icons';
-import { f as generateUtilityClass, g as generateUtilityClasses, _ as _objectWithoutPropertiesLoose, o as ownerDocument, n as Portal, a as _extends, p as chainPropTypes, P as PropTypes, H as HTMLElementType, m as refType, q as useForkRef, t as useEnhancedEffect, v as useSlotProps, l as composeClasses, w as useClassNamesOverride, h as styled, x as useTheme, j as useThemeProps } from './Portal.js';
+import { e as generateUtilityClass, g as generateUtilityClasses, o as ownerDocument, k as Portal, l as chainPropTypes, P as PropTypes, H as HTMLElementType, j as refType, m as useForkRef, n as useEnhancedEffect, p as useSlotProps, h as composeClasses, f as styled, q as useRtl, u as useDefaultProps } from './Portal.js';
 import { j as jsxRuntimeExports } from './jsx-runtime.js';
 
+const _excluded$2 = ["children", "color", "onClick", "startIcon"];
+const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
+  var _props$className;
+  const {
+      children,
+      color: propsColor,
+      onClick,
+      startIcon
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
+  const color = Object.keys(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
+  if ((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('redsift-condensed')) {
+    return /*#__PURE__*/React__default.createElement(IconButton, _extends({}, forwardedProps, {
+      color: color,
+      onClick: onClick,
+      ref: ref,
+      variant: "unstyled",
+      isActive: props['aria-expanded'] === 'true',
+      icon: typeof startIcon !== 'string' ? /*#__PURE__*/React__default.cloneElement(startIcon, {
+        fontSize: 'medium'
+      }) : startIcon,
+      "aria-label": children,
+      size: "medium"
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Button, _extends({}, forwardedProps, {
+    color: color,
+    onClick: onClick,
+    ref: ref,
+    variant: "unstyled",
+    isActive: props['aria-expanded'] === 'true',
+    leftIcon: startIcon
+  }), children);
+});
+
+const _excluded$1 = ["checked", "indeterminate", "disabled", "onChange", "touchRippleRef"];
+const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      checked,
+      indeterminate,
+      disabled,
+      onChange,
+      touchRippleRef: _touchRippleRef
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded$1);
+  return /*#__PURE__*/React__default.createElement(Checkbox, _extends({}, forwardedProps, forwardedProps.inputProps, {
+    isSelected: checked && !indeterminate,
+    isDisabled: disabled,
+    isIndeterminate: indeterminate,
+    ref: ref,
+    onChange: (isChecked, value, name, event) => onChange(event)
+  }));
+});
+
+const _excluded = ["displayName"];
+const muiIconToDSIcon = {
+  columnFilteredIcon: mdiFilterVariant,
+  columnSelectorIcon: mdiViewColumn,
+  columnSortedAscendingIcon: mdiArrowUp,
+  columnSortedDescendingIcon: mdiArrowDown,
+  densityCompactIcon: mdiViewHeadline,
+  densityStandardIcon: mdiViewSequential,
+  densityComfortableIcon: mdiViewStream,
+  detailPanelCollapseIcon: mdiChevronDown,
+  detailPanelExpandIcon: mdiChevronRight,
+  exportIcon: mdiTrayArrowDown,
+  openFilterButtonIcon: mdiFilterVariant
+};
+const BaseIcon = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      displayName
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React__default.createElement(Icon, _extends({}, forwardedProps, forwardedProps.inputProps, {
+    ref: ref,
+    size: forwardedProps.fontSize,
+    icon: muiIconToDSIcon[displayName]
+  }));
+});
+
 var top = 'top';
 var bottom = 'bottom';
 var right = 'right';
@@ -1802,8 +1882,6 @@ function getPopperUtilityClass(slot) {
 }
 generateUtilityClasses('MuiPopper', ['root']);
 
-const _excluded$4 = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "slotProps", "slots", "TransitionProps", "ownerState"],
-  _excluded2 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition", "slotProps", "slots"];
 function flipPlacement(placement, direction) {
   if (direction === 'ltr') {
     return placement;
@@ -1830,32 +1908,35 @@ function isHTMLElement(element) {
 function isVirtualElement(element) {
   return !isHTMLElement(element);
 }
-const useUtilityClasses = () => {
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, useClassNamesOverride(getPopperUtilityClass));
+  return composeClasses(slots, getPopperUtilityClass, classes);
 };
 const defaultPopperOptions = {};
 const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props, forwardedRef) {
-  var _slots$root;
   const {
-      anchorEl,
-      children,
-      direction,
-      disablePortal,
-      modifiers,
-      open,
-      placement: initialPlacement,
-      popperOptions,
-      popperRef: popperRefProp,
-      slotProps = {},
-      slots = {},
-      TransitionProps
-      // @ts-ignore internal logic
-      // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$4);
+    anchorEl,
+    children,
+    direction,
+    disablePortal,
+    modifiers,
+    open,
+    placement: initialPlacement,
+    popperOptions,
+    popperRef: popperRefProp,
+    slotProps = {},
+    slots = {},
+    TransitionProps,
+    // @ts-ignore internal logic
+    ownerState: ownerStateProp,
+    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
+    ...other
+  } = props;
   const tooltipRef = React.useRef(null);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
   const popperRef = React.useRef(null);
@@ -1923,11 +2004,11 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     if (popperOptions && popperOptions.modifiers != null) {
       popperModifiers = popperModifiers.concat(popperOptions.modifiers);
     }
-    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, _extends({
-      placement: rtlPlacement
-    }, popperOptions, {
+    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, {
+      placement: rtlPlacement,
+      ...popperOptions,
       modifiers: popperModifiers
-    }));
+    });
     handlePopperRefRef.current(popper);
     return () => {
       popper.destroy();
@@ -1940,8 +2021,8 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses();
-  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
+  const classes = useUtilityClasses(props);
+  const Root = slots.root ?? 'div';
   const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps.root,
@@ -1953,41 +2034,34 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     ownerState: props,
     className: classes.root
   });
-  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, _extends({}, rootProps, {
+  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, {
+    ...rootProps,
     children: typeof children === 'function' ? children(childProps) : children
-  }));
+  });
 });
 
 /**
- * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning.
- *
- * Demos:
- *
- * - [Popper](https://mui.com/base/react-popper/)
- *
- * API:
- *
- * - [Popper API](https://mui.com/base/react-popper/components-api/#popper)
+ * @ignore - internal component.
  */
 const Popper$2 = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedRef) {
   const {
-      anchorEl,
-      children,
-      container: containerProp,
-      direction = 'ltr',
-      disablePortal = false,
-      keepMounted = false,
-      modifiers,
-      open,
-      placement = 'bottom',
-      popperOptions = defaultPopperOptions,
-      popperRef,
-      style,
-      transition = false,
-      slotProps = {},
-      slots = {}
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
+    anchorEl,
+    children,
+    container: containerProp,
+    direction = 'ltr',
+    disablePortal = false,
+    keepMounted = false,
+    modifiers,
+    open,
+    placement = 'bottom',
+    popperOptions = defaultPopperOptions,
+    popperRef,
+    style,
+    transition = false,
+    slotProps = {},
+    slots = {},
+    ...other
+  } = props;
   const [exited, setExited] = React.useState(true);
   const handleEnter = () => {
     setExited(false);
@@ -2018,7 +2092,7 @@ const Popper$2 = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedR
   return /*#__PURE__*/jsxRuntimeExports.jsx(Portal, {
     disablePortal: disablePortal,
     container: container,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(PopperTooltip, _extends({
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(PopperTooltip, {
       anchorEl: anchorEl,
       direction: direction,
       disablePortal: disablePortal,
@@ -2029,26 +2103,27 @@ const Popper$2 = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedR
       popperOptions: popperOptions,
       popperRef: popperRef,
       slotProps: slotProps,
-      slots: slots
-    }, other, {
-      style: _extends({
+      slots: slots,
+      ...other,
+      style: {
         // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
         position: 'fixed',
         // Fix Popper.js display issue
         top: 0,
         left: 0,
-        display
-      }, style),
+        display,
+        ...style
+      },
       TransitionProps: transitionProps,
       children: children
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" ? Popper$2.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -2077,6 +2152,9 @@ process.env.NODE_ENV !== "production" ? Popper$2.propTypes /* remove-proptypes *
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
@@ -2164,86 +2242,6 @@ process.env.NODE_ENV !== "production" ? Popper$2.propTypes /* remove-proptypes *
 } : void 0;
 var BasePopper$1 = Popper$2;
 
-const _excluded$3 = ["children", "color", "onClick", "startIcon"];
-const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
-  var _props$className;
-  const {
-      children,
-      color: propsColor,
-      onClick,
-      startIcon
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$3);
-  const color = Object.keys(ButtonsColorPalette).includes(propsColor) ? propsColor : 'primary';
-  if ((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('redsift-condensed')) {
-    return /*#__PURE__*/React__default.createElement(IconButton, _extends$1({}, forwardedProps, {
-      color: color,
-      onClick: onClick,
-      ref: ref,
-      variant: "unstyled",
-      isActive: props['aria-expanded'] === 'true',
-      icon: typeof startIcon !== 'string' ? /*#__PURE__*/React__default.cloneElement(startIcon, {
-        fontSize: 'medium'
-      }) : startIcon,
-      "aria-label": children,
-      size: "medium"
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(Button, _extends$1({}, forwardedProps, {
-    color: color,
-    onClick: onClick,
-    ref: ref,
-    variant: "unstyled",
-    isActive: props['aria-expanded'] === 'true',
-    leftIcon: startIcon
-  }), children);
-});
-
-const _excluded$2 = ["checked", "indeterminate", "disabled", "onChange"];
-const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      checked,
-      indeterminate,
-      disabled,
-      onChange
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$2);
-  return /*#__PURE__*/React__default.createElement(Checkbox, _extends$1({}, forwardedProps, forwardedProps.inputProps, {
-    isSelected: checked && !indeterminate,
-    isDisabled: disabled,
-    isIndeterminate: indeterminate,
-    ref: ref,
-    onChange: (isChecked, value, name, event) => onChange(event)
-  }));
-});
-
-const _excluded$1 = ["displayName"];
-const muiIconToDSIcon = {
-  ColumnFilteredIcon: mdiFilterVariant,
-  ColumnSelectorIcon: mdiViewColumn,
-  ColumnSortedAscendingIcon: mdiArrowUp,
-  ColumnSortedDescendingIcon: mdiArrowDown,
-  DensityCompactIcon: mdiViewHeadline,
-  DensityStandardIcon: mdiViewSequential,
-  DensityComfortableIcon: mdiViewStream,
-  DetailPanelCollapseIcon: mdiChevronDown,
-  DetailPanelExpandIcon: mdiChevronRight,
-  ExportIcon: mdiTrayArrowDown,
-  OpenFilterButtonIcon: mdiFilterVariant
-};
-const BaseIcon = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      displayName
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(Icon, _extends$1({}, forwardedProps, forwardedProps.inputProps, {
-    ref: ref,
-    size: forwardedProps.fontSize,
-    icon: muiIconToDSIcon[displayName]
-  }));
-});
-
-const _excluded = ["anchorEl", "component", "components", "componentsProps", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "transition", "slots", "slotProps"];
 const PopperRoot = styled(BasePopper$1, {
   name: 'MuiPopper',
   slot: 'Root',
@@ -2254,41 +2252,40 @@ const PopperRoot = styled(BasePopper$1, {
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
- * - [Popper](https://mui.com/material-ui/react-popper/)
+ * - [Autocomplete](https://v6.mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://v6.mui.com/material-ui/react-menu/)
+ * - [Popper](https://v6.mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://mui.com/material-ui/api/popper/)
+ * - [Popper API](https://v6.mui.com/material-ui/api/popper/)
  */
 const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
-  var _slots$root;
-  const theme = useTheme();
-  const props = useThemeProps({
+  const isRtl = useRtl();
+  const props = useDefaultProps({
     props: inProps,
     name: 'MuiPopper'
   });
   const {
-      anchorEl,
-      component,
-      components,
-      componentsProps,
-      container,
-      disablePortal,
-      keepMounted,
-      modifiers,
-      open,
-      placement,
-      popperOptions,
-      popperRef,
-      transition,
-      slots,
-      slotProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const RootComponent = (_slots$root = slots == null ? void 0 : slots.root) != null ? _slots$root : components == null ? void 0 : components.Root;
-  const otherProps = _extends({
+    anchorEl,
+    component,
+    components,
+    componentsProps,
+    container,
+    disablePortal,
+    keepMounted,
+    modifiers,
+    open,
+    placement,
+    popperOptions,
+    popperRef,
+    transition,
+    slots,
+    slotProps,
+    ...other
+  } = props;
+  const RootComponent = slots?.root ?? components?.Root;
+  const otherProps = {
     anchorEl,
     container,
     disablePortal,
@@ -2298,24 +2295,25 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     placement,
     popperOptions,
     popperRef,
-    transition
-  }, other);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(PopperRoot, _extends({
+    transition,
+    ...other
+  };
+  return /*#__PURE__*/jsxRuntimeExports.jsx(PopperRoot, {
     as: component,
-    direction: theme == null ? void 0 : theme.direction,
+    direction: isRtl ? 'rtl' : 'ltr',
     slots: {
       root: RootComponent
     },
-    slotProps: slotProps != null ? slotProps : componentsProps
-  }, otherProps, {
+    slotProps: slotProps ?? componentsProps,
+    ...otherProps,
     ref: ref
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -2335,6 +2333,8 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
   /**
    * The components used for each slot inside the Popper.
    * Either a string to use a HTML element or a component.
+   *
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
   components: PropTypes.shape({
@@ -2342,6 +2342,8 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
   }),
   /**
    * The props used for each slot inside the Popper.
+   *
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
    * @default {}
    */
   componentsProps: PropTypes.shape({
@@ -2351,6 +2353,9 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
@@ -2438,7 +2443,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
 var Popper$1 = Popper;
 
 const BasePopper = /*#__PURE__*/forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(Popper$1, _extends$1({}, props, {
+  return /*#__PURE__*/React__default.createElement(Popper$1, _extends({}, props, {
     ref: ref,
     container: () => document.getElementById('redsift-app-container')
   }));