@mongodb-js/compass-components 1.19.0 → 1.20.0

package/lib/components/workspace-tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkMlD,KAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,eAsHV;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAuJlD,KAAK,SAAS,GAAG,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;AAEtD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,GAAG,CAAC,EACX,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,eAwEV;AAED,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/lib/components/workspace-tabs/tab.js

@@ -1,80 +1,85 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tab = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const palette_1 = require("@leafygreen-ui/palette");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const sortable_1 = require("@dnd-kit/sortable");
 const utilities_1 = require("@dnd-kit/utilities");
 const use_theme_1 = require("../../hooks/use-theme");
-const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
 const merge_props_1 = require("../../utils/merge-props");
 const use_default_action_1 = require("../../hooks/use-default-action");
+function focusedChild(className) {
+    return `&:hover ${className}, &:focus-visible ${className}, &:focus-within:not(:focus) ${className}`;
+}
+const tabTransition = '.16s ease-in-out';
 const tabStyles = (0, emotion_1.css)({
-    border: '1px solid',
-    borderTopWidth: 0,
-    borderBottomWidth: 0,
-    transition: 'border-color .16s ease-out',
-    display: 'inline-flex',
-    flexDirection: 'row',
+    display: 'grid',
+    gridTemplateColumns: 'min-content 1fr min-content',
     alignItems: 'center',
-    margin: 0,
+    paddingLeft: 12,
     paddingRight: tokens_1.spacing[1],
-    paddingLeft: tokens_1.spacing[3],
-    maxWidth: tokens_1.spacing[6] * 3,
+    gap: tokens_1.spacing[2],
+    maxWidth: tokens_1.spacing[6] * 4,
     minWidth: tokens_1.spacing[6] * 2,
+    height: 36,
     position: 'relative',
-    color: palette_1.palette.gray.base,
     outline: 'none',
+    backgroundColor: 'var(--workspace-tab-background-color)',
+    color: 'var(--workspace-tab-color)',
+    boxShadow: 'inset -1px -1px 0 0 var(--workspace-tab-border-color)',
     '&:hover': {
         cursor: 'pointer',
         zIndex: 1,
-        transition: 'border-color .16s ease-in',
     },
-    ':not(:first-child)': {
-        marginLeft: '-1px',
+    '&:focus-visible': {
+        boxShadow: 'inset 0 0 0 1px var(--workspace-tab-border-color)',
+    },
+    [focusedChild('.workspace-tab-close-button')]: {
+        visibility: 'visible',
+    },
+});
+const animatedSubtitleStyles = (0, emotion_1.css)({
+    [focusedChild('.workspace-tab-title')]: {
+        transform: 'translateY(6px)',
+    },
+    [focusedChild('.workspace-tab-subtitle')]: {
+        opacity: 1,
+        transform: 'translateY(-4px)',
+        pointerEvents: 'auto',
     },
 });
 const tabLightThemeStyles = (0, emotion_1.css)({
-    background: palette_1.palette.white,
-    borderColor: palette_1.palette.gray.light2,
-    '&:hover': {
-        borderColor: palette_1.palette.gray.light1,
+    '--workspace-tab-background-color': palette_1.palette.gray.light3,
+    '--workspace-tab-selected-background-color': palette_1.palette.white,
+    '--workspace-tab-border-color': palette_1.palette.gray.light2,
+    '--workspace-tab-color': palette_1.palette.gray.base,
+    '--workspace-tab-selected-color': palette_1.palette.green.dark2,
+    '&:focus-visible': {
+        '--workspace-tab-selected-color': palette_1.palette.blue.base,
+        '--workspace-tab-border-color': palette_1.palette.blue.base,
     },
 });
 const tabDarkThemeStyles = (0, emotion_1.css)({
-    backgroundColor: palette_1.palette.black,
-    borderColor: palette_1.palette.gray.dark2,
-    '&:hover': {
-        borderColor: palette_1.palette.gray.dark1,
+    '--workspace-tab-background-color': palette_1.palette.gray.dark3,
+    '--workspace-tab-selected-background-color': palette_1.palette.black,
+    '--workspace-tab-border-color': palette_1.palette.gray.dark2,
+    '--workspace-tab-color': palette_1.palette.gray.base,
+    '--workspace-tab-selected-color': palette_1.palette.green.base,
+    '&:focus-visible': {
+        '--workspace-tab-selected-color': palette_1.palette.blue.light1,
+        '--workspace-tab-border-color': palette_1.palette.blue.light1,
     },
 });
 const selectedTabStyles = (0, emotion_1.css)({
+    color: 'var(--workspace-tab-selected-color)',
+    backgroundColor: 'var(--workspace-tab-selected-background-color)',
+    boxShadow: 'inset -1px 0 0 0 var(--workspace-tab-border-color)',
     '&:hover': {
         cursor: 'default',
     },
@@ -82,159 +87,71 @@ const selectedTabStyles = (0, emotion_1.css)({
 const draggingTabStyles = (0, emotion_1.css)({
     cursor: 'grabbing !important',
 });
-const focusedTabStyles = (0, emotion_1.css)({
-    zIndex: 3,
-    borderColor: palette_1.palette.blue.light1,
-    '&::after': {
-        position: 'absolute',
-        content: '""',
-        top: 0,
-        right: 0,
-        left: 0,
-        height: '1px',
-        backgroundColor: palette_1.palette.blue.light1,
-    },
-});
-const tabBottomBorderStyles = (0, emotion_1.css)({
-    position: 'absolute',
-    bottom: 0,
-    left: '-1px',
-    right: '-1px',
-    height: 0,
-    backgroundColor: palette_1.palette.green.dark1,
-});
-const selectedTabBottomBorderStyles = (0, emotion_1.css)({
-    height: `${tokens_1.spacing[1]}px`,
-    backgroundColor: palette_1.palette.green.dark1,
-    transition: 'height 150ms ease-out',
-});
-const focusedTabBottomBorderStyles = (0, emotion_1.css)({
-    height: `${tokens_1.spacing[1]}px`,
-    backgroundColor: palette_1.palette.blue.light1,
-    transition: 'height 150ms ease-out',
-});
-const hiddenStyles = (0, emotion_1.css)({
-    visibility: 'hidden',
-});
 const tabIconStyles = (0, emotion_1.css)({
-    width: tokens_1.spacing[1] + tokens_1.spacing[2],
-    height: 'auto',
-    flexShrink: 0,
-    gridArea: 'icon',
-    alignSelf: 'center',
-});
-const tabIconSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.green.dark2,
-});
-const tabIconSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.green.light2,
-});
-const tabIconFocusedStyles = (0, emotion_1.css)({
-    color: palette_1.palette.blue.light1,
+    color: 'currentColor',
 });
 const tabTitleContainerStyles = (0, emotion_1.css)({
-    marginRight: tokens_1.spacing[1],
-    display: 'inline-grid',
-    paddingTop: tokens_1.spacing[3] - 2,
-    paddingBottom: tokens_1.spacing[3],
-    gridTemplateAreas: `
-    'icon tabName'
-    'empty namespace'
-  `,
-    columnGap: tokens_1.spacing[2],
-    rowGap: 0,
+    position: 'relative',
+    minWidth: 0,
 });
 const tabTitleStyles = (0, emotion_1.css)({
+    fontSize: 12,
+    lineHeight: '16px',
+    fontWeight: 700,
+    color: 'currentColor',
     whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
     overflow: 'hidden',
-    fontWeight: 'bold',
-    fontSize: '13px',
-    gridArea: 'tabName',
-});
-const tabTitleDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.base,
-});
-const tabTitleLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.base,
-});
-const tabTitleSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.green.base,
-});
-const tabTitleSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.green.dark2,
-});
-const tabTitleFocusedStyles = (0, emotion_1.css)({
-    color: palette_1.palette.blue.light1,
+    textOverflow: 'ellipsis',
+    transform: 'translateY(0)',
+    transition: tabTransition,
+    transitionProperty: 'opacity, transform',
 });
 const tabSubtitleStyles = (0, emotion_1.css)({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    fontSize: 10,
+    lineHeight: '12px',
+    color: 'var(--workspace-tab-color)',
     whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
     overflow: 'hidden',
-    fontSize: '13px',
-    lineHeight: `${tokens_1.spacing[3]}px`,
-    gridArea: 'namespace',
-});
-const tabSubtitleLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.base,
-});
-const tabSubtitleDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.light1,
+    textOverflow: 'ellipsis',
+    opacity: 0,
+    transform: 'translateY(0)',
+    transition: tabTransition,
+    transitionProperty: 'opacity, transform',
+    pointerEvents: 'none',
 });
-const tabSubtitleSelectedLightThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.dark1,
+const closeButtonStyles = (0, emotion_1.css)({
+    visibility: 'hidden',
 });
-const tabSubtitleSelectedDarkThemeStyles = (0, emotion_1.css)({
-    color: palette_1.palette.gray.light2,
+const selectedCloseButtonStyles = (0, emotion_1.css)({
+    visibility: 'visible',
 });
 function Tab({ title, isSelected, isDragging, onSelect, onClose, tabContentId, iconGlyph, subtitle, }) {
     const darkMode = (0, use_theme_1.useDarkMode)();
-    const [focusProps, focusState] = (0, use_focus_hover_1.useFocusState)();
-    const isFocused = (0, react_1.useMemo)(() => focusState === use_focus_hover_1.FocusState.FocusVisible, [focusState]);
-    const isFocusedWithin = (0, react_1.useMemo)(() => focusState === use_focus_hover_1.FocusState.FocusWithinVisible, [focusState]);
     const defaultActionProps = (0, use_default_action_1.useDefaultAction)(onSelect);
-    const [hoverProps, isHovered] = (0, use_focus_hover_1.useHoverState)();
-    const tabProps = (0, merge_props_1.mergeProps)(focusProps, hoverProps, defaultActionProps);
     const { listeners, setNodeRef, transform, transition } = (0, sortable_1.useSortable)({
         id: tabContentId,
     });
+    const tabProps = (0, merge_props_1.mergeProps)(defaultActionProps, listeners ?? {});
     const style = {
         transform: utilities_1.CSS.Transform.toString(transform),
         transition,
         cursor: 'grabbing !important',
     };
-    return (react_1.default.createElement("div", { ref: setNodeRef, style: style, className: (0, emotion_1.cx)(tabStyles, darkMode ? tabDarkThemeStyles : tabLightThemeStyles, {
-            [selectedTabStyles]: isSelected,
-            [focusedTabStyles]: isFocused,
-            [draggingTabStyles]: isDragging,
-        }), "aria-selected": isSelected, role: "tab", tabIndex: isSelected ? 0 : -1, "aria-controls": tabContentId, "data-testid": "workspace-tab-button", title: `${subtitle} - ${title}`, ...listeners, ...tabProps },
+    return (react_1.default.createElement("div", { ref: setNodeRef, style: style, className: (0, emotion_1.cx)(tabStyles, darkMode ? tabDarkThemeStyles : tabLightThemeStyles, isSelected && selectedTabStyles, isDragging && draggingTabStyles, subtitle && animatedSubtitleStyles), "aria-selected": isSelected, role: "tab", tabIndex: isSelected ? 0 : -1, "aria-controls": tabContentId, "data-testid": "workspace-tab-button", title: subtitle ? subtitle : title, ...tabProps },
+        react_1.default.createElement(leafygreen_1.Icon, { size: "small", role: "presentation", className: tabIconStyles, glyph: iconGlyph, "data-testid": `workspace-tab-icon-${iconGlyph}` }),
         react_1.default.createElement("div", { className: tabTitleContainerStyles },
-            react_1.default.createElement(leafygreen_1.Icon, { size: "small", role: "presentation", className: (0, emotion_1.cx)(tabIconStyles, {
-                    [darkMode
-                        ? tabIconSelectedDarkThemeStyles
-                        : tabIconSelectedLightThemeStyles]: isSelected,
-                    [tabIconFocusedStyles]: isFocused,
-                }), glyph: iconGlyph, "data-testid": `workspace-tab-icon-${iconGlyph}` }),
-            react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabTitleStyles, darkMode ? tabTitleDarkThemeStyles : tabTitleLightThemeStyles, {
-                    [darkMode
-                        ? tabTitleSelectedDarkThemeStyles
-                        : tabTitleSelectedLightThemeStyles]: isSelected,
-                    [tabTitleFocusedStyles]: isFocused,
-                }) }, title),
-            react_1.default.createElement(leafygreen_1.Body, { className: (0, emotion_1.cx)(tabSubtitleStyles, darkMode ? tabSubtitleDarkThemeStyles : tabSubtitleLightThemeStyles, {
-                    [darkMode
-                        ? tabSubtitleSelectedDarkThemeStyles
-                        : tabSubtitleSelectedLightThemeStyles]: isSelected,
-                }) }, subtitle)),
-        react_1.default.createElement(leafygreen_1.IconButton, { className: isFocusedWithin || isFocused || isHovered ? undefined : hiddenStyles, onClick: (e) => {
+            react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabTitleStyles, 'workspace-tab-title') }, title),
+            subtitle && (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabSubtitleStyles, 'workspace-tab-subtitle') }, subtitle))),
+        react_1.default.createElement(leafygreen_1.IconButton, { className: (0, emotion_1.cx)(closeButtonStyles, isSelected && selectedCloseButtonStyles, 'workspace-tab-close-button'), onClick: (e) => {
                 e.stopPropagation();
                 onClose();
             }, "aria-label": "Close Tab", "data-testid": "close-workspace-tab" },
-            react_1.default.createElement(leafygreen_1.Icon, { glyph: "X", role: "presentation" })),
-        react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabBottomBorderStyles, {
-                [selectedTabBottomBorderStyles]: isSelected,
-                [focusedTabBottomBorderStyles]: isFocused,
-            }) })));
+            react_1.default.createElement(leafygreen_1.Icon, { glyph: "X", role: "presentation" }))));
 }
 exports.Tab = Tab;
 //# sourceMappingURL=tab.js.map

