@aivenio/aquarium 1.80.1 → 2.1.0

package/dist/src/molecules/DataList/DataListGroup.js

@@ -15,6 +15,7 @@ import { Accordion } from '../../../src/molecules/Accordion/Accordion';
 import { List } from '../../../src/molecules/List/List';
 import { Checkbox } from '../../../src/atoms/Checkbox/Checkbox';
 import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
+import { RadioButton } from '../../../src/atoms/RadioButton/RadioButton';
 import { Typography } from '../../../src/atoms/Typography/Typography';
 import { areRowsGrouped, cellProps, } from '../../../src/utils/table/types';
 import { tw } from '../../../src/utils/tailwind';
@@ -24,15 +25,15 @@ import { flattenRows } from './utils';
 const GAP = 8;
 const INDENTATION = 28;
 const sortGroupKeys = (groupKeys) => [...groupKeys].sort((a) => (a === 'undefined' ? -1 : 1));
-export const getDefaultRowCheckboxLabel = () => 'Select row';
+export const getDefaultRowSelectionLabel = () => 'Select row';
 export const getDefaultGroupCheckboxLabel = (key) => `Select ${key}`;
 export const renderDefaultGroupName = (key) => (React.createElement(React.Fragment, null,
     "Group: ",
     React.createElement("b", null, key)));
 export const renderDefaultEmptyGroup = () => (React.createElement(DataListBase.EmptyGroup, { icon: infoSign }, "This group is empty"));
 export const DataListGroup = (_a) => {
-    var { groups, groupKey, level = 0 } = _a, props = __rest(_a, ["groups", "groupKey", "level"]);
-    const { columns, disabled, rowClassName, expandedGroupIds, getGroupRow, renderGroupName = renderDefaultGroupName, renderEmptyGroup = renderDefaultEmptyGroup, menu, menuAriaLabel, onAction, onGroupToggled, onMenuOpenChange, rows, selectable, selectedRows, onSelectionChange, selectionDisabled = () => false, getRowCheckboxLabel = getDefaultRowCheckboxLabel, getGroupCheckboxLabel = getDefaultGroupCheckboxLabel, } = props;
+    var { groups, groupKey, level = 0, isLastGroup } = _a, props = __rest(_a, ["groups", "groupKey", "level", "isLastGroup"]);
+    const { columns, disabled, rowClassName, expandedGroupIds, getGroupRow, renderGroupName = renderDefaultGroupName, renderEmptyGroup = renderDefaultEmptyGroup, menu, menuAriaLabel, onAction, onGroupToggled, onMenuOpenChange, rows, selectable, selectedRows, getOnSelectionChangeForId, selectionDisabled = () => false, getRowSelectionLabel = getDefaultRowSelectionLabel, getGroupCheckboxLabel = getDefaultGroupCheckboxLabel, } = props;
     const groupKeys = groups ? Object.keys(groups) : undefined;
     const hasCustomRowForGroup = isFunction(getGroupRow);
     // Let's first check if the group content contains nested groups or not.
@@ -40,19 +41,20 @@ export const DataListGroup = (_a) => {
     // we can just render the rows.
     if (!areRowsGrouped(groups)) {
         if (groups.length === 0 && groupKey && groupKey !== 'undefined') {
-            return (React.createElement(DataListBase.Row, null,
+            return (React.createElement(DataListBase.Row, { isLast: isLastGroup },
                 selectable && React.createElement(DataListBase.Cell, null),
                 React.createElement(DataListBase.Cell, { style: { paddingLeft: `${2 + GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` } },
                     React.createElement(Typography, { variant: "small", color: "muted" }, renderEmptyGroup(groupKey)))));
         }
         return (React.createElement(List, { items: groups, renderItem: (row, index) => {
                 var _a;
-                const isChecked = (_a = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row.id)) !== null && _a !== void 0 ? _a : false;
+                const isSelected = (_a = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row.id)) !== null && _a !== void 0 ? _a : false;
                 const isDisabled = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows);
                 const isSelectionDisabled = selectionDisabled(row, index, rows);
-                return (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, rows: rows, active: selectable && isChecked, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, rowClassName: rowClassName, additionalRowProps: () => selectable
+                const isLastRow = isLastGroup && index === groups.length - 1;
+                return (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, isLast: isLastRow, rows: rows, active: selectable && isSelected, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, selectionDisabled: selectionDisabled, rowClassName: rowClassName, additionalRowProps: () => selectable
                         ? {
-                            'aria-selected': isChecked,
+                            'aria-selected': isSelected,
                         }
                         : {}, additionalColumnProps: (_, columnIndex) => columnIndex === 0
                         ? {
@@ -62,8 +64,9 @@ export const DataListGroup = (_a) => {
                         }
                         : {}, renderFirstColumn: (row, index) => {
                         return (React.createElement(React.Fragment, null, selectable && (React.createElement(DataListBase.Cell, null,
-                            React.createElement(Checkbox, { "aria-label": getRowCheckboxLabel(row, index, isChecked, rows), onChange: onSelectionChange(row.id), checked: isChecked, disabled: isDisabled || isSelectionDisabled })))));
-                    } }));
+                            selectable === 'single' && (React.createElement(RadioButton, { value: row.id.toString(), "aria-label": getRowSelectionLabel(row, index, isSelected, rows), onChange: getOnSelectionChangeForId(row.id), checked: isSelected, disabled: isDisabled || isSelectionDisabled })),
+                            selectable === 'multiple' && (React.createElement(Checkbox, { "aria-label": getRowSelectionLabel(row, index, isSelected, rows), onChange: getOnSelectionChangeForId(row.id), checked: isSelected, disabled: isDisabled || isSelectionDisabled }))))));
+                    }, onClick: selectable === 'single' ? getOnSelectionChangeForId(row.id) : undefined }));
             } }));
     }
     if (!groupKeys) {
@@ -79,30 +82,31 @@ export const DataListGroup = (_a) => {
             // and get the indentation right. Note that we don't increase the nesting level here because
             // the design doesn't include any indentation for the direct children rows of a group.
             if (key === 'undefined' || key === undefined) {
-                return React.createElement(DataListGroup, Object.assign({ key: "undefined", groupKey: "undefined", level: level }, props, { groups: group }));
+                return (React.createElement(DataListGroup, Object.assign({ key: "undefined", groupKey: "undefined", level: level }, props, { groups: group, isLastGroup: isLastGroup && index === groupKeys.length - 1 })));
             }
             const openPanelId = expandedGroupIds ? (_a = expandedGroupIds.find((id) => id === key)) !== null && _a !== void 0 ? _a : null : undefined;
             const nestedRowIds = flattenRows(group).map((row) => row.id);
             const nestedSelectedIds = (_b = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.filter((id) => nestedRowIds.includes(id))) !== null && _b !== void 0 ? _b : [];
             const allSelected = nestedRowIds.length === nestedSelectedIds.length;
             const isChecked = nestedSelectedIds.length > 0;
+            const isActiveRow = !!openPanelId || (selectable && isChecked);
+            const isLastRow = isLastGroup && index === groupKeys.length - 1 && !openPanelId;
             return (React.createElement(Accordion, { key: key, openPanelId: openPanelId },
-                hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: !!openPanelId || (selectable && isChecked) },
-                    selectable && (React.createElement(DataListBase.Cell, null,
-                        React.createElement(Checkbox, { "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows), checked: isChecked, indeterminate: isChecked && !allSelected, disabled: group.length === 0, onChange: onSelectionChange(nestedRowIds) }))),
+                hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: isActiveRow, isLast: isLastRow },
+                    selectable && (React.createElement(DataListBase.Cell, null, selectable === 'multiple' && (React.createElement(Checkbox, { "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows), checked: isChecked, indeterminate: isChecked && !allSelected, disabled: group.length === 0, onChange: getOnSelectionChangeForId(nestedRowIds) })))),
                     React.createElement(List, { items: columns, renderItem: (column, idx) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column), { className: tw('gap-3'), style: idx === 0 ? { paddingLeft: `${GAP + level * INDENTATION}px` } : undefined }),
                             idx === 0 && React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled }),
                             React.createElement(DataListCell, { column: column, row: getGroupRow(key, group), index: -1, rows: [] }))) }),
                     React.createElement(DataListRowMenu, { row: getGroupRow(key, group), index: -1, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }))),
-                !hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: !!openPanelId || (selectable && isChecked) },
-                    selectable && (React.createElement(DataListBase.Cell, null,
-                        React.createElement(Checkbox, { "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows), checked: isChecked, indeterminate: isChecked && !allSelected, disabled: group.length === 0, onChange: onSelectionChange(nestedRowIds) }))),
+                !hasCustomRowForGroup && (React.createElement(DataListBase.Row, { active: isActiveRow, isLast: isLastRow },
+                    selectable === 'multiple' && (React.createElement(DataListBase.Cell, null,
+                        React.createElement(Checkbox, { "aria-label": getGroupCheckboxLabel(key, group, index, isChecked, rows), checked: isChecked, indeterminate: isChecked && !allSelected, disabled: group.length === 0, onChange: getOnSelectionChangeForId(nestedRowIds) }))),
                     React.createElement(DataListBase.Cell, { className: tw('gap-3'), style: { paddingLeft: `${GAP + level * INDENTATION}px`, gridColumn: `${selectable ? 2 : 1} / -1` } },
                         React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled }),
                         renderGroupName(key, group)))),
-                React.createElement(DataListBase.Row, { subgroup: true },
-                    React.createElement(Accordion.UnanimatedPanel, { panelId: key },
-                        React.createElement(DataListGroup, Object.assign({ key: key, groupKey: key, level: level + 1 }, props, { groups: group }))))));
+                React.createElement(Accordion.UnanimatedPanel, { panelId: key },
+                    React.createElement(DataListBase.Row, { subgroup: true },
+                        React.createElement(DataListGroup, Object.assign({ key: key, groupKey: key, level: level + 1 }, props, { groups: group, isLastGroup: isLastGroup && index === groupKeys.length - 1 }))))));
         } }));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFN0QsT0FBTyxFQUNMLGNBQWMsRUFDZCxTQUFTLEdBS1YsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxRQUFRLE1BQU0sb0JBQW9CLENBQUM7QUFHMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUV0QyxNQUFNLEdBQUcsR0FBRyxDQUFDLENBQUM7QUFDZCxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsTUFBTSxhQUFhLEdBQUcsQ0FBQyxTQUFtQixFQUFFLEVBQUUsQ0FBQyxDQUFDLEdBQUcsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RHcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTdELE9BQU8sRUFDTCxjQUFjLEVBQ2QsU0FBUyxHQUtWLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sUUFBUSxNQUFNLG9CQUFvQixDQUFDO0FBRzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFFdEMsTUFBTSxHQUFHLEdBQUcsQ0FBQyxDQUFDO0FBQ2QsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0FBRXZCLE1BQU0sYUFBYSxHQUFHLENBQUMsU0FBbUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxHQUFHLFNBQVMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEtB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

