@redsift/table 12.5.3-muiv6 → 12.5.3-muiv7

package/_internal/BasePopper.js

@@ -1,12 +1,12 @@
 import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
-import * as React$1 from 'react';
+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 { m as require$$1, d as generateUtilityClass, g as generateUtilityClasses, i as _objectWithoutPropertiesLoose, o as ownerDocument, n as Portal, h as _extends$1, p as chainPropTypes, P as PropTypes, H as HTMLElementType, l as refType, q as useForkRef, t as useEnhancedEffect, v as useSlotProps, k as composeClasses, f as styled, u as useDefaultProps } 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$4 = ["children", "color", "onClick", "startIcon"];
+const _excluded$2 = ["children", "color", "onClick", "startIcon"];
 const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
   var _props$className;
   const {
@@ -15,7 +15,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
       onClick,
       startIcon
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$4);
+    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, {
@@ -41,7 +41,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, ref) => {
   }), children);
 });
 
-const _excluded$3 = ["checked", "indeterminate", "disabled", "onChange", "touchRippleRef"];
+const _excluded$1 = ["checked", "indeterminate", "disabled", "onChange", "touchRippleRef"];
 const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
   const {
       checked,
@@ -50,35 +50,35 @@ const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
       onChange,
       touchRippleRef: _touchRippleRef
     } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded$3);
+    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)
+    onChange: (isChecked, value, name, event) => onChange === null || onChange === void 0 ? void 0 : onChange(event)
   }));
 });
 
-const _excluded$2 = ["displayName"];
+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
+  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$2);
+    forwardedProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React__default.createElement(Icon, _extends({}, forwardedProps, forwardedProps.inputProps, {
     ref: ref,
     size: forwardedProps.fontSize,
@@ -86,25 +86,6 @@ const BaseIcon = /*#__PURE__*/forwardRef((props, ref) => {
   }));
 });
 
-var useThemeWithoutDefault = {};
-
-Object.defineProperty(useThemeWithoutDefault, "__esModule", {
-  value: true
-});
-var default_1 = useThemeWithoutDefault.default = void 0;
-var React = _interopRequireWildcard(React__default);
-var _styledEngine = require$$1;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function isObjectEmpty(obj) {
-  return Object.keys(obj).length === 0;
-}
-function useTheme(defaultTheme = null) {
-  const contextTheme = React.useContext(_styledEngine.ThemeContext);
-  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
-}
-default_1 = useThemeWithoutDefault.default = useTheme;
-
 var top = 'top';
 var bottom = 'bottom';
 var right = 'right';
@@ -1901,8 +1882,6 @@ function getPopperUtilityClass(slot) {
 }
 generateUtilityClasses('MuiPopper', ['root']);
 
