@carto/meridian-ds 2.2.0-alpha-filter-dropdown.6 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,10 +2,12 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
- - New FilterDropdown component [#235](https://github.com/CartoDB/meridian-ds/pull/235)
6
-
7
5
  ## 2.0
8
6
 
7
+ ### 2.2.1
8
+
9
+ - Extend `AccordionGroup` interface to support `React.ReactNode` as `item.summary`[#237](https://github.com/CartoDB/meridian-ds/pull/237)
10
+
9
11
  ### 2.2.0
10
12
 
11
13
  - New CopiableInputText component [#228](https://github.com/CartoDB/meridian-ds/pull/228)
@@ -156,12 +156,11 @@ function _MenuItem({
156
156
  extended,
157
157
  dense,
158
158
  fixed,
159
- iconColor,
159
+ color: iconColor,
160
160
  "data-destructive": destructive,
161
161
  "data-extended": extended,
162
162
  "data-dense": dense,
163
- "data-fixed": fixed,
164
- "data-icon-color": iconColor
163
+ "data-fixed": fixed
165
164
  }
166
165
  );
167
166
  }
@@ -155,12 +155,11 @@ function _MenuItem({
155
155
  extended,
156
156
  dense,
157
157
  fixed,
158
- iconColor,
158
+ color: iconColor,
159
159
  "data-destructive": destructive,
160
160
  "data-extended": extended,
161
161
  "data-dense": dense,
162
- "data-fixed": fixed,
163
- "data-icon-color": iconColor
162
+ "data-fixed": fixed
164
163
  }
165
164
  );
166
165
  }
@@ -10,7 +10,7 @@ const Link = require("../Link-_lzRY1Ay.cjs");
10
10
  const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
11
11
  const OpenDiagonallyRight = require("../OpenDiagonallyRight-CpL4ROwg.cjs");
12
12
  require("cartocolor");
13
- const MenuItem = require("../MenuItem-YpFpuljU.cjs");
13
+ const MenuItem = require("../MenuItem-BY6fuF5U.cjs");
14
14
  const reactWindow = require("react-window");
15
15
  const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
16
16
  const xDatePickers = require("@mui/x-date-pickers");
@@ -1529,193 +1529,6 @@ function useAutocomplete({
1529
1529
  getOptionLabel: internalGetOptionLabel
1530
1530
  };
1531
1531
  }
1532
- const FilterDropdownMenuItem = ({
1533
- item,
1534
- selectedValue,
1535
- dense,
1536
- extended,
1537
- onItemChange
1538
- }) => {
1539
- const {
1540
- id,
1541
- label,
1542
- description,
1543
- startAdornment,
1544
- endAdornment,
1545
- tooltipLabel,
1546
- tooltipPlacement,
1547
- disabled,
1548
- "aria-label": ariaLabel,
1549
- hidden,
1550
- destructive,
1551
- subtitle,
1552
- divider,
1553
- fixed,
1554
- selected
1555
- } = item;
1556
- const menuItemId = `filter-dropdown-item-${id}`;
1557
- const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
1558
- if (hidden) return null;
1559
- return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsxs(
1560
- MenuItem.MenuItem,
1561
- {
1562
- onClick: disabled ? void 0 : (event) => onItemChange(item, event),
1563
- selected: isSelected,
1564
- dense,
1565
- extended,
1566
- disabled,
1567
- destructive,
1568
- subtitle,
1569
- divider,
1570
- fixed,
1571
- "aria-label": ariaLabel,
1572
- "aria-labelledby": menuItemId,
1573
- "aria-selected": isSelected,
1574
- children: [
1575
- startAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: startAdornment }),
1576
- /* @__PURE__ */ jsxRuntime.jsx(
1577
- material.ListItemText,
1578
- {
1579
- primary: label,
1580
- secondary: description,
1581
- primaryTypographyProps: {
1582
- variant: "body2",
1583
- id: menuItemId
1584
- }
1585
- }
1586
- ),
1587
- endAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: endAdornment })
1588
- ]
1589
- }
1590
- ) }, id);
1591
- };
1592
- const ButtonWrapper = material.styled(material.Box, {
1593
- shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "buttonColor"
1594
- })(({ isOpen, theme, buttonColor }) => ({
1595
- display: "flex",
1596
- alignItems: "center",
1597
- justifyContent: "center",
1598
- ...isOpen && {
1599
- "& .MuiButtonBase-root": {
1600
- backgroundColor: theme.palette.action.hover
1601
- }
1602
- },
1603
- ...buttonColor === "secondary" && {
1604
- "& button": {
1605
- color: theme.palette.text.secondary
1606
- }
1607
- }
1608
- }));
1609
- function _FilterDropdown({
1610
- menuItems,
1611
- onClickItem,
1612
- value,
1613
- defaultValue = menuItems[0],
1614
- menuTitle,
1615
- disabled,
1616
- icon,
1617
- label,
1618
- buttonSize,
1619
- buttonColor = "primary",
1620
- dense = false,
1621
- extended = false,
1622
- "aria-label": ariaLabel,
1623
- responsive,
1624
- tooltipLabel,
1625
- tooltipPlacement,
1626
- slotProps,
1627
- MenuListProps,
1628
- ...props
1629
- }, ref) {
1630
- const [selected_, setSelected] = React.useState(defaultValue || void 0);
1631
- const [anchorEl, setAnchorEl] = React.useState(null);
1632
- const isOpen = !!anchorEl;
1633
- const selected = value ?? selected_;
1634
- const isTablet = material.useMediaQuery((theme) => theme.breakpoints.down("lg"));
1635
- const isIcon = Boolean(icon) && (!responsive || isTablet);
1636
- const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1637
- const [buttonId] = React.useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
- const [menuId] = React.useState(() => `filter-dropdown-menu-${uniqueId()}`);
1639
- const handleOpen = (event) => {
1640
- setAnchorEl(event.currentTarget);
1641
- };
1642
- const handleClose = () => {
1643
- setAnchorEl(null);
1644
- };
1645
- const handleChange = (item, event) => {
1646
- setSelected(item);
1647
- onClickItem(item, event);
1648
- handleClose();
1649
- };
1650
- const commonButtonProps = {
1651
- onClick: handleOpen,
1652
- disabled,
1653
- size: buttonSize,
1654
- color: "default",
1655
- "aria-label": ariaLabel,
1656
- id: buttonId,
1657
- "aria-controls": isOpen ? menuId : void 0,
1658
- "aria-haspopup": !disabled,
1659
- "aria-expanded": isOpen
1660
- };
1661
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1662
- /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxRuntime.jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsxRuntime.jsx(Link.IconButton, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsxRuntime.jsx(
1663
- Button,
1664
- {
1665
- ...commonButtonProps,
1666
- endIcon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ArrowUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ArrowDown, {}),
1667
- children: menuLabel
1668
- }
1669
- ) }) }),
1670
- /* @__PURE__ */ jsxRuntime.jsxs(
1671
- Menu$1,
1672
- {
1673
- id: menuId,
1674
- transformOrigin: { vertical: "top", horizontal: "right" },
1675
- anchorOrigin: { vertical: "bottom", horizontal: "right" },
1676
- ...props,
1677
- anchorEl,
1678
- open: isOpen,
1679
- onClose: handleClose,
1680
- keepMounted: true,
1681
- slotProps: {
1682
- ...slotProps,
1683
- paper: {
1684
- "data-name": "filter-dropdown",
1685
- "data-dense": dense,
1686
- ...slotProps == null ? void 0 : slotProps.paper
1687
- }
1688
- },
1689
- MenuListProps: {
1690
- "aria-labelledby": buttonId,
1691
- autoFocus: true,
1692
- // To allow keyboard navigation
1693
- ...MenuListProps
1694
- },
1695
- children: [
1696
- menuTitle && /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { subtitle: true, children: menuTitle }),
1697
- menuItems.map((item) => {
1698
- const { id } = item;
1699
- return /* @__PURE__ */ jsxRuntime.jsx(
1700
- FilterDropdownMenuItem,
1701
- {
1702
- item,
1703
- selectedValue: selected,
1704
- dense,
1705
- extended,
1706
- onItemChange: handleChange
1707
- },
1708
- id
1709
- );
1710
- })
1711
- ]
1712
- }
1713
- )
1714
- ] });
1715
- }
1716
- const FilterDropdown = React.forwardRef(
1717
- _FilterDropdown
1718
- );
1719
1532
  const AccordionContainer = material.styled("div", {
1720
1533
  shouldForwardProp: (prop) => prop !== "variant"
1721
1534
  })(({ variant, theme }) => ({
@@ -5423,8 +5236,6 @@ exports.DialogFooter = DialogFooter;
5423
5236
  exports.DialogHeader = DialogHeader;
5424
5237
  exports.DialogPaper = DialogPaper;
5425
5238
  exports.DialogStepper = DialogStepper;
5426
- exports.FilterDropdown = FilterDropdown;
5427
- exports.FilterDropdownMenuItem = FilterDropdownMenuItem;
5428
5239
  exports.LabelWithIndicator = LabelWithIndicator;
5429
5240
  exports.Menu = Menu$1;
5430
5241
  exports.MenuItemFilter = MenuItemFilter;
@@ -1,16 +1,16 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
3
3
  import { useIntl } from "react-intl";
4
- import { styled, Menu as Menu$2, MenuList as MenuList$1, Link, Checkbox, Select, MenuItem as MenuItem$1, FormControl, Box, InputLabel, FormHelperText, InputAdornment, IconButton, ListItemText, Tooltip, TextField, CircularProgress, Button as Button$1, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, useMediaQuery, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, Popper, Grow, Paper, ClickAwayListener, ButtonGroup as ButtonGroup$1, ToggleButtonGroup as ToggleButtonGroup$1, 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";
4
+ import { styled, Menu as Menu$2, MenuList as MenuList$1, Link, Checkbox, Select, MenuItem as MenuItem$1, FormControl, Box, InputLabel, FormHelperText, InputAdornment, IconButton, ListItemText, Tooltip, TextField, CircularProgress, Button as Button$1, Autocomplete as Autocomplete$1, Divider, ListItemIcon, createFilterOptions, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Snackbar as Snackbar$1, Portal, Fade, Slide, Popper, Grow, Paper, ClickAwayListener, ButtonGroup as ButtonGroup$1, ToggleButtonGroup as ToggleButtonGroup$1, 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";
5
5
  import { Cancel, AddCircleOutlineOutlined, CloseOutlined, ContentCopyOutlined, VisibilityOutlined, VisibilityOffOutlined, OpenInNewOutlined, MenuOutlined, HelpOutline, TodayOutlined, MoreVertOutlined, ErrorOutline, Check } from "@mui/icons-material";
6
6
  import { f as MENU_ITEM_SIZE_EXTENDED, u as useImperativeIntl, T as Typography, e as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, M as MENU_ITEM_SIZE_DEFAULT, c as ICON_SIZE_SMALL, N as NOTIFICATION_DURATION_IN_MS, A as APPBAR_SIZE } from "../TablePaginationActions-CCDi-BO-.js";
7
7
  import { a } from "../TablePaginationActions-CCDi-BO-.js";
8
- import { I as IconButton$1, A as Alert$1, S as ScreenReaderOnly } from "../Link-D5fKicEY.js";
8
+ import { A as Alert$1, I as IconButton$1, S as ScreenReaderOnly } from "../Link-D5fKicEY.js";
9
9
  import { L } from "../Link-D5fKicEY.js";
10
10
  import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
11
11
  import { A as ArrowUp, O as OpenDiagonallyRight, C as CloseDiagonallyRight } from "../OpenDiagonallyRight-CGdCEXlF.js";
12
12
  import "cartocolor";
13
- import { M as MenuItem } from "../MenuItem-badiQq9A.js";
13
+ import { M as MenuItem } from "../MenuItem-CKrhDizf.js";
14
14
  import { FixedSizeList } from "react-window";
15
15
  import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
16
16
  import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
@@ -1529,193 +1529,6 @@ function useAutocomplete({
1529
1529
  getOptionLabel: internalGetOptionLabel
1530
1530
  };
1531
1531
  }
1532
- const FilterDropdownMenuItem = ({
1533
- item,
1534
- selectedValue,
1535
- dense,
1536
- extended,
1537
- onItemChange
1538
- }) => {
1539
- const {
1540
- id,
1541
- label,
1542
- description,
1543
- startAdornment,
1544
- endAdornment,
1545
- tooltipLabel,
1546
- tooltipPlacement,
1547
- disabled,
1548
- "aria-label": ariaLabel,
1549
- hidden,
1550
- destructive,
1551
- subtitle,
1552
- divider,
1553
- fixed,
1554
- selected
1555
- } = item;
1556
- const menuItemId = `filter-dropdown-item-${id}`;
1557
- const isSelected = selected || (selectedValue == null ? void 0 : selectedValue.id) === id;
1558
- if (hidden) return null;
1559
- return /* @__PURE__ */ jsx(Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsxs(
1560
- MenuItem,
1561
- {
1562
- onClick: disabled ? void 0 : (event) => onItemChange(item, event),
1563
- selected: isSelected,
1564
- dense,
1565
- extended,
1566
- disabled,
1567
- destructive,
1568
- subtitle,
1569
- divider,
1570
- fixed,
1571
- "aria-label": ariaLabel,
1572
- "aria-labelledby": menuItemId,
1573
- "aria-selected": isSelected,
1574
- children: [
1575
- startAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: startAdornment }),
1576
- /* @__PURE__ */ jsx(
1577
- ListItemText,
1578
- {
1579
- primary: label,
1580
- secondary: description,
1581
- primaryTypographyProps: {
1582
- variant: "body2",
1583
- id: menuItemId
1584
- }
1585
- }
1586
- ),
1587
- endAdornment && /* @__PURE__ */ jsx(ListItemIcon, { children: endAdornment })
1588
- ]
1589
- }
1590
- ) }, id);
1591
- };
1592
- const ButtonWrapper = styled(Box, {
1593
- shouldForwardProp: (prop) => prop !== "isOpen" && prop !== "buttonColor"
1594
- })(({ isOpen, theme, buttonColor }) => ({
1595
- display: "flex",
1596
- alignItems: "center",
1597
- justifyContent: "center",
1598
- ...isOpen && {
1599
- "& .MuiButtonBase-root": {
1600
- backgroundColor: theme.palette.action.hover
1601
- }
1602
- },
1603
- ...buttonColor === "secondary" && {
1604
- "& button": {
1605
- color: theme.palette.text.secondary
1606
- }
1607
- }
1608
- }));
1609
- function _FilterDropdown({
1610
- menuItems,
1611
- onClickItem,
1612
- value,
1613
- defaultValue = menuItems[0],
1614
- menuTitle,
1615
- disabled,
1616
- icon,
1617
- label,
1618
- buttonSize,
1619
- buttonColor = "primary",
1620
- dense = false,
1621
- extended = false,
1622
- "aria-label": ariaLabel,
1623
- responsive,
1624
- tooltipLabel,
1625
- tooltipPlacement,
1626
- slotProps,
1627
- MenuListProps,
1628
- ...props
1629
- }, ref) {
1630
- const [selected_, setSelected] = useState(defaultValue || void 0);
1631
- const [anchorEl, setAnchorEl] = useState(null);
1632
- const isOpen = !!anchorEl;
1633
- const selected = value ?? selected_;
1634
- const isTablet = useMediaQuery((theme) => theme.breakpoints.down("lg"));
1635
- const isIcon = Boolean(icon) && (!responsive || isTablet);
1636
- const menuLabel = label || (selected == null ? void 0 : selected.alternativeLabel) || (selected == null ? void 0 : selected.label) || "Select an option";
1637
- const [buttonId] = useState(() => `filter-dropdown-button-${uniqueId()}`);
1638
- const [menuId] = useState(() => `filter-dropdown-menu-${uniqueId()}`);
1639
- const handleOpen = (event) => {
1640
- setAnchorEl(event.currentTarget);
1641
- };
1642
- const handleClose = () => {
1643
- setAnchorEl(null);
1644
- };
1645
- const handleChange = (item, event) => {
1646
- setSelected(item);
1647
- onClickItem(item, event);
1648
- handleClose();
1649
- };
1650
- const commonButtonProps = {
1651
- onClick: handleOpen,
1652
- disabled,
1653
- size: buttonSize,
1654
- color: "default",
1655
- "aria-label": ariaLabel,
1656
- id: buttonId,
1657
- "aria-controls": isOpen ? menuId : void 0,
1658
- "aria-haspopup": !disabled,
1659
- "aria-expanded": isOpen
1660
- };
1661
- return /* @__PURE__ */ jsxs(Fragment, { children: [
1662
- /* @__PURE__ */ jsx(Tooltip, { title: tooltipLabel, placement: tooltipPlacement, children: /* @__PURE__ */ jsx(ButtonWrapper, { isOpen, buttonColor, ref, children: isIcon ? /* @__PURE__ */ jsx(IconButton$1, { ...commonButtonProps, icon }) : /* @__PURE__ */ jsx(
1663
- Button,
1664
- {
1665
- ...commonButtonProps,
1666
- endIcon: isOpen ? /* @__PURE__ */ jsx(ArrowUp, {}) : /* @__PURE__ */ jsx(ArrowDown, {}),
1667
- children: menuLabel
1668
- }
1669
- ) }) }),
1670
- /* @__PURE__ */ jsxs(
1671
- Menu$1,
1672
- {
1673
- id: menuId,
1674
- transformOrigin: { vertical: "top", horizontal: "right" },
1675
- anchorOrigin: { vertical: "bottom", horizontal: "right" },
1676
- ...props,
1677
- anchorEl,
1678
- open: isOpen,
1679
- onClose: handleClose,
1680
- keepMounted: true,
1681
- slotProps: {
1682
- ...slotProps,
1683
- paper: {
1684
- "data-name": "filter-dropdown",
1685
- "data-dense": dense,
1686
- ...slotProps == null ? void 0 : slotProps.paper
1687
- }
1688
- },
1689
- MenuListProps: {
1690
- "aria-labelledby": buttonId,
1691
- autoFocus: true,
1692
- // To allow keyboard navigation
1693
- ...MenuListProps
1694
- },
1695
- children: [
1696
- menuTitle && /* @__PURE__ */ jsx(MenuItem, { subtitle: true, children: menuTitle }),
1697
- menuItems.map((item) => {
1698
- const { id } = item;
1699
- return /* @__PURE__ */ jsx(
1700
- FilterDropdownMenuItem,
1701
- {
1702
- item,
1703
- selectedValue: selected,
1704
- dense,
1705
- extended,
1706
- onItemChange: handleChange
1707
- },
1708
- id
1709
- );
1710
- })
1711
- ]
1712
- }
1713
- )
1714
- ] });
1715
- }
1716
- const FilterDropdown = forwardRef(
1717
- _FilterDropdown
1718
- );
1719
1532
  const AccordionContainer = styled("div", {
1720
1533
  shouldForwardProp: (prop) => prop !== "variant"
1721
1534
  })(({ variant, theme }) => ({
@@ -5418,8 +5231,6 @@ export {
5418
5231
  DialogHeader,
5419
5232
  DialogPaper,
5420
5233
  DialogStepper,
5421
- FilterDropdown,
5422
- FilterDropdownMenuItem,
5423
5234
  IconButton$1 as IconButton,
5424
5235
  LabelWithIndicator,
5425
5236
  L as Link,
@@ -7,7 +7,7 @@ const TablePaginationActions = require("../TablePaginationActions-D2K26kdR.cjs")
7
7
  const iconsMaterial = require("@mui/icons-material");
8
8
  const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
9
9
  const xDatePickers = require("@mui/x-date-pickers");
10
- const MenuItem = require("../MenuItem-YpFpuljU.cjs");
10
+ const MenuItem = require("../MenuItem-BY6fuF5U.cjs");
11
11
  const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
12
12
  const tooltipArrowSize = 1;
13
13
  const tooltipSeparation = 0.5;
@@ -6,7 +6,7 @@ import { f, N } from "../TablePaginationActions-CCDi-BO-.js";
6
6
  import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined } from "@mui/icons-material";
7
7
  import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
8
8
  import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
9
- import { M as MenuItem } from "../MenuItem-badiQq9A.js";
9
+ import { M as MenuItem } from "../MenuItem-CKrhDizf.js";
10
10
  import { c as commonPalette } from "../paletteUtils-BHqJlHm9.js";
11
11
  import { g } from "../paletteUtils-BHqJlHm9.js";
12
12
  const tooltipArrowSize = 1;
@@ -1,7 +1,7 @@
1
1
  export type AccordionGroupProps = {
2
2
  variant?: 'standard' | 'outlined';
3
3
  items: {
4
- summary: string;
4
+ summary: string | React.ReactNode;
5
5
  content: React.ReactNode;
6
6
  disabled?: boolean;
7
7
  defaultExpanded?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/AccordionGroup.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IACjC,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;KACV,EAAE,CAAA;CACJ,CAAA;AAcD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAoB,EACpB,KAAK,EACL,GAAG,UAAU,EACd,EAAE,mBAAmB,2CAqBrB"}
1
+ {"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/AccordionGroup.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IACjC,KAAK,EAAE;QACL,OAAO,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QACjC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,eAAe,CAAC,EAAE,OAAO,CAAA;QACzB,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,EACrC,QAAQ,EAAE,OAAO,KACd,IAAI,CAAA;KACV,EAAE,CAAA;CACJ,CAAA;AAcD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAoB,EACpB,KAAK,EACL,GAAG,UAAU,EACd,EAAE,mBAAmB,2CAqBrB"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Menu/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAA;AAMtB,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAClC,CAAA;AAsLD,QAAA,MAAM,QAAQ,sHAAwB,CAAA;AACtC,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Menu/MenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAA;AAMtB,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAClC,CAAA;AAqLD,QAAA,MAAM,QAAQ,sHAAwB,CAAA;AACtC,eAAe,QAAQ,CAAA"}
@@ -3,7 +3,6 @@ export * from './MultipleSelectField';
3
3
  export * from './Table';
4
4
  export * from './UploadField';
5
5
  export * from './Autocomplete';
6
- export * from './FilterDropdown';
7
6
  export { default as AccordionGroup } from './AccordionGroup';
8
7
  export { default as Alert } from './Alert';
9
8
  export { default as Avatar } from './Avatar';
@@ -19,5 +18,4 @@ export type * from './Autocomplete/types';
19
18
  export type * from './Avatar';
20
19
  export type * from './Snackbar';
21
20
  export type * from './Tag';
22
- export type * from './FilterDropdown/types';
23
21
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AAEtC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,uBAAuB,CAAA;AAC1C,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,OAAO,CAAA;AAC1B,mBAAmB,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,uBAAuB,CAAA;AACrC,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAA;AAEtC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,uBAAuB,CAAA;AAC1C,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,OAAO,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { ChipProps, DialogProps as MuiDialogProps, DialogContentProps as MuiDialogContentProps, DialogActionsProps as MuiDialogActionsProps, DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
3
- import { AlertProps } from '../../molecules/Alert';
3
+ import { AlertProps } from '../..';
4
4
  export type DialogSize = 'small' | 'medium' | 'large' | 'xlarge';
5
5
  export interface DialogProps extends MuiDialogProps {
6
6
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,SAAS,EACT,WAAW,IAAI,cAAc,EAC7B,kBAAkB,IAAI,qBAAqB,EAC3C,kBAAkB,IAAI,qBAAqB,EAC3C,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnE,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,EAAE,CAAA;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,SAAS,EACT,WAAW,IAAI,cAAc,EAC7B,kBAAkB,IAAI,qBAAqB,EAC3C,kBAAkB,IAAI,qBAAqB,EAC3C,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnE,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,EAAE,CAAA;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carto/meridian-ds",
3
- "version": "2.2.0-alpha-filter-dropdown.6",
3
+ "version": "2.2.1",
4
4
  "description": "CARTO Meridian Design System",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -1,6 +0,0 @@
1
- import { default as React, ForwardedRef } from 'react';
2
- import { FilterDropdownProps } from './types';
3
- export declare function _FilterDropdown({ menuItems, onClickItem, value, defaultValue, menuTitle, disabled, icon, label, buttonSize, buttonColor, dense, extended, 'aria-label': ariaLabel, responsive, tooltipLabel, tooltipPlacement, slotProps, MenuListProps, ...props }: FilterDropdownProps, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
4
- declare const FilterDropdown: React.ForwardRefExoticComponent<Omit<FilterDropdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- export default FilterDropdown;
6
- //# sourceMappingURL=FilterDropdown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoC,YAAY,EAAE,MAAM,OAAO,CAAA;AAQ7E,OAAO,EAA2B,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA0BtE,wBAAgB,eAAe,CAC7B,EACE,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAA2B,EAC3B,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAuB,EACvB,KAAa,EACb,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,EACtB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,2CAuGlC;AAID,QAAA,MAAM,cAAc,yGAEnB,CAAA;AACD,eAAe,cAAc,CAAA"}
@@ -1,3 +0,0 @@
1
- import { FilterDropdownMenuItemProps } from './types';
2
- export declare const FilterDropdownMenuItem: ({ item, selectedValue, dense, extended, onItemChange, }: FilterDropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
3
- //# sourceMappingURL=FilterDropdownMenuItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FilterDropdownMenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/FilterDropdownMenuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,sBAAsB,4DAMhC,2BAA2B,mDAoD7B,CAAA"}
@@ -1,4 +0,0 @@
1
- export { default as FilterDropdown } from './FilterDropdown';
2
- export { FilterDropdownMenuItem } from './FilterDropdownMenuItem';
3
- export type * from './types';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,mBAAmB,SAAS,CAAA"}
@@ -1,55 +0,0 @@
1
- import { ReactNode, MouseEvent } from 'react';
2
- import { TooltipProps } from '@mui/material';
3
- import { MenuItemProps, MenuProps } from '../Menu';
4
- export interface FilterDropdownItemProps extends Omit<MenuItemProps, 'id' | 'hidden'> {
5
- id: string | number;
6
- label: ReactNode;
7
- alternativeLabel?: string;
8
- disabled?: boolean;
9
- selected?: boolean;
10
- divider?: boolean;
11
- description?: ReactNode;
12
- tooltipLabel?: ReactNode;
13
- tooltipPlacement?: TooltipProps['placement'];
14
- startAdornment?: ReactNode;
15
- endAdornment?: ReactNode;
16
- hidden?: boolean | null;
17
- 'aria-label'?: string;
18
- }
19
- export interface FilterDropdownProps extends Omit<MenuProps, 'defaultValue' | 'open'> {
20
- menuItems: FilterDropdownItemProps[];
21
- onClickItem: (item: FilterDropdownItemProps, event?: MouseEvent) => unknown;
22
- value?: FilterDropdownItemProps;
23
- defaultValue?: FilterDropdownItemProps | null;
24
- icon?: ReactNode;
25
- label?: ReactNode;
26
- menuTitle?: ReactNode;
27
- disabled?: boolean;
28
- responsive?: boolean;
29
- dense?: boolean;
30
- extended?: boolean;
31
- buttonSize?: 'small' | 'medium' | 'large';
32
- buttonColor?: 'secondary' | 'primary';
33
- transformOrigin?: {
34
- vertical: 'top' | 'center' | 'bottom';
35
- horizontal: 'left' | 'center' | 'right';
36
- };
37
- anchorOrigin?: {
38
- vertical: 'top' | 'center' | 'bottom';
39
- horizontal: 'left' | 'center' | 'right';
40
- };
41
- slotProps?: {
42
- paper?: React.HTMLAttributes<HTMLDivElement>;
43
- };
44
- 'aria-label'?: string;
45
- tooltipLabel?: ReactNode;
46
- tooltipPlacement?: TooltipProps['placement'];
47
- }
48
- export interface FilterDropdownMenuItemProps {
49
- item: FilterDropdownItemProps;
50
- onItemChange: (item: FilterDropdownItemProps, event?: MouseEvent) => void;
51
- selectedValue?: FilterDropdownItemProps;
52
- dense?: boolean;
53
- extended?: boolean;
54
- }
55
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FilterDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAElD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,QAAQ,CAAC;IAC5C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,SAAS,CAAA;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,cAAc,GAAG,MAAM,CAAC;IAChD,SAAS,EAAE,uBAAuB,EAAE,CAAA;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAA;IAC3E,KAAK,CAAC,EAAE,uBAAuB,CAAA;IAC/B,YAAY,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAA;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACzC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACrC,eAAe,CAAC,EAAE;QAChB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,YAAY,CAAC,EAAE;QACb,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;QACrC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;KACxC,CAAA;IACD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;KAC7C,CAAA;IACD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;CAC7C;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,uBAAuB,CAAA;IAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,uBAAuB,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;IACzE,aAAa,CAAC,EAAE,uBAAuB,CAAA;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}