@carto/meridian-ds 1.5.0-alpha-virtual-autocomplete.2 → 1.5.0-alpha.split

package/dist/components/index.js

@@ -1,16 +1,15 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { forwardRef, useState, useRef, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, useCallback } from "react";
+import { forwardRef, useState, useRef, useEffect, useMemo, Fragment as Fragment$1, useImperativeHandle, useCallback } from "react";
 import { styled, Box, Button as Button$1, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, IconButton, Tooltip, Select, FormControl, InputLabel, FormHelperText, ToggleButtonGroup as ToggleButtonGroup$1, Menu as Menu$2, Link, Checkbox, ListItemText, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, alpha, useTheme, Toolbar, AppBar as AppBar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip, DialogContent as DialogContent$1, DialogActions as DialogActions$1 } from "@mui/material";
-import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, f as MENU_ITEM_SIZE_EXTENDED, d as MENU_LIST_MAX_SIZE, M as MENU_ITEM_SIZE_DEFAULT, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-Cz5Hbi6N.js";
-import { a } from "../TablePaginationActions-Cz5Hbi6N.js";
+import { T as Typography, c as ICON_SIZE_SMALL, u as useImperativeIntl, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-KpTvhN4Y.js";
+import { a } from "../TablePaginationActions-KpTvhN4Y.js";
 import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
 import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CSm5GYYJ.js";
 import { useIntl } from "react-intl";
 import { VisibilityOffOutlined, VisibilityOutlined, Cancel, AddCircleOutlineOutlined, ContentCopyOutlined, CloseOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
-import { I as IconButton$1, A as Alert$1 } from "../Alert-CnaTtNJd.js";
+import { I as IconButton$1, A as Alert$1 } from "../Alert-CywtIMOj.js";
 import "cartocolor";
-import { M as MenuItem$1 } from "../MenuItem-D6wJym7Z.js";
-import { FixedSizeList } from "react-window";
+import { M as MenuItem$1 } from "../MenuItem-CXnnE5lK.js";
 import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
 import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
 import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
@@ -479,10 +478,10 @@ function ToggleButtonGroup({
 }
 const StyledMenu = styled(Menu$2, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
-})(({ extended, width, height }) => ({
+})(({ theme, extended, width, height }) => ({
   ...extended && {
     ".MuiMenuItem-root": {
-      minHeight: MENU_ITEM_SIZE_EXTENDED
+      minHeight: theme.spacing(6)
     }
   },
   ...width && {
@@ -522,10 +521,10 @@ function _Menu({ extended, width, height, MenuListProps, ...otherProps }, ref) {
 const Menu$1 = forwardRef(_Menu);
 const StyledMenuList = styled(MenuList$1, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
-})(({ extended, width, height }) => ({
+})(({ theme, extended, width, height }) => ({
   ...extended && {
     ".MuiMenuItem-root": {
-      minHeight: MENU_ITEM_SIZE_EXTENDED
+      minHeight: theme.spacing(6)
     }
   },
   "&.MuiList-root": {
@@ -556,8 +555,7 @@ function _MenuList({ extended, width, height, ...otherProps }, ref) {
 }
 const MenuList = forwardRef(_MenuList);
 const StyledMenuItem$1 = styled(MenuItem$1)(() => ({
-  marginTop: "0 !important",
-  marginBottom: "0 !important"
+  marginTop: "0 !important"
 }));
 const LinkFilter = styled(Link)(
   ({ disabled, theme }) => ({
@@ -797,20 +795,12 @@ function _MultipleSelectField({
       },
       children: [
         showFilters && /* @__PURE__ */ jsx(
-          Box,
+          MenuItemFilter,
           {
-            sx: {
-              mb: 1
-            },
-            children: /* @__PURE__ */ jsx(
-              MenuItemFilter,
-              {
-                areAllSelected,
-                areAnySelected,
-                selectAll,
-                selectAllDisabled
-              }
-            )
+            areAllSelected,
+            areAnySelected,
+            selectAll,
+            selectAllDisabled
           }
         ),
         options == null ? void 0 : options.map((option) => {
@@ -1144,55 +1134,7 @@ const getDefaultOptionLabel = (option) => {
 const createOptionWithMultiple = (option, multiple) => {
   return typeof option !== "object" || option === null ? { value: option, multiple } : { ...option, multiple };
 };
-const getDefaultLimitTagsText = (more) => /* @__PURE__ */ jsxs("span", { "data-testid": "more-options-tag", children: [
-  "+",
-  more
-] });
-function createCounterRenderTags(formatCounter, options = [], size = "small", getOptionLabel = getDefaultOptionLabel) {
-  const CounterRenderTags = (value) => {
-    if (value.length === 0) {
-      return null;
-    }
-    const selectedCount = value.length;
-    const totalCount = options.length;
-    const text = formatCounter({
-      selectedCount,
-      totalCount,
-      selectedItems: value,
-      allItems: options,
-      getOptionLabel
-    });
-    return /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: size === "small" ? "body2" : "body1",
-        component: "span",
-        "data-testid": "counter-tag",
-        sx: {
-          ml: 1
-        },
-        children: text
-      }
-    );
-  };
-  return CounterRenderTags;
-}
-function createCounterFormatter(counterText, allText, showSingleItemText = true) {
-  return ({
-    selectedCount,
-    totalCount,
-    selectedItems,
-    getOptionLabel
-  }) => {
-    if (selectedCount === totalCount && totalCount > 0) {
-      return allText;
-    } else if (selectedCount === 1 && showSingleItemText) {
-      return getOptionLabel(selectedItems[0]);
-    } else {
-      return `${selectedCount} ${counterText}`;
-    }
-  };
-}
+const getDefaultLimitTagsText = (more) => /* @__PURE__ */ jsx("span", { "data-testid": "more-options-tag", children: `+${more}` });
 function useAutocompleteRenderOption() {
   const renderOption = (props, option, state, getOptionLabel, customIcon) => {
     const {
@@ -1334,16 +1276,8 @@ function useMultipleAutocomplete({
   options,
   value,
   onChange,
-  getOptionLabel,
-  size,
-  counterFormatter,
-  counterText,
-  allSelectedText
+  getOptionLabel
 }) {
-  const intl = useIntl();
-  const intlConfig = useImperativeIntl(intl);
-  const defaultCounterText = counterText || intlConfig.formatMessage({ id: "c4r.form.selected" });
-  const defaultAllSelectedText = allSelectedText || intlConfig.formatMessage({ id: "c4r.form.allSelected" });
   const [multipleValue, setMultipleValue] = useState(
     Array.isArray(value) ? value : value ? [value] : []
   );
@@ -1377,23 +1311,13 @@ function useMultipleAutocomplete({
       getOptionLabel
     );
   };
-  const getCounterRenderTags = () => {
-    const formatter = counterFormatter || createCounterFormatter(defaultCounterText, defaultAllSelectedText);
-    return createCounterRenderTags(
-      formatter,
-      options,
-      size,
-      getOptionLabel ? (option) => getOptionLabel(option) : void 0
-    );
-  };
   return {
     multipleValue,
     allSelected,
     someSelected,
     handleSelectAll,
     handleChange,
-    multipleRenderOption,
-    getCounterRenderTags
+    multipleRenderOption
   };
 }
 function _ListboxWithFilter({
@@ -1403,50 +1327,15 @@ function _ListboxWithFilter({
   someSelected,
   handleSelectAll = () => void 0,
   multiple,
-  extended,
-  itemHeight,
-  maxListHeight = MENU_LIST_MAX_SIZE,
   ...otherProps
 }, ref) {
-  const childrenArray = useMemo(() => {
-    return React.Children.toArray(children);
-  }, [children]);
-  const defaultItemHeight = itemHeight ?? (extended ? MENU_ITEM_SIZE_EXTENDED : MENU_ITEM_SIZE_DEFAULT);
-  const listboxHeight = useMemo(() => {
-    const filterHeight = showFilters && multiple ? MENU_ITEM_SIZE_EXTENDED : 0;
-    const availableHeight = maxListHeight - filterHeight;
-    const calculatedHeight = Math.min(
-      childrenArray.length * defaultItemHeight,
-      availableHeight
-    );
-    return Math.max(calculatedHeight, defaultItemHeight + 8);
-  }, [
-    showFilters,
-    multiple,
-    maxListHeight,
-    childrenArray.length,
-    defaultItemHeight
-  ]);
-  const renderItem = ({
-    index,
-    style
-  }) => {
-    const child = childrenArray[index];
-    if (!child) return null;
-    return /* @__PURE__ */ jsx("div", { style, children: child });
-  };
   return /* @__PURE__ */ jsxs(
     "ul",
     {
       ref,
       ...otherProps,
       role: "listbox",
-      "data-list-height": listboxHeight,
-      "data-item-height": defaultItemHeight,
       "aria-multiselectable": multiple,
-      style: {
-        maxHeight: maxListHeight + defaultItemHeight
-      },
       children: [
         showFilters && multiple && /* @__PURE__ */ jsx(
           MenuItemFilter,
@@ -1456,16 +1345,7 @@ function _ListboxWithFilter({
             selectAll: handleSelectAll
           }
         ),
-        /* @__PURE__ */ jsx(
-          FixedSizeList,
-          {
-            height: listboxHeight,
-            width: "100%",
-            itemCount: childrenArray.length,
-            itemSize: defaultItemHeight,
-            children: renderItem
-          }
-        )
+        children
       ]
     }
   );
@@ -1480,18 +1360,10 @@ function _CreatableAutocomplete({
   disabled,
   loading,
   showFilters,
-  showCounter = false,
-  counterFormatter,
-  counterText,
-  allSelectedText,
   options = [],
   value,
   onChange,
   getLimitTagsText,
-  renderTags,
-  itemHeight,
-  maxListHeight,
-  extended,
   ...props
 }, ref) {
   const { freeSolo = true, ...otherProps } = props;
@@ -1500,17 +1372,11 @@ function _CreatableAutocomplete({
     allSelected,
     someSelected,
     handleSelectAll,
-    handleChange,
-    getCounterRenderTags
+    handleChange
   } = useMultipleAutocomplete({
     options,
     value,
-    onChange,
-    getOptionLabel,
-    size: props.size,
-    counterFormatter,
-    counterText,
-    allSelectedText
+    onChange
   });
   const {
     creatableFilterOptions,
@@ -1522,17 +1388,6 @@ function _CreatableAutocomplete({
     newItemIcon,
     multiple
   });
-  const listboxProps = {
-    showFilters,
-    allSelected,
-    someSelected,
-    handleSelectAll,
-    multiple,
-    itemHeight,
-    maxListHeight,
-    extended
-  };
-  const finalRenderTags = showCounter && multiple && !renderTags ? getCounterRenderTags() : renderTags;
   return /* @__PURE__ */ jsx(
     Autocomplete$1,
     {
@@ -1544,13 +1399,18 @@ function _CreatableAutocomplete({
       filterOptions: creatableFilterOptions,
       getOptionLabel: creatableOptionLabel,
       renderOption: creatableRenderOption,
-      renderTags: finalRenderTags,
       freeSolo,
       forcePopupIcon: true,
       multiple,
       disableCloseOnSelect: disableCloseOnSelect ?? multiple,
       ListboxComponent: ListboxWithFilter,
-      ListboxProps: listboxProps,
+      ListboxProps: {
+        showFilters,
+        allSelected,
+        someSelected,
+        handleSelectAll,
+        multiple
+      },
       getLimitTagsText: getLimitTagsText ?? getDefaultLimitTagsText,
       disabled: disabled || loading,
       popupIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 18, color: "inherit" }) : /* @__PURE__ */ jsx(ArrowDown, {}),
@@ -1565,19 +1425,11 @@ function _MultipleAutocomplete({
   disabled,
   loading,
   showFilters,
-  showCounter = false,
-  counterFormatter,
-  counterText,
-  allSelectedText,
   options,
   value,
   onChange,
   getOptionLabel,
   getLimitTagsText,
-  renderTags,
-  itemHeight,
-  maxListHeight,
-  extended,
   ...props
 }, ref) {
   const {
@@ -1586,29 +1438,13 @@ function _MultipleAutocomplete({
     someSelected,
     handleSelectAll,
     handleChange,
-    multipleRenderOption,
-    getCounterRenderTags
+    multipleRenderOption
   } = useMultipleAutocomplete({
     options,
     value,
     onChange,
-    getOptionLabel,
-    size: props.size,
-    counterFormatter,
-    counterText,
-    allSelectedText
+    getOptionLabel
   });
-  const listboxProps = {
-    showFilters,
-    allSelected,
-    someSelected,
-    handleSelectAll,
-    multiple: true,
-    itemHeight,
-    maxListHeight,
-    extended
-  };
-  const finalRenderTags = showCounter && !renderTags ? getCounterRenderTags() : renderTags;
   return /* @__PURE__ */ jsx(
     Autocomplete$1,
     {
@@ -1619,9 +1455,14 @@ function _MultipleAutocomplete({
       onChange: handleChange,
       getOptionLabel,
       renderOption: renderOption ?? multipleRenderOption,
-      renderTags: finalRenderTags,
       ListboxComponent: ListboxWithFilter,
-      ListboxProps: listboxProps,
+      ListboxProps: {
+        showFilters,
+        allSelected,
+        someSelected,
+        handleSelectAll,
+        multiple: true
+      },
       multiple: true,
       getLimitTagsText: getLimitTagsText ?? getDefaultLimitTagsText,
       disableCloseOnSelect,
@@ -4903,8 +4744,6 @@ export {
   UploadField,
   UploadFieldBase,
   copyString,
-  createCounterFormatter,
-  createCounterRenderTags,
   dialogDimensionsBySize,
   useCopyValue
 };

package/dist/theme/index.cjs

@@ -3,11 +3,11 @@ var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const jsxRuntime = require("react/jsx-runtime");
-const TablePaginationActions = require("../TablePaginationActions-mbbjzV6Y.cjs");
+const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-lAxlHrDp.cjs");
+const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
 const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
 const tooltipArrowSize = 1;
 const tooltipSeparation = 0.5;
@@ -1834,7 +1834,7 @@ const formsOverrides = {
       }),
       option: ({ ownerState, theme: theme2 }) => ({
         "&.MuiAutocomplete-option": {
-          minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT,
+          minHeight: theme2.spacing(4),
           padding: theme2.spacing(0.5, 2),
           ...theme2.typography.body2,
           transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
@@ -2044,7 +2044,7 @@ const navigationOverrides = {
         "&.MuiMenu-paper": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: TablePaginationActions.MENU_LIST_MAX_SIZE,
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           "&:focus-visible": {
             outline: "none !important",
@@ -2060,14 +2060,14 @@ const navigationOverrides = {
       root: ({ theme: theme2 }) => ({
         ...theme2.typography.body2,
         columnGap: theme2.spacing(1),
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT,
+        minHeight: theme2.spacing(4),
         padding: theme2.spacing(0.75, 1, 0.75, 1.5),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: TablePaginationActions.MENU_ITEM_SIZE_DEFAULT
+            minHeight: theme2.spacing(4)
           }
         },
         "&:hover": {
@@ -2134,7 +2134,7 @@ const navigationOverrides = {
         }
       }),
       dense: ({ theme: theme2 }) => ({
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
+        minHeight: theme2.spacing(3),
         paddingTop: 0,
         paddingBottom: 0,
         ".MuiTypography-root": {
@@ -2144,7 +2144,7 @@ const navigationOverrides = {
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE
+            minHeight: theme2.spacing(3)
           }
         }
       })
@@ -2158,7 +2158,7 @@ const navigationOverrides = {
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: TablePaginationActions.MENU_LIST_MAX_SIZE,
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           overflowY: "auto",
           "&:focus-visible": {
@@ -3127,10 +3127,6 @@ exports.BREAKPOINTS = TablePaginationActions.BREAKPOINTS;
 exports.ICON_SIZE_LARGE = TablePaginationActions.ICON_SIZE_LARGE;
 exports.ICON_SIZE_MEDIUM = TablePaginationActions.ICON_SIZE_MEDIUM;
 exports.ICON_SIZE_SMALL = TablePaginationActions.ICON_SIZE_SMALL;
-exports.MENU_ITEM_SIZE_DEFAULT = TablePaginationActions.MENU_ITEM_SIZE_DEFAULT;
-exports.MENU_ITEM_SIZE_DENSE = TablePaginationActions.MENU_ITEM_SIZE_DENSE;
-exports.MENU_ITEM_SIZE_EXTENDED = TablePaginationActions.MENU_ITEM_SIZE_EXTENDED;
-exports.MENU_LIST_MAX_SIZE = TablePaginationActions.MENU_LIST_MAX_SIZE;
 exports.NOTIFICATION_DURATION_IN_MS = TablePaginationActions.NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = TablePaginationActions.SPACING;
 exports.getSpacing = TablePaginationActions.getSpacing;

package/dist/theme/index.js

@@ -1,12 +1,12 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, e as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-Cz5Hbi6N.js";
-import { f, N } from "../TablePaginationActions-Cz5Hbi6N.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../TablePaginationActions-KpTvhN4Y.js";
+import { N } from "../TablePaginationActions-KpTvhN4Y.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-CY_wMVJT.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
-import { M as MenuItem } from "../MenuItem-D6wJym7Z.js";
+import { M as MenuItem } from "../MenuItem-CXnnE5lK.js";
 import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
 import { g } from "../paletteUtils-BHqJlHm9.js";
 const tooltipArrowSize = 1;
@@ -1834,7 +1834,7 @@ const formsOverrides = {
       }),
       option: ({ ownerState, theme: theme2 }) => ({
         "&.MuiAutocomplete-option": {
-          minHeight: MENU_ITEM_SIZE_DEFAULT,
+          minHeight: theme2.spacing(4),
           padding: theme2.spacing(0.5, 2),
           ...theme2.typography.body2,
           transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
@@ -2044,7 +2044,7 @@ const navigationOverrides = {
         "&.MuiMenu-paper": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: MENU_LIST_MAX_SIZE,
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           "&:focus-visible": {
             outline: "none !important",
@@ -2060,14 +2060,14 @@ const navigationOverrides = {
       root: ({ theme: theme2 }) => ({
         ...theme2.typography.body2,
         columnGap: theme2.spacing(1),
-        minHeight: MENU_ITEM_SIZE_DEFAULT,
+        minHeight: theme2.spacing(4),
         padding: theme2.spacing(0.75, 1, 0.75, 1.5),
         whiteSpace: "normal",
         transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: MENU_ITEM_SIZE_DEFAULT
+            minHeight: theme2.spacing(4)
           }
         },
         "&:hover": {
@@ -2134,7 +2134,7 @@ const navigationOverrides = {
         }
       }),
       dense: ({ theme: theme2 }) => ({
-        minHeight: MENU_ITEM_SIZE_DENSE,
+        minHeight: theme2.spacing(3),
         paddingTop: 0,
         paddingBottom: 0,
         ".MuiTypography-root": {
@@ -2144,7 +2144,7 @@ const navigationOverrides = {
         [theme2.breakpoints.up("sm")]: {
           // Overrides an unwanted Mui default style
           "&.MuiButtonBase-root": {
-            minHeight: MENU_ITEM_SIZE_DENSE
+            minHeight: theme2.spacing(3)
           }
         }
       })
@@ -2158,7 +2158,7 @@ const navigationOverrides = {
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
-          maxHeight: MENU_LIST_MAX_SIZE,
+          maxHeight: theme2.spacing(39),
           // 312px, defined by design
           overflowY: "auto",
           "&:focus-visible": {
@@ -3128,10 +3128,6 @@ export {
   ICON_SIZE_LARGE,
   ICON_SIZE_MEDIUM,
   ICON_SIZE_SMALL,
-  MENU_ITEM_SIZE_DEFAULT,
-  MENU_ITEM_SIZE_DENSE,
-  f as MENU_ITEM_SIZE_EXTENDED,
-  MENU_LIST_MAX_SIZE,
   N as NOTIFICATION_DURATION_IN_MS,
   SPACING,
   cartoThemeOptions,

package/dist/types/components/molecules/Autocomplete/CreatableAutocomplete.d.ts

@@ -1,7 +1,7 @@
 import { ForwardedRef } from 'react';
 import { ChipTypeMap } from '@mui/material';
 import { CreatableAutocompleteProps } from './types';
-declare function _CreatableAutocomplete<Value, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ newItemLabel, newItemIcon, getOptionLabel, multiple, disableCloseOnSelect, disabled, loading, showFilters, showCounter, counterFormatter, counterText, allSelectedText, options, value, onChange, getLimitTagsText, renderTags, itemHeight, maxListHeight, extended, ...props }: CreatableAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, ref: ForwardedRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+declare function _CreatableAutocomplete<Value, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ newItemLabel, newItemIcon, getOptionLabel, multiple, disableCloseOnSelect, disabled, loading, showFilters, options, value, onChange, getLimitTagsText, ...props }: CreatableAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, ref: ForwardedRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 declare const CreatableAutocomplete: <Value, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>(props: CreatableAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
     ref?: ForwardedRef<HTMLElement>;
 }) => ReturnType<typeof _CreatableAutocomplete>;

package/dist/types/components/molecules/Autocomplete/CreatableAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatableAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/CreatableAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,WAAW,EAGZ,MAAM,eAAe,CAAA;AAOtB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAGpD,iBAAS,sBAAsB,CAC7B,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,EACE,YAAY,EACZ,WAAW,EACX,cAAsC,EACtC,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,OAAY,EACZ,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,0BAA0B,CAC3B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACD,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,2CAwE/B;AAID,QAAA,MAAM,qBAAqB,EAAyC,CAClE,KAAK,EACL,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAwD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAyE,SAAnD,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,KAAK,EAAE,0BAA0B,CAC/B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACpC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE9C,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"CreatableAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/CreatableAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,WAAW,EAGZ,MAAM,eAAe,CAAA;AAOtB,OAAO,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAA;AAGpD,iBAAS,sBAAsB,CAC7B,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,EACE,YAAY,EACZ,WAAW,EACX,cAAsC,EACtC,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAY,EACZ,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,0BAA0B,CAC3B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACD,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,2CA2D/B;AAID,QAAA,MAAM,qBAAqB,EAAyC,CAClE,KAAK,EACL,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,gBAAwD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAyE,SAAnD,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,KAAK,EAAE,0BAA0B,CAC/B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACpC,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAE9C,eAAe,qBAAqB,CAAA"}

package/dist/types/components/molecules/Autocomplete/ListBoxWithFilter.d.ts

@@ -1,35 +1,17 @@
-import { default as React, HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 export type ListboxWithFilterProps = HTMLAttributes<HTMLElement> & {
     showFilters?: boolean;
     allSelected?: boolean;
     someSelected?: boolean;
     handleSelectAll?: () => void;
     multiple?: boolean;
-    extended?: boolean;
-    /**
-     * Height of each item in pixels
-     */
-    itemHeight?: number;
-    /**
-     * Maximum height of the listbox in pixels
-     */
-    maxListHeight?: number;
 };
-declare const ListboxWithFilter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+declare const ListboxWithFilter: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
     showFilters?: boolean;
     allSelected?: boolean;
     someSelected?: boolean;
     handleSelectAll?: () => void;
     multiple?: boolean;
-    extended?: boolean;
-    /**
-     * Height of each item in pixels
-     */
-    itemHeight?: number;
-    /**
-     * Maximum height of the listbox in pixels
-     */
-    maxListHeight?: number;
-} & React.RefAttributes<HTMLUListElement>>;
+} & import('react').RefAttributes<HTMLUListElement>>;
 export default ListboxWithFilter;
 //# sourceMappingURL=ListBoxWithFilter.d.ts.map

package/dist/types/components/molecules/Autocomplete/ListBoxWithFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListBoxWithFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/ListBoxWithFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,cAAc,EAAW,MAAM,OAAO,CAAA;AAUhF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAyFD,QAAA,MAAM,iBAAiB;kBAvGP,OAAO;kBACP,OAAO;mBACN,OAAO;sBACJ,MAAM,IAAI;eACjB,OAAO;eACP,OAAO;IAClB;;OAEG;iBACU,MAAM;IACnB;;OAEG;oBACa,MAAM;0CA0FgC,CAAA;AACxD,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"ListBoxWithFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/ListBoxWithFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,cAAc,EAAE,MAAM,OAAO,CAAA;AAGhE,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAmCD,QAAA,MAAM,iBAAiB;kBAxCP,OAAO;kBACP,OAAO;mBACN,OAAO;sBACJ,MAAM,IAAI;eACjB,OAAO;oDAoCoC,CAAA;AACxD,eAAe,iBAAiB,CAAA"}

package/dist/types/components/molecules/Autocomplete/MultipleAutocomplete.d.ts

@@ -1,7 +1,7 @@
 import { ForwardedRef } from 'react';
 import { ChipTypeMap } from '@mui/material';
 import { MultipleAutocompleteProps } from './types';
-declare function _MultipleAutocomplete<Value, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ renderOption, disableCloseOnSelect, disabled, loading, showFilters, showCounter, counterFormatter, counterText, allSelectedText, options, value, onChange, getOptionLabel, getLimitTagsText, renderTags, itemHeight, maxListHeight, extended, ...props }: MultipleAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, ref: ForwardedRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+declare function _MultipleAutocomplete<Value, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>({ renderOption, disableCloseOnSelect, disabled, loading, showFilters, options, value, onChange, getOptionLabel, getLimitTagsText, ...props }: MultipleAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>, ref: ForwardedRef<HTMLElement>): import("react/jsx-runtime").JSX.Element;
 declare const MultipleAutocomplete: <Value, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]>(props: MultipleAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
     ref?: ForwardedRef<HTMLElement>;
 }) => ReturnType<typeof _MultipleAutocomplete>;

package/dist/types/components/molecules/Autocomplete/MultipleAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/MultipleAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,WAAW,EAGZ,MAAM,eAAe,CAAA;AAMtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGnD,iBAAS,qBAAqB,CAC5B,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,EACE,YAAY,EACZ,oBAA2B,EAC3B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,WAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,yBAAyB,CAC1B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACD,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,2CAyD/B;AAID,QAAA,MAAM,oBAAoB,EAAwC,CAChE,KAAK,EACL,QAA2C,SAA1B,OAAO,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAwD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAyE,SAAnD,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,KAAK,EAAE,yBAAyB,CAC9B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACpC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAE7C,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"MultipleAutocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Autocomplete/MultipleAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAc,MAAM,OAAO,CAAA;AAChD,OAAO,EACL,WAAW,EAGZ,MAAM,eAAe,CAAA;AAMtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGnD,iBAAS,qBAAqB,CAC5B,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,EACE,YAAY,EACZ,oBAA2B,EAC3B,QAAQ,EACR,OAAO,EACP,WAAW,EACX,OAAO,EACP,KAAK,EACL,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,yBAAyB,CAC1B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACD,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,2CA6C/B;AAID,QAAA,MAAM,oBAAoB,EAAwC,CAChE,KAAK,EACL,QAA2C,SAA1B,OAAO,GAAG,SAAS,GAAG,IAAI,EAC3C,gBAAwD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EACxD,QAAgD,SAA/B,OAAO,GAAG,SAAS,GAAG,SAAS,EAChD,aAAyE,SAAnD,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,EAEzE,KAAK,EAAE,yBAAyB,CAC9B,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACpC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAA;AAE7C,eAAe,oBAAoB,CAAA"}

package/dist/types/components/molecules/Autocomplete/index.d.ts

@@ -1,5 +1,4 @@
 export { default as Autocomplete } from './Autocomplete';
 export { default as CreatableAutocomplete } from './CreatableAutocomplete';
 export { default as MultipleAutocomplete } from './MultipleAutocomplete';
-export { createCounterRenderTags, createCounterFormatter } from './utils';
 //# sourceMappingURL=index.d.ts.map