package/dist/src/molecules/DataList/DataListSkeleton.js

@@ -8,8 +8,8 @@ export const DataListSkeleton = ({ columns = ['1', '2', '2', 52], rows = 5 }) =>
     return (React.createElement(Template, { role: "table", columns: columns },
         React.createElement(DataListBase.Row, null, columnsAmount.map((_, index) => (React.createElement(DataListBase.HeadCell, { key: index },
             React.createElement(Skeleton, { width: "100%", height: 17.5 }))))),
-        React.createElement(List, { items: [...Array(rows).keys()], renderItem: (item) => (React.createElement(DataListBase.Row, { key: item },
+        React.createElement(List, { items: [...Array(rows).keys()], renderItem: (item, index) => (React.createElement(DataListBase.Row, { key: item, isLast: index === rows - 1 },
                 React.createElement(List, { items: columnsAmount, renderItem: (key) => (React.createElement(DataListBase.Cell, { key: key },
                         React.createElement(Skeleton, { width: "100%", height: 17.5 }))) }))) })));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RTa2VsZXRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RTa2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0sc0JBQXNCLENBQUM7QUFPN0QsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQTRCLENBQUMsRUFBRSxPQUFPLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRTtJQUN2RyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNoRyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLE9BQU87UUFDckMsb0JBQUMsWUFBWSxDQUFDLEdBQUcsUUFDZCxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDL0Isb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztZQUMvQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUUsSUFBSSxHQUFJLENBQ2pCLENBQ3pCLENBQUMsQ0FDZTtRQUNuQixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFDOUIsVUFBVSxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUNwQixvQkFBQyxZQUFZLENBQUMsR0FBRyxJQUFDLEdBQUcsRUFBRSxJQUFJO2dCQUN6QixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLGFBQWEsRUFDcEIsVUFBVSxFQUFFLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxDQUNuQixvQkFBQyxZQUFZLENBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxHQUFHO3dCQUN6QixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUUsSUFBSSxHQUFJLENBQ3JCLENBQ3JCLEdBQ0QsQ0FDZSxDQUNwQixHQUNELENBQ08sQ0FDWixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RTa2VsZXRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RTa2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0sc0JBQXNCLENBQUM7QUFPN0QsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQTRCLENBQUMsRUFBRSxPQUFPLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRTtJQUN2RyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNoRyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsT0FBTyxFQUFFLE9BQU87UUFDckMsb0JBQUMsWUFBWSxDQUFDLEdBQUcsUUFDZCxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDL0Isb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSztZQUMvQixvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFDLE1BQU0sRUFBQyxNQUFNLEVBQUUsSUFBSSxHQUFJLENBQ2pCLENBQ3pCLENBQUMsQ0FDZTtRQUNuQixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLENBQUMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsRUFDOUIsVUFBVSxFQUFFLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDM0Isb0JBQUMsWUFBWSxDQUFDLEdBQUcsSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxLQUFLLEtBQUssSUFBSSxHQUFHLENBQUM7Z0JBQ3JELG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsYUFBYSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLFlBQVksQ0FBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUc7d0JBQ3pCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxJQUFJLEdBQUksQ0FDckIsQ0FDckIsR0FDRCxDQUNlLENBQ3BCLEdBQ0QsQ0FDTyxDQUNaLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/molecules/Drawer/Drawer.d.ts

@@ -3,7 +3,7 @@ import { type ModalProps } from '../../../src/molecules/Modal/Modal';
 import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
 import { type AllOrNone } from '../../../types/utils';
 export declare type DrawerSize = 'lg' | 'md' | 'sm';
-export declare type DrawerProps = AllOrNone<CommonContextualMenuProps> & Pick<ModalProps, 'children' | 'closeOnEsc' | 'onClose' | 'open' | 'portalContainer' | 'primaryAction' | 'secondaryActions' | 'title'> & {
+export declare type DrawerProps = AllOrNone<CommonContextualMenuProps> & Pick<ModalProps, 'children' | 'closeOnEsc' | 'onClose' | 'open' | 'primaryAction' | 'secondaryActions' | 'title'> & {
     /** Optional size (width): sm, md, lg */
     size?: DrawerSize;
 };

package/dist/src/molecules/Drawer/Drawer.js

@@ -10,18 +10,16 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { useOverlayTriggerState } from 'react-stately';
-import { useDialog } from '@react-aria/dialog';
-import { Overlay, useModalOverlay } from '@react-aria/overlays';
-import { useId } from '@react-aria/utils';
+import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
 import { animated, useSpring } from '@react-spring/web';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
 import { Box } from '../../../src/molecules/Box/Box';
 import { Button } from '../../../src/molecules/Button/Button';
 import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
+import { ModalTitle } from '../../../src/molecules/Modal/ModalTitle';
 import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, Tabs, } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
 import { tw } from '../../../src/utils/tailwind';
 import { isComponentType } from '../../../types/utils';
 import cross from '../../../src/icons/cross';
@@ -33,22 +31,17 @@ const WIDTHS = {
     md: 560,
     lg: 1080,
 };
-export const Drawer = (_a) => {
-    var { open, closeOnEsc = true } = _a, props = __rest(_a, ["open", "closeOnEsc"]);
-    const { onClose, size = 'sm', portalContainer } = props;
+export const Drawer = ({ open, onClose, size = 'sm', children, title, menu, menuAriaLabel, menuLabel, onMenuOpenChange, onAction, primaryAction, secondaryActions, closeOnEsc = true, }) => {
     /*
      * We need a local state to keep track of the drawer being open or not. This is needed
      * because the drawer is animated and we need to wait for the animation to finish before
      * removing it from the DOM.
      */
     const [hidden, setHidden] = React.useState(!open);
-    const ref = React.useRef(null);
-    const state = useOverlayTriggerState({ isOpen: !hidden, onOpenChange: (isOpen) => !isOpen && onClose() });
     // Check if drawer was opened and our local state is still false. If so, set it to true.
     if (open && hidden) {
         setHidden(!open);
     }
-    const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
     const { opacity, right } = useSpring({
         right: open ? '0px' : `-${WIDTHS[size]}px`,
         opacity: open ? 0.6 : 0,
@@ -63,54 +56,45 @@ export const Drawer = (_a) => {
             }
         },
     });
-    if (!state.isOpen) {
+    if (hidden) {
         return null;
     }
-    return (React.createElement(Overlay, { portalContainer: portalContainer },
-        React.createElement(BaseModal, { kind: "drawer", className: "Aquarium-Drawer overflow-x-hidden", open: true },
-            React.createElement(AnimatedBackDrop, Object.assign({ style: { opacity } }, underlayProps)),
-            React.createElement(DrawerWrapper, Object.assign({ ref: ref }, props, modalProps, { spring: { right } })))));
-};
-const DrawerWrapper = React.forwardRef((_a, ref) => {
-    var _b;
-    var { title, children, size = 'sm', primaryAction, secondaryActions, onClose, spring, onAction, menu, onMenuOpenChange, menuLabel, menuAriaLabel } = _a, props = __rest(_a, ["title", "children", "size", "primaryAction", "secondaryActions", "onClose", "spring", "onAction", "menu", "onMenuOpenChange", "menuLabel", "menuAriaLabel"]);
-    const labelledBy = useId();
-    const describedBy = useId();
-    /*
-     * useDialog() also returns 'titleProps', but it doesn't work correctly
-     * in this case because the title id is set to null after the second render.
-     * The problem (most likely) is somewhere in this component which causes
-     * it render twice when it is opened and that causes the useSlotId() hook
-     * in react-aria to think that the title is not rendered correctly.
-     */
-    const { dialogProps } = useDialog({ 'role': 'dialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
     // We'll use modal size 'full' when the drawer size is 'lg'.
     const dialogSize = size === 'lg' ? 'full' : size;
+    const styles = modalStyles({ kind: 'drawer', size: dialogSize });
+    // Try to detect tabs in the children.
     const childElements = React.Children.toArray(children).filter(React.isValidElement);
     const onlyChild = childElements.length === 1 ? childElements[0] : null;
     const hasTabs = isComponentType(onlyChild, Tabs);
-    return (React.createElement(AnimatedDialog, Object.assign({ ref: ref, kind: "drawer", "aria-modal": "true", size: dialogSize }, props, dialogProps, { style: { position: 'fixed', right: spring.right } }),
-        React.createElement(BaseModal.CloseButtonContainer, null,
-            React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: onClose })),
-        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': hasTabs }) },
-            React.createElement(BaseModal.Title, { id: labelledBy, kind: "drawer" }, title)),
-        hasTabs ? (React.createElement(DrawerTabs, Object.assign({}, onlyChild.props, { className: tw('[&>div:first-child]:px-5 grow flex flex-col overflow-y-auto') }))) : (React.createElement(BaseModal.Body, { id: describedBy, tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
-        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
-            React.createElement(BaseModal.Actions, { className: size === 'sm' ? tw('flex-col') : undefined },
-                size !== 'sm' && menu && (React.createElement(Box.Flex, { alignItems: "center" },
-                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
-                        React.createElement(DropdownMenu.Trigger, null,
-                            React.createElement(Button.Icon, { "aria-label": (_b = menuAriaLabel !== null && menuAriaLabel !== void 0 ? menuAriaLabel : menuLabel) !== null && _b !== void 0 ? _b : 'Context menu', icon: more })),
-                        menu))),
-                secondaryActions &&
-                    castArray(secondaryActions)
-                        .filter(Boolean)
-                        .map((_a) => {
-                        var { text } = _a, action = __rest(_a, ["text"]);
-                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                    }),
-                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
-});
+    return (React.createElement(AriaModalOverlay, { isOpen: !hidden, onOpenChange: (isOpen) => !isOpen && (onClose === null || onClose === void 0 ? void 0 : onClose()), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Drawer' }) },
+        React.createElement(AnimatedBackDrop, { style: { opacity } }),
+        React.createElement(AriaModal, null,
+            React.createElement(AnimatedDialog, { kind: "drawer", "aria-modal": "true", size: dialogSize, style: { position: 'fixed', right } },
+                React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => {
+                    var _a;
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement(BaseModal.CloseButtonContainer, null,
+                            React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
+                        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': hasTabs }) },
+                            React.createElement(ModalTitle, { kind: "drawer" }, title)),
+                        hasTabs ? (React.createElement(DrawerTabs, Object.assign({}, onlyChild.props, { className: tw('[&>div:first-child]:px-5 grow flex flex-col overflow-y-auto') }))) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
+                        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
+                            React.createElement(BaseModal.Actions, { className: size === 'sm' ? tw('flex-col') : undefined },
+                                size !== 'sm' && menu && (React.createElement(Box.Flex, { alignItems: "center" },
+                                    React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action), onOpenChange: onMenuOpenChange },
+                                        React.createElement(DropdownMenu.Trigger, null,
+                                            React.createElement(Button.Icon, { "aria-label": (_a = menuAriaLabel !== null && menuAriaLabel !== void 0 ? menuAriaLabel : menuLabel) !== null && _a !== void 0 ? _a : 'Context menu', icon: more })),
+                                        menu))),
+                                secondaryActions &&
+                                    castArray(secondaryActions)
+                                        .filter(Boolean)
+                                        .map((_a) => {
+                                        var { text } = _a, action = __rest(_a, ["text"]);
+                                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
+                                    }),
+                                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
+                })))));
+};
 const DrawerTabs = createTabsComponent(ModalTab, TabItem, 'DrawerTabs', (children, selected) => (React.createElement(BaseModal.Body, { className: tw('h-full') },
     React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLEVBQUUsUUFBUSxFQUFvQixTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxRSxPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFdkUsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sRUFFUCxJQUFJLEdBQ0wsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5RCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQWFsQyxN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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EcmF3ZXIvRHJhd2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM1RCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixpQkFBaUIsRUFDakIsT0FBTyxFQUVQLElBQUksR0FDTCxNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQWtCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5RCxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUNwQyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQVVsQyxNQUFNLGdCQUFnQixHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMs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

package/dist/src/molecules/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type TabProps, type TabsProps } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, type ModalSize } from '../../../src/atoms/Modal/Modal';
 import { type AsyncActionType } from '../../../types/ActionType';
 export declare type ModalProps = {
     /** Required title. */
@@ -19,17 +19,12 @@ export declare type ModalProps = {
     onClose: () => void;
     /** Component content. */
     children?: React.ComponentProps<typeof BaseModal.Body>['children'];
-    /** Optional size (width): sm, md, full */
-    size?: React.ComponentProps<typeof BaseModal.Dialog>['size'];
+    /** Optional size (width): sm, md, full, screen */
+    size?: ModalSize;
     /** Optional primary action. Maximum of one is allowed. */
     primaryAction?: AsyncActionType;
     /** Optional secondary actions. One or more can be provided. */
     secondaryActions?: AsyncActionType | AsyncActionType[];
-    /**
-     * The container element in which the overlay portal will be placed.
-     * @default document.body
-     */
-    portalContainer?: Element;
     /**
      * When true, modal can be closed using escape.
      * @default true

package/dist/src/molecules/Modal/Modal.js

@@ -10,64 +10,45 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { useDialog } from '@react-aria/dialog';
-import { Overlay, useModalOverlay } from '@react-aria/overlays';
-import { useId } from '@react-aria/utils';
-import { useOverlayTriggerState } from '@react-stately/overlays';
+import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
 import castArray from 'lodash/castArray';
 import omit from 'lodash/omit';
-import { Button, IconButton } from '../../../src/molecules/Button/Button';
+import { Button } from '../../../src/molecules/Button/Button';
 import { createTabsComponent, ModalTab, ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
-import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
 import { tw } from '../../../src/utils/tailwind';
 import { isComponentType } from '../../../types/utils';
 import cross from '../../../src/icons/cross';
-export const Modal = (_a) => {
-    var { closeOnEsc = true } = _a, props = __rest(_a, ["closeOnEsc"]);
-    const { open, onClose, size, portalContainer } = props;
-    const ref = React.useRef(null);
-    const state = useOverlayTriggerState({ isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose() });
-    const { modalProps, underlayProps } = useModalOverlay({ isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc }, state, ref);
-    if (!state.isOpen) {
+import { ModalTitle } from './ModalTitle';
+export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerImage, children, title, subtitle, primaryAction, secondaryActions, }) => {
+    if (!open) {
         return null;
     }
-    return (React.createElement(Overlay, { portalContainer: portalContainer },
-        React.createElement(BaseModal, { className: "Aquarium-Modal", open: true },
-            React.createElement(BaseModal.BackDrop, Object.assign({}, underlayProps)),
-            React.createElement(ModalWrapper, Object.assign({ ref: ref, size: size }, props, modalProps)))));
+    const styles = modalStyles({ kind: 'dialog', size });
+    const hasTabs = isComponentType(children, ModalTabs);
+    return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && (onClose === null || onClose === void 0 ? void 0 : onClose()), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
+        size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
+        React.createElement(AriaModal, { className: styles.dialog() },
+            React.createElement(AriaDialog, { className: "flex flex-col grow overflow-y-auto" }, ({ close }) => (React.createElement(React.Fragment, null,
+                React.createElement(BaseModal.CloseButtonContainer, null,
+                    React.createElement(Button.Icon, { "aria-label": "Close", icon: cross, onClick: close })),
+                headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
+                React.createElement(BaseModal.Header, { kind: "dialog", size: size, className: tw({ 'pb-3': isComponentType(children, ModalTabs) }) },
+                    React.createElement(BaseModal.TitleContainer, null,
+                        React.createElement(ModalTitle, { kind: "dialog" }, title),
+                        subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
+                hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
+                (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
+                    React.createElement(BaseModal.Actions, null,
+                        secondaryActions &&
+                            castArray(secondaryActions)
+                                .filter(Boolean)
+                                .map((_a) => {
+                                var { text } = _a, action = __rest(_a, ["text"]);
+                                return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
+                            }),
+                        primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))))))));
 };
-const ModalWrapper = React.forwardRef((_a, ref) => {
-    var { title, subtitle, headerImage, primaryAction, secondaryActions, children, onClose } = _a, props = __rest(_a, ["title", "subtitle", "headerImage", "primaryAction", "secondaryActions", "children", "onClose"]);
-    const labelledBy = useId();
-    const describedBy = useId();
-    /*
-     * useDialog() also returns 'titleProps', but it doesn't work correctly
-     * in this case because the title id is set to null after the second render.
-     * The problem (most likely) is somewhere in this component which causes
-     * it render twice when it is opened and that causes the useSlotId() hook
-     * in react-aria to think that the title is not rendered correctly.
-     */
-    const { dialogProps } = useDialog({ 'role': 'dialog', 'aria-labelledby': labelledBy, 'aria-describedby': describedBy }, ref);
-    return (React.createElement(BaseModal.Dialog, Object.assign({ ref: ref }, props, dialogProps, { tabIndex: -1 }),
-        React.createElement(BaseModal.CloseButtonContainer, null,
-            React.createElement(IconButton, { "aria-label": "Close", icon: cross, onClick: onClose })),
-        headerImage !== undefined && React.createElement(BaseModal.HeaderImage, { backgroundImage: headerImage }),
-        React.createElement(BaseModal.Header, { className: tw({ 'pb-3': isComponentType(children, ModalTabs) }) },
-            React.createElement(BaseModal.TitleContainer, null,
-                React.createElement(BaseModal.Title, { id: labelledBy }, title),
-                subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
-        isComponentType(children, ModalTabs) ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { id: describedBy, tabIndex: 0, noFooter: !(secondaryActions || primaryAction) }, children)),
-        (secondaryActions || primaryAction) && (React.createElement(BaseModal.Footer, null,
-            React.createElement(BaseModal.Actions, null,
-                secondaryActions &&
-                    castArray(secondaryActions)
-                        .filter(Boolean)
-                        .map((_a) => {
-                        var { text } = _a, action = __rest(_a, ["text"]);
-                        return (React.createElement(Button.Secondary, Object.assign({ key: text }, action), text));
-                    }),
-                primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))));
-});
 export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
     React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pFLE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pFLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsUUFBUSxFQUNSLGlCQUFpQixFQUNqQixPQUFPLEdBSVIsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBK0NwQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFBK0IsRUFBRSxFQUFFO1FBQW5DLEVBQUUsVUFBVSxHQUFHLElBQUksT0FBWSxFQUFQLEtBQUssY0FBN0IsY0FBK0IsQ0FBRjtJQUN2RSxNQUFNLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ3ZELE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sS0FBSyxHQUFHLHNCQUFzQixDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxJQUFJLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN2RyxNQUFNLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxHQUFHLGVBQWUsQ0FDbkQsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLHlCQUF5QixFQUFFLENBQUMsVUFBVSxFQUFFLEVBQ2hFLEtBQUssRUFDTCxHQUFHLENBQ0osQ0FBQztJQUVGLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1FBQ2pCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0wsb0JBQUMsT0FBTyxJQUFDLGVBQWUsRUFBRSxlQUFlO1FBQ3ZDLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSTtZQUN4QyxvQkFBQyxTQUFTLENBQUMsUUFBUSxvQkFBSyxhQUFhLEVBQUk7WUFDekMsb0JBQUMsWUFBWSxrQkFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLElBQU0sS0FBSyxFQUFNLFVBQVUsRUFBSSxDQUN2RCxDQUNKLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLENBQUMsRUFBOEYsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUF2RyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxnQkFBZ0IsRUFBRSxRQUFRLEVBQUUsT0FBTyxPQUFZLEVBQVAsS0FBSyxjQUE1RixnR0FBOEYsQ0FBRjtJQUMzRixNQUFNLFVBQVUsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMzQixNQUFNLFdBQVcsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUU1Qjs7Ozs7O09BTUc7SUFDSCxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUMvQixFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixFQUFFLFdBQVcsRUFBRSxFQUNwRixHQUFnQyxDQUNqQyxDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFNBQVMsQ0FBQyxNQUFNLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxFQUFNLFdBQVcsSUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ2xFLG9CQUFDLFNBQVMsQ0FBQyxvQkFBb0I7WUFDN0Isb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ2pDO1FBQ2hDLFdBQVcsS0FBSyxTQUFTLElBQUksb0JBQUMsU0FBUyxDQUFDLFdBQVcsSUFBQyxlQUFlLEVBQUUsV0FBVyxHQUFJO1FBQ3JGLG9CQUFDLFNBQVMsQ0FBQyxNQUFNLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxlQUFlLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFDL0Usb0JBQUMsU0FBUyxDQUFDLGNBQWM7Z0JBQ3ZCLG9CQUFDLFNBQVMsQ0FBQyxLQUFLLElBQUMsRUFBRSxFQUFFLFVBQVUsSUFBRyxLQUFLLENBQW1CO2dCQUN6RCxRQUFRLElBQUksb0JBQUMsU0FBUyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQXNCLENBQ3ZDLENBQ1Y7UUFDbEIsZUFBZSxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDdEMsS0FBSyxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLCtCQUErQixDQUFDLEVBQUUsQ0FBQyxDQUNqRixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsZ0JBQWdCLElBQUksYUFBYSxDQUFDLElBQ3pGLFFBQVEsQ0FDTSxDQUNsQjtRQUNBLENBQUMsZ0JBQWdCLElBQUksYUFBYSxDQUFDLElBQUksQ0FDdEMsb0JBQUMsU0FBUyxDQUFDLE1BQU07WUFDZixvQkFBQyxTQUFTLENBQUMsT0FBTztnQkFDZixnQkFBZ0I7b0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3lCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3lCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTs0QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7d0JBQU8sT0FBQSxDQUM1QixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsSUFBSSxJQUFNLE1BQU0sR0FDcEMsSUFBSSxDQUNZLENBQ3BCLENBQUE7cUJBQUEsQ0FBQztnQkFDTCxhQUFhLElBQUksQ0FDaEIsb0JBQUMsTUFBTSxDQUFDLE9BQU8sa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDckUsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNsQixDQUNpQixDQUNILENBQ3BCLENBQ2dCLENBQ3BCLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxtQkFBbUIsQ0FDMUMsUUFBUSxFQUNSLE9BQU8sRUFDUCxXQUFXLEVBQ1gsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDN0Isb0JBQUMsU0FBUyxDQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVM7SUFDeEMsb0JBQUMsaUJBQWlCLFFBQ2YsUUFBUSxDQUFDLElBQUksQ0FDWixDQUFDLElBQThDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEQsQ0FBQSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsS0FBSyxDQUFDLEtBQUssTUFBSyxRQUFRLElBQUksS0FBSyxLQUFLLFFBQVEsQ0FDdkQsQ0FDaUIsQ0FDTCxDQUNsQixDQUNGLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sU0FBUyxNQUFNLGtCQUFrQixDQUFDO0FBQ3pDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsaUJBQWlCLEVBQ2pCLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUVwQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBeUMxQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFDMUMsSUFBSSxFQUNKLE9BQU8sRUFDUCxVQUFVLEdBQUcsSUFBSSxFQUNqQixJQUFJLEdBQUcsSUFBSSxFQUNYLFdBQVcsRUFDWCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILElBQUksQ0FBQyxJQUFJLEVBQUU7UUFDVCxPQUFPLElBQUksQ0FBQztLQUNiO0lB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

package/dist/src/molecules/Modal/ModalTitle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+declare type ModalTitleProps = React.ComponentProps<typeof BaseModal.Title>;
+export declare const ModalTitle: ({ children, ...props }: ModalTitleProps) => React.JSX.Element;
+export {};

package/dist/src/molecules/Modal/ModalTitle.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { HeadingContext, useContextProps } from 'react-aria-components';
+import { Modal as BaseModal } from '../../../src/atoms/Modal/Modal';
+export const ModalTitle = (_a) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const [ctxProps] = useContextProps(Object.assign(Object.assign({}, props), { slot: 'title' }), null, HeadingContext);
+    return (React.createElement(BaseModal.Title, Object.assign({ id: ctxProps.id }, props), children));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxUaXRsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTW9kYWwvTW9kYWxUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RSxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBSTNELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQXVDLEVBQUUsRUFBRTtRQUEzQyxFQUFFLFFBQVEsT0FBNkIsRUFBeEIsS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQzdDLE1BQU0sQ0FBQyxRQUFRLENBQUMsR0FBRyxlQUFlLGlDQUFNLEtBQUssS0FBRSxJQUFJLEVBQUUsT0FBTyxLQUFJLElBQUksRUFBRSxjQUFjLENBQUMsQ0FBQztJQUN0RixPQUFPLENBQ0wsb0JBQUMsU0FBUyxDQUFDLEtBQUssa0JBQUMsRUFBRSxFQUFFLFFBQVEsQ0FBQyxFQUFFLElBQU0sS0FBSyxHQUN4QyxRQUFRLENBQ08sQ0FDbkIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9