package/lib/components/workspace-tabs/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/tab.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,oDAAiD;AACjD,kDAAgD;AAEhD,gDAAgD;AAChD,kDAAsD;AACtD,qDAAoD;AACpD,8CAAiD;AACjD,yDAAqD;AACrD,uEAAkE;AAElE,SAAS,YAAY,CAAC,SAAiB;IACrC,OAAO,WAAW,SAAS,qBAAqB,SAAS,gCAAgC,SAAS,EAAE,CAAC;AACvG,CAAC;AAED,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAEzC,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,6BAA6B;IAClD,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IACxB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IAEf,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;IACxB,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IAEf,eAAe,EAAE,uCAAuC;IACxD,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,uDAAuD;IAElE,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,CAAC;KACV;IAED,iBAAiB,EAAE;QACjB,SAAS,EAAE,mDAAmD;KAC/D;IAED,CAAC,YAAY,CAAC,6BAA6B,CAAC,CAAC,EAAE;QAC7C,UAAU,EAAE,SAAS;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,CAAC,YAAY,CAAC,sBAAsB,CAAC,CAAC,EAAE;QACtC,SAAS,EAAE,iBAAiB;KAC7B;IAED,CAAC,YAAY,CAAC,yBAAyB,CAAC,CAAC,EAAE;QACzC,OAAO,EAAE,CAAC;QACV,SAAS,EAAE,kBAAkB;QAC7B,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kCAAkC,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACvD,2CAA2C,EAAE,iBAAO,CAAC,KAAK;IAC1D,8BAA8B,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;IACnD,uBAAuB,EAAE,iBAAO,CAAC,IAAI,CAAC,IAAI;IAC1C,gCAAgC,EAAE,iBAAO,CAAC,KAAK,CAAC,KAAK;IACrD,iBAAiB,EAAE;QACjB,gCAAgC,EAAE,iBAAO,CAAC,IAAI,CAAC,IAAI;QACnD,8BAA8B,EAAE,iBAAO,CAAC,IAAI,CAAC,IAAI;KAClD;CACF,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,kCAAkC,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IACtD,2CAA2C,EAAE,iBAAO,CAAC,KAAK;IAC1D,8BAA8B,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;IAClD,uBAAuB,EAAE,iBAAO,CAAC,IAAI,CAAC,IAAI;IAC1C,gCAAgC,EAAE,iBAAO,CAAC,KAAK,CAAC,IAAI;IACpD,iBAAiB,EAAE;QACjB,gCAAgC,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;QACrD,8BAA8B,EAAE,iBAAO,CAAC,IAAI,CAAC,MAAM;KACpD;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,KAAK,EAAE,qCAAqC;IAC5C,eAAe,EAAE,gDAAgD;IACjE,SAAS,EAAE,oDAAoD;IAE/D,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,qBAAqB;CAC9B,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,cAAc;IAErB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IAExB,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,aAAa;IACzB,kBAAkB,EAAE,oBAAoB;CACzC,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IAEd,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,4BAA4B;IAEnC,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IAExB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE,aAAa;IACzB,kBAAkB,EAAE,oBAAoB;IAExC,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,yBAAyB,GAAG,IAAA,aAAG,EAAC;IACpC,UAAU,EAAE,SAAS;CACtB,CAAC,CAAC;AAeH,SAAS,GAAG,CAAC,EACX,KAAK,EACL,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,SAAS,EACT,QAAQ,GACC;IACT,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAC/B,MAAM,kBAAkB,GAAG,IAAA,qCAAgB,EAAC,QAAQ,CAAC,CAAC;IACtD,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,IAAA,sBAAW,EAAC;QACnE,EAAE,EAAE,YAAY;KACjB,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,IAAA,wBAAU,EACzB,kBAAkB,EAClB,SAAS,IAAI,EAAE,CAChB,CAAC;IAEF,MAAM,KAAK,GAAG;QACZ,SAAS,EAAE,eAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QAClD,UAAU;QACV,MAAM,EAAE,qBAAqB;KAC9B,CAAC;IAEF,OAAO,CACL,uCACE,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,YAAE,EACX,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,EACnD,UAAU,IAAI,iBAAiB,EAC/B,UAAU,IAAI,iBAAiB,EAC/B,QAAQ,IAAI,sBAAsB,CACnC,mBACc,UAAU,EACzB,IAAI,EAAC,KAAK,EAEV,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACd,YAAY,iBACf,sBAAsB,EAClC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAC9B,QAAQ;QAEZ,8BAAC,iBAAI,IACH,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,iBACH,sBAAsB,SAAS,EAAE,GAC9C;QAEF,uCAAK,SAAS,EAAE,uBAAuB;YACrC,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,cAAc,EAAE,qBAAqB,CAAC,IAAG,KAAK,CAAO;YACvE,QAAQ,IAAI,CACX,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,wBAAwB,CAAC,IAC5D,QAAQ,CACL,CACP,CACG;QAEN,8BAAC,uBAAU,IACT,SAAS,EAAE,IAAA,YAAE,EACX,iBAAiB,EACjB,UAAU,IAAI,yBAAyB,EACvC,4BAA4B,CAC7B,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO,EAAE,CAAC;YACZ,CAAC,gBACU,WAAW,iBACV,qBAAqB;YAEjC,8BAAC,iBAAI,IAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,GAAG,CAC3B,CACT,CACP,CAAC;AACJ,CAAC;AAEQ,kBAAG"}

