@redsift/table 12.0.0-muiv7 → 12.1.0-muiv6

package/_internal/BasePopper.js

@@ -1,90 +1,11 @@
-import { a as _objectWithoutProperties, b as _extends } from './_rollupPluginBabelHelpers.js';
+import { a as _objectWithoutProperties, b as _extends$1 } 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 { 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 { 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 { 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"];
-const BaseCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      checked,
-      indeterminate,
-      disabled,
-      onChange
-    } = 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';
@@ -1881,6 +1802,8 @@ 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;
@@ -1907,35 +1830,32 @@ function isHTMLElement(element) {
 function isVirtualElement(element) {
   return !isHTMLElement(element);
 }
-const useUtilityClasses = ownerState => {
-  const {
-    classes
-  } = ownerState;
+const useUtilityClasses = () => {
   const slots = {
     root: ['root']
   };
-  return composeClasses(slots, getPopperUtilityClass, classes);
+  return composeClasses(slots, useClassNamesOverride(getPopperUtilityClass));
 };
 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
-    ownerState: ownerStateProp,
-    // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-    ...other
-  } = props;
+      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);
   const tooltipRef = React.useRef(null);
   const ownRef = useForkRef(tooltipRef, forwardedRef);
   const popperRef = React.useRef(null);
@@ -2003,11 +1923,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({
+      placement: rtlPlacement
+    }, popperOptions, {
       modifiers: popperModifiers
-    });
+    }));
     handlePopperRefRef.current(popper);
     return () => {
       popper.destroy();
@@ -2020,8 +1940,8 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
   if (TransitionProps !== null) {
     childProps.TransitionProps = TransitionProps;
   }
-  const classes = useUtilityClasses(props);
-  const Root = slots.root ?? 'div';
+  const classes = useUtilityClasses();
+  const Root = (_slots$root = slots.root) != null ? _slots$root : 'div';
   const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps.root,
@@ -2033,34 +1953,41 @@ 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({}, rootProps, {
     children: typeof children === 'function' ? children(childProps) : children
-  });
+  }));
 });
 
 /**
- * @ignore - internal component.
+ * 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)
  */
 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 = {},
-    ...other
-  } = props;
+      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.useState(true);
   const handleEnter = () => {
     setExited(false);
@@ -2091,7 +2018,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({
       anchorEl: anchorEl,
       direction: direction,
       disablePortal: disablePortal,
@@ -2102,27 +2029,26 @@ 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({
         // 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 the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -2151,9 +2077,6 @@ 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.
    */
@@ -2241,6 +2164,86 @@ 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',
@@ -2251,40 +2254,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 props = useDefaultProps({
+  var _slots$root;
+  const theme = useTheme();
+  const props = useThemeProps({
     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({
     anchorEl,
     container,
     disablePortal,
@@ -2294,25 +2298,24 @@ 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({
     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 ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
   /**
    * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
    * or a function that returns either.
@@ -2332,8 +2335,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({
@@ -2341,8 +2342,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({
@@ -2352,9 +2351,6 @@ 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.
    */
@@ -2442,7 +2438,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({}, props, {
+  return /*#__PURE__*/React__default.createElement(Popper$1, _extends$1({}, props, {
     ref: ref,
     container: () => document.getElementById('redsift-app-container')
   }));