-const _excluded$1 = ["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;
@@ -1939,47 +1918,47 @@ const useUtilityClasses = ownerState => {
   return composeClasses(slots, getPopperUtilityClass, classes);
 };
 const defaultPopperOptions = {};
-const PopperTooltip = /*#__PURE__*/React$1.forwardRef(function PopperTooltip(props, forwardedRef) {
-  var _slots$root;
+const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props, forwardedRef) {
   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$1);
-  const tooltipRef = React$1.useRef(null);
+    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$1.useRef(null);
+  const popperRef = React.useRef(null);
   const handlePopperRef = useForkRef(popperRef, popperRefProp);
-  const handlePopperRefRef = React$1.useRef(handlePopperRef);
+  const handlePopperRefRef = React.useRef(handlePopperRef);
   useEnhancedEffect(() => {
     handlePopperRefRef.current = handlePopperRef;
   }, [handlePopperRef]);
-  React$1.useImperativeHandle(popperRefProp, () => popperRef.current, []);
+  React.useImperativeHandle(popperRefProp, () => popperRef.current, []);
   const rtlPlacement = flipPlacement(initialPlacement, direction);
   /**
    * placement initialized from prop but can change during lifetime if modifiers.flip.
    * modifiers.flip is essentially a flip for controlled/uncontrolled behavior
    */
-  const [placement, setPlacement] = React$1.useState(rtlPlacement);
-  const [resolvedAnchorElement, setResolvedAnchorElement] = React$1.useState(resolveAnchorEl(anchorEl));
-  React$1.useEffect(() => {
+  const [placement, setPlacement] = React.useState(rtlPlacement);
+  const [resolvedAnchorElement, setResolvedAnchorElement] = React.useState(resolveAnchorEl(anchorEl));
+  React.useEffect(() => {
     if (popperRef.current) {
       popperRef.current.forceUpdate();
     }
   });
-  React$1.useEffect(() => {
+  React.useEffect(() => {
     if (anchorEl) {
       setResolvedAnchorElement(resolveAnchorEl(anchorEl));
     }
@@ -2025,11 +2004,11 @@ const PopperTooltip = /*#__PURE__*/React$1.forwardRef(function PopperTooltip(pro
     if (popperOptions && popperOptions.modifiers != null) {
       popperModifiers = popperModifiers.concat(popperOptions.modifiers);
     }
-    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, _extends$1({
-      placement: rtlPlacement
-    }, popperOptions, {
+    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, {
+      placement: rtlPlacement,
+      ...popperOptions,
       modifiers: popperModifiers
-    }));
+    });
     handlePopperRefRef.current(popper);
     return () => {
       popper.destroy();
@@ -2043,7 +2022,7 @@ const PopperTooltip = /*#__PURE__*/React$1.forwardRef(function PopperTooltip(pro
     childProps.TransitionProps = TransitionProps;
   }
   const classes = useUtilityClasses(props);
-  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
+  const Root = slots.root ?? 'div';
   const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps.root,
@@ -2055,34 +2034,35 @@ const PopperTooltip = /*#__PURE__*/React$1.forwardRef(function PopperTooltip(pro
     ownerState: props,
     className: classes.root
   });
-  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, _extends$1({}, rootProps, {
+  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, {
+    ...rootProps,
     children: typeof children === 'function' ? children(childProps) : children
-  }));
+  });
 });
 
 /**
  * @ignore - internal component.
  */
-const Popper$2 = /*#__PURE__*/React$1.forwardRef(function Popper(props, forwardedRef) {
+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);
-  const [exited, setExited] = React$1.useState(true);
+    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);
   };
@@ -2112,7 +2092,7 @@ const Popper$2 = /*#__PURE__*/React$1.forwardRef(function Popper(props, forwarde
   return /*#__PURE__*/jsxRuntimeExports.jsx(Portal, {
     disablePortal: disablePortal,
     container: container,
-    children: /*#__PURE__*/jsxRuntimeExports.jsx(PopperTooltip, _extends$1({
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(PopperTooltip, {
       anchorEl: anchorEl,
       direction: direction,
       disablePortal: disablePortal,
@@ -2123,19 +2103,20 @@ const Popper$2 = /*#__PURE__*/React$1.forwardRef(function Popper(props, forwarde
       popperOptions: popperOptions,
       popperRef: popperRef,
       slotProps: slotProps,
-      slots: slots
-    }, other, {
-      style: _extends$1({
+      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 */ = {
@@ -2261,7 +2242,6 @@ process.env.NODE_ENV !== "production" ? Popper$2.propTypes /* remove-proptypes *
 } : void 0;
 var BasePopper$1 = Popper$2;
 
-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',
@@ -2272,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$1.forwardRef(function Popper(inProps, ref) {
-  var _slots$root;
-  const theme = default_1();
+const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
+  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$1({
+    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,
@@ -2316,18 +2295,19 @@ const Popper = /*#__PURE__*/React$1.forwardRef(function Popper(inProps, ref) {
     placement,
     popperOptions,
     popperRef,
-    transition
-  }, other);
-  return /*#__PURE__*/jsxRuntimeExports.jsx(PopperRoot, _extends$1({
+    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 ──────────────────────────────┐
@@ -2353,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({
@@ -2360,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({