package/lib/components/workspace-tabs/workspace-tabs.d.ts

@@ -6,20 +6,22 @@ type WorkspaceTabsProps = {
     'aria-label': string;
     onCreateNewTab: () => void;
     onSelectTab: (tabIndex: number) => void;
+    onSelectNextTab: () => void;
+    onSelectPrevTab: () => void;
     onCloseTab: (tabIndex: number) => void;
     onMoveTab: (oldTabIndex: number, newTabIndex: number) => void;
     tabs: TabProps[];
     selectedTabIndex: number;
 };
 export type TabProps = {
-    subtitle: string;
-    tabContentId: string;
+    id: string;
     title: string;
+    subtitle?: string;
     iconGlyph: Extract<keyof typeof glyphs, string>;
 };
 export declare function useRovingTabIndex<T extends HTMLElement = HTMLElement>({ currentTabbable, }: {
     currentTabbable: number;
 }): React.HTMLProps<T>;
-declare function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }: WorkspaceTabsProps): JSX.Element;
+declare function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }: WorkspaceTabsProps): JSX.Element;
 export { WorkspaceTabs };
 //# sourceMappingURL=workspace-tabs.d.ts.map

package/lib/components/workspace-tabs/workspace-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsBlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AAiIrE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAyBrB;AAkHD,iBAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,IAAI,EACJ,gBAAgB,GACjB,EAAE,kBAAkB,eAmDpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"workspace-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAuBlD,eAAO,MAAM,wBAAwB,QAAgC,CAAC;AACtE,eAAO,MAAM,uBAAuB,QAAgC,CAAC;AA4HrE,KAAK,kBAAkB,GAAG;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EACrE,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAyBrB;AA+GD,iBAAS,aAAa,CAAC,EACrB,CAAC,YAAY,CAAC,EAAE,SAAS,EACzB,cAAc,EACd,UAAU,EACV,SAAS,EACT,WAAW,EACX,eAAe,EACf,eAAe,EACf,IAAI,EACJ,gBAAgB,GACjB,EAAE,kBAAkB,eA0GpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/components/workspace-tabs/workspace-tabs.js

@@ -36,6 +36,7 @@ const use_focus_hover_1 = require("../../hooks/use-focus-hover");
 const leafygreen_1 = require("../leafygreen");
 const merge_props_1 = require("../../utils/merge-props");
 const tab_1 = require("./tab");
+const use_hotkeys_1 = require("../../hooks/use-hotkeys");
 exports.scrollbarThumbLightTheme = (0, polished_1.rgba)(palette_1.palette.gray.base, 0.65);
 exports.scrollbarThumbDarkTheme = (0, polished_1.rgba)(palette_1.palette.gray.base, 0.65);
 const tabsContainerStyles = (0, emotion_1.css)({
@@ -45,45 +46,40 @@ const tabsContainerStyles = (0, emotion_1.css)({
     position: 'relative',
     overflow: 'overlay',
     whiteSpace: 'nowrap',
-    borderBottom: '1px solid',
     '::-webkit-scrollbar': {
         ':horizontal': {
             height: tokens_1.spacing[1],
         },
     },
+    minHeight: 36,
 });
 const tabsContainerLightStyles = (0, emotion_1.css)({
-    background: palette_1.palette.white,
-    borderBottomColor: palette_1.palette.gray.light2,
+    background: palette_1.palette.gray.light3,
+    boxShadow: `inset 0px -1px 0 0 ${palette_1.palette.gray.light2}`,
     '::-webkit-scrollbar-thumb': {
         backgroundColor: exports.scrollbarThumbLightTheme,
     },
 });
 const tabsContainerDarkStyles = (0, emotion_1.css)({
-    backgroundColor: palette_1.palette.black,
-    borderBottomColor: palette_1.palette.gray.dark2,
+    backgroundColor: palette_1.palette.gray.dark3,
+    boxShadow: `inset 0px -1px 0 0 ${palette_1.palette.gray.dark2}`,
     '::-webkit-scrollbar-thumb': {
         backgroundColor: exports.scrollbarThumbDarkTheme,
     },
 });
 const tabsListContainerStyles = (0, emotion_1.css)({
-    padding: 0,
-    paddingRight: tokens_1.spacing[4],
     display: 'flex',
     flexDirection: 'row',
-    alignItems: 'center',
 });
 const tabsListStyles = (0, emotion_1.css)({
     display: 'inline-flex',
 });
 const newTabContainerStyles = (0, emotion_1.css)({
-    display: 'inline-flex',
-    flexDirection: 'row',
-    alignItems: 'center',
+    flex: 'none',
+    alignSelf: 'center',
 });
 const createNewTabButtonStyles = (0, emotion_1.css)({
-    marginLeft: tokens_1.spacing[2],
-    marginRight: tokens_1.spacing[2],
+    margin: tokens_1.spacing[1],
 });
 const sortableItemContainerStyles = (0, emotion_1.css)({
     display: 'inline-flex',
@@ -139,7 +135,7 @@ function useRovingTabIndex({ currentTabbable, }) {
 }
 exports.useRovingTabIndex = useRovingTabIndex;
 const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) => {
-    const items = tabs.map((tab) => tab.tabContentId);
+    const items = tabs.map((tab) => tab.id);
     const [activeId, setActiveId] = (0, react_1.useState)(null);
     const sensors = (0, core_1.useSensors)((0, core_1.useSensor)(core_1.MouseSensor, {
         activationConstraint: {
@@ -152,8 +148,8 @@ const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) =>
         },
     }));
     const onSortEnd = (0, react_1.useCallback)(({ oldIndex, newIndex }) => {
-        const from = tabs.findIndex((tab) => tab.tabContentId === oldIndex);
-        const to = tabs.findIndex((tab) => tab.tabContentId === newIndex);
+        const from = tabs.findIndex((tab) => tab.id === oldIndex);
+        const to = tabs.findIndex((tab) => tab.id === newIndex);
         onMove(from, to);
     }, [onMove, tabs]);
     return (react_1.default.createElement(core_1.DndContext, { sensors: sensors, autoScroll: false, onDragStart: ({ active }) => {
@@ -168,9 +164,9 @@ const SortableList = ({ tabs, onMove, onSelect, selectedTabIndex, onClose, }) =>
             }
         }, onDragCancel: () => setActiveId(null) },
         react_1.default.createElement(sortable_1.SortableContext, { items: items, strategy: sortable_1.horizontalListSortingStrategy },
-            react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: `tab-${tab.tabContentId}-${tab.subtitle}`, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex })))))));
+            react_1.default.createElement("div", { className: sortableItemContainerStyles }, tabs.map((tab, index) => (react_1.default.createElement(SortableItem, { key: tab.id, index: index, tab: tab, activeId: activeId, onSelect: onSelect, onClose: onClose, selectedTabIndex: selectedTabIndex })))))));
 };
