@redsift/table 12.5.9-muiv7 → 12.5.10-muiv6

package/_internal/BasePopper.js

@@ -1,12 +1,12 @@
 import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
-import * as React from 'react';
+import * as React$1 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 { 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 { 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 { j as jsxRuntimeExports } from './jsx-runtime.js';
 
-const _excluded$2 = ["children", "color", "onClick", "startIcon"];
+const _excluded$4 = ["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$2);
+    forwardedProps = _objectWithoutProperties(props, _excluded$4);
   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$1 = ["checked", "indeterminate", "disabled", "onChange", "touchRippleRef"];
+const _excluded$3 = ["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$1);
+    forwardedProps = _objectWithoutProperties(props, _excluded$3);
   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 === null || onChange === void 0 ? void 0 : onChange(event)
+    onChange: (isChecked, value, name, event) => onChange(event)
   }));
 });
 
-const _excluded = ["displayName"];
+const _excluded$2 = ["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);
+    forwardedProps = _objectWithoutProperties(props, _excluded$2);
   return /*#__PURE__*/React__default.createElement(Icon, _extends({}, forwardedProps, forwardedProps.inputProps, {
     ref: ref,
     size: forwardedProps.fontSize,
@@ -86,6 +86,25 @@ 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';
@@ -1882,6 +1901,8 @@ 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;
@@ -1918,47 +1939,47 @@ const useUtilityClasses = ownerState => {
   return composeClasses(slots, getPopperUtilityClass, classes);
 };
 const defaultPopperOptions = {};
-const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props, forwardedRef) {
+const PopperTooltip = /*#__PURE__*/React$1.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
-    ownerState: ownerStateProp,
-    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-    ...other
-  } = props;
-  const tooltipRef = React.useRef(null);
+      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);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
-  const popperRef = React.useRef(null);
+  const popperRef = React$1.useRef(null);
   const handlePopperRef = useForkRef(popperRef, popperRefProp);
-  const handlePopperRefRef = React.useRef(handlePopperRef);
+  const handlePopperRefRef = React$1.useRef(handlePopperRef);
   useEnhancedEffect(() => {
     handlePopperRefRef.current = handlePopperRef;
   }, [handlePopperRef]);
-  React.useImperativeHandle(popperRefProp, () => popperRef.current, []);
+  React$1.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.useState(rtlPlacement);
-  const [resolvedAnchorElement, setResolvedAnchorElement] = React.useState(resolveAnchorEl(anchorEl));
-  React.useEffect(() => {
+  const [placement, setPlacement] = React$1.useState(rtlPlacement);
+  const [resolvedAnchorElement, setResolvedAnchorElement] = React$1.useState(resolveAnchorEl(anchorEl));
+  React$1.useEffect(() => {
     if (popperRef.current) {
       popperRef.current.forceUpdate();
     }
   });
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (anchorEl) {
       setResolvedAnchorElement(resolveAnchorEl(anchorEl));
     }
@@ -2004,11 +2025,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, {
-      placement: rtlPlacement,
-      ...popperOptions,
+    const popper = createPopper(resolvedAnchorElement, tooltipRef.current, _extends$1({
+      placement: rtlPlacement
+    }, popperOptions, {
       modifiers: popperModifiers
-    });
+    }));
     handlePopperRefRef.current(popper);
     return () => {
       popper.destroy();
@@ -2022,7 +2043,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     childProps.TransitionProps = TransitionProps;
   }
   const classes = useUtilityClasses(props);
-  const Root = slots.root ?? 'div';
+  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
   const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps.root,
@@ -2034,35 +2055,34 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     ownerState: props,
     className: classes.root
   });
-  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, {
-    ...rootProps,
+  return /*#__PURE__*/jsxRuntimeExports.jsx(Root, _extends$1({}, rootProps, {
     children: typeof children === 'function' ? children(childProps) : children
-  });
+  }));
 });
 
 /**
  * @ignore - internal component.
  */
-const Popper$2 = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedRef) {
+const Popper$2 = /*#__PURE__*/React$1.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 = {},
-    ...other
-  } = props;
-  const [exited, setExited] = React.useState(true);
+      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);
   const handleEnter = () => {
     setExited(false);
   };
@@ -2092,7 +2112,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, {
+    children: /*#__PURE__*/jsxRuntimeExports.jsx(PopperTooltip, _extends$1({
       anchorEl: anchorEl,
       direction: direction,
       disablePortal: disablePortal,
@@ -2103,20 +2123,19 @@ const Popper$2 = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedR
       popperOptions: popperOptions,
       popperRef: popperRef,
       slotProps: slotProps,
-      slots: slots,
-      ...other,
-      style: {
+      slots: slots
+    }, other, {
+      style: _extends$1({
         // 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 */ = {
@@ -2242,6 +2261,7 @@ 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',
@@ -2252,40 +2272,41 @@ const PopperRoot = styled(BasePopper$1, {
  *
  * Demos:
  *
- * - [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/)
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Popper](https://mui.com/material-ui/react-popper/)
  *
  * API:
  *
- * - [Popper API](https://v6.mui.com/material-ui/api/popper/)
+ * - [Popper API](https://mui.com/material-ui/api/popper/)
  */
-const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
-  const isRtl = useRtl();
+const Popper = /*#__PURE__*/React$1.forwardRef(function Popper(inProps, ref) {
+  var _slots$root;
+  const theme = default_1();
   const props = useDefaultProps({
     props: inProps,
     name: 'MuiPopper'
   });
   const {
-    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,
+      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,
     container,
     disablePortal,
@@ -2295,19 +2316,18 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(inProps, ref) {
     placement,
     popperOptions,
     popperRef,
-    transition,
-    ...other
-  };
-  return /*#__PURE__*/jsxRuntimeExports.jsx(PopperRoot, {
+    transition
+  }, other);
+  return /*#__PURE__*/jsxRuntimeExports.jsx(PopperRoot, _extends$1({
     as: component,
-    direction: isRtl ? 'rtl' : 'ltr',
+    direction: theme == null ? void 0 : theme.direction,
     slots: {
       root: RootComponent
     },
-    slotProps: slotProps ?? componentsProps,
-    ...otherProps,
+    slotProps: slotProps != null ? slotProps : componentsProps
+  }, otherProps, {
     ref: ref
-  });
+  }));
 });
 process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -2333,8 +2353,6 @@ 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,8 +2360,6 @@ 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({