-const SortableItem = ({ tab: { tabContentId, iconGlyph, subtitle, title }, index, selectedTabIndex, activeId, onSelect, onClose, }) => {
+const SortableItem = ({ tab: { id, iconGlyph, subtitle, title }, index, selectedTabIndex, activeId, onSelect, onClose, }) => {
     const onTabSelected = (0, react_1.useCallback)(() => {
         onSelect(index);
     }, [onSelect, index]);
@@ -178,10 +174,10 @@ const SortableItem = ({ tab: { tabContentId, iconGlyph, subtitle, title }, index
         onClose(index);
     }, [onClose, index]);
     const isSelected = (0, react_1.useMemo)(() => selectedTabIndex === index, [selectedTabIndex, index]);
-    const isDragging = (0, react_1.useMemo)(() => tabContentId === activeId, [tabContentId, activeId]);
-    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, isDragging: isDragging, iconGlyph: iconGlyph, tabContentId: tabContentId, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
+    const isDragging = (0, react_1.useMemo)(() => id === activeId, [id, activeId]);
+    return (react_1.default.createElement(tab_1.Tab, { title: title, isSelected: isSelected, isDragging: isDragging, iconGlyph: iconGlyph, tabContentId: id, subtitle: subtitle, onSelect: onTabSelected, onClose: onTabClosed }));
 };
-function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, tabs, selectedTabIndex, }) {
+function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab, onMoveTab, onSelectTab, onSelectNextTab, onSelectPrevTab, tabs, selectedTabIndex, }) {
     const darkMode = (0, use_theme_1.useDarkMode)();
     const rovingFocusProps = useRovingTabIndex({
         currentTabbable: selectedTabIndex,
@@ -192,6 +188,36 @@ function WorkspaceTabs({ ['aria-label']: ariaLabel, onCreateNewTab, onCloseTab,
         tabsCount: tabs.length,
     });
     const tabContainerProps = (0, merge_props_1.mergeProps)(rovingFocusProps, navigationProps);
+    (0, use_hotkeys_1.useHotkeys)('ctrl + tab', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onSelectNextTab();
+    }, [onSelectNextTab]);
+    (0, use_hotkeys_1.useHotkeys)('ctrl + shift + tab', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onSelectPrevTab();
+    }, [onSelectPrevTab]);
+    (0, use_hotkeys_1.useHotkeys)('mod + shift + ]', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onSelectNextTab();
+    }, [onSelectNextTab]);
+    (0, use_hotkeys_1.useHotkeys)('mod + shift + [', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onSelectPrevTab();
+    }, [onSelectPrevTab]);
+    (0, use_hotkeys_1.useHotkeys)('mod + w', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onCloseTab(selectedTabIndex);
+    }, [onCloseTab, selectedTabIndex]);
+    (0, use_hotkeys_1.useHotkeys)('mod + t', (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onCreateNewTab();
+    }, [onCreateNewTab]);
     return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(tabsContainerStyles, darkMode ? tabsContainerDarkStyles : tabsContainerLightStyles) },
         react_1.default.createElement("div", { className: tabsListContainerStyles },
             react_1.default.createElement("div", { className: tabsListStyles, role: "tablist", "aria-label": ariaLabel, "aria-orientation": "horizontal", ...tabContainerProps },

package/lib/components/workspace-tabs/workspace-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"workspace-tabs.js","sourceRoot":"","sources":["../../../src/components/workspace-tabs/workspace-tabs.tsx"],"names":[],"mappings":"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"}

package/lib/hooks/use-confirmation.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
-import { Variant as ConfirmationModalVariant } from '@leafygreen-ui/confirmation-modal';
+import { default as ConfirmationModal, Variant as ConfirmationModalVariant } from '@leafygreen-ui/confirmation-modal';
 export { ConfirmationModalVariant };
-type ConfirmationProperties = {
-    title: string;
-    description: React.ReactNode;
-    buttonText?: string;
-    variant?: ConfirmationModalVariant;
-    requiredInputText?: string;
+type ConfirmationModalProps = React.ComponentProps<typeof ConfirmationModal>;
+type ConfirmationProperties = Partial<Pick<ConfirmationModalProps, 'title' | 'buttonText' | 'variant' | 'requiredInputText'>> & {
+    description?: React.ReactNode;
+    'data-testid'?: string;
 };
 export declare const showConfirmation: (props: ConfirmationProperties) => Promise<boolean>;
 export declare const ConfirmationModalArea: React.FC;

package/lib/hooks/use-confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAEL,OAAO,IAAI,wBAAwB,EACpC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAgDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAqEzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BAhIL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAwItE,CAAC"}
+{"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,OAAO,IAAI,wBAAwB,EACpC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACtB,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,mBAAmB,CACzD,CACF,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAiDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAqEzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BAhIL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAwItE,CAAC"}

package/lib/hooks/use-confirmation.js

@@ -80,7 +80,7 @@ const ConfirmationModalArea = ({ children }) => {
     }
     return (react_1.default.createElement(ConfirmationModalContext.Provider, { value: contextValue },
         children,
-        react_1.default.createElement(confirmation_modal_1.default, { "data-testid": 'confirmation-modal', open: confirmationProps.open, title: confirmationProps.title ?? 'Are you sure?', variant: confirmationProps.variant ?? confirmation_modal_1.Variant.Default, buttonText: confirmationProps.buttonText ?? 'Confirm', requiredInputText: confirmationProps.requiredInputText ?? undefined, onConfirm: handleConfirm, onCancel: handleCancel }, confirmationProps.description)));
+        react_1.default.createElement(confirmation_modal_1.default, { "data-testid": confirmationProps['data-testid'] ?? 'confirmation-modal', open: confirmationProps.open, title: confirmationProps.title ?? 'Are you sure?', variant: confirmationProps.variant ?? confirmation_modal_1.Variant.Default, buttonText: confirmationProps.buttonText ?? 'Confirm', requiredInputText: confirmationProps.requiredInputText ?? undefined, onConfirm: handleConfirm, onCancel: handleCancel }, confirmationProps.description)));
 };
 exports.ConfirmationModalArea = ConfirmationModalArea;
 const useConfirmationModal = () => {