@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/baseui/tree-view/utils.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultGetId = exports.matchString = exports.getCharMatchId = exports.toggleIsExpanded = exports.getExpandableSiblings = exports.getEndId = exports.getNextId = exports.getFirstChildId = exports.getPrevId = exports.getParentId = void 0;
+var tslib_1 = require("tslib");
+// @ts-ignore
+var getLastLeafId = function (node, getId) {
+    if (node.isExpanded && node.children && node.children.length) {
+        return getLastLeafId(node.children[node.children.length - 1], getId);
+    }
+    return getId(node);
+};
+// @ts-ignore
+var getParentId = function (nodes, nodeId, parentId, getId) {
+    for (var i = 0; i < nodes.length; i++) {
+        if (getId(nodes[i]) === nodeId) {
+            return parentId;
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var foundId = (0, exports.getParentId)(nodes[i].children, nodeId, getId(nodes[i]), getId);
+            if (foundId) {
+                return foundId;
+            }
+        }
+    }
+    return null;
+};
+exports.getParentId = getParentId;
+// @ts-ignore
+var getPrevId = function (nodes, nodeId, parentId, getId) {
+    for (var i = 0; i < nodes.length; i++) {
+        if (getId(nodes[i]) === nodeId) {
+            if (i === 0) {
+                return parentId;
+            }
+            else {
+                return getLastLeafId(nodes[i - 1], getId);
+            }
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var foundId = (0, exports.getPrevId)(nodes[i].children, nodeId, getId(nodes[i]), getId);
+            if (foundId) {
+                return foundId;
+            }
+        }
+    }
+    return null;
+};
+exports.getPrevId = getPrevId;
+// @ts-ignore
+var getFirstChildId = function (nodes, nodeId, getId) {
+    for (var i = 0; i < nodes.length; i++) {
+        if (getId(nodes[i]) === nodeId) {
+            // @ts-ignore
+            if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+                // @ts-ignore
+                return getId(nodes[i].children[0]);
+            }
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var foundId = (0, exports.getFirstChildId)(nodes[i].children, nodeId, getId);
+            if (foundId) {
+                return foundId;
+            }
+        }
+    }
+    return null;
+};
+exports.getFirstChildId = getFirstChildId;
+// @ts-ignore
+var getNextId = function (nodes, nodeId, closestOmmer, getId) {
+    for (var i = 0; i < nodes.length; i++) {
+        if (getId(nodes[i]) === nodeId) {
+            // @ts-ignore
+            if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+                // @ts-ignore
+                return getId(nodes[i].children[0]);
+            }
+            else if (nodes[i + 1]) {
+                return getId(nodes[i + 1]);
+            }
+            else {
+                return closestOmmer;
+            }
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var foundId = (0, exports.getNextId)(
+            // @ts-ignore
+            nodes[i].children, nodeId, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId);
+            if (foundId) {
+                return foundId;
+            }
+        }
+    }
+    return null;
+};
+exports.getNextId = getNextId;
+// @ts-ignore
+var getEndId = function (nodes, getId) {
+    var endNode = nodes[nodes.length - 1];
+    if (endNode.isExpanded && endNode.children && endNode.children.length) {
+        return (0, exports.getEndId)(endNode.children, getId);
+    }
+    return getId(endNode);
+};
+exports.getEndId = getEndId;
+// @ts-ignore
+var getExpandableSiblings = function (nodes, nodeId, getId) {
+    for (var i = 0; i < nodes.length; i++) {
+        if (getId(nodes[i]) === nodeId) {
+            var expandableSiblings = [];
+            for (var j = 0; j < nodes.length; j++) {
+                // @ts-ignore
+                if (!nodes[j].isExpanded && nodes[j].children && nodes[j].children.length) {
+                    // @ts-ignore
+                    expandableSiblings.push(nodes[j]);
+                }
+            }
+            return expandableSiblings;
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var result = (0, exports.getExpandableSiblings)(nodes[i].children, nodeId, getId);
+            if (result.length) {
+                return result;
+            }
+        }
+    }
+    return [];
+};
+exports.getExpandableSiblings = getExpandableSiblings;
+var toggleIsExpanded = function (arr, toggledNode, getId) {
+    if (getId === void 0) { getId = function (node) { return (node.id ? node.id : ''); }; }
+    return arr.map(function (node) {
+        var newNode = (0, tslib_1.__assign)({}, node);
+        if (getId(newNode) === getId(toggledNode)) {
+            newNode.isExpanded = !newNode.isExpanded;
+        }
+        if (newNode.children && newNode.children.length) {
+            newNode.children = (0, exports.toggleIsExpanded)(newNode.children, toggledNode);
+        }
+        return newNode;
+    });
+};
+exports.toggleIsExpanded = toggleIsExpanded;
+var getCharMatchId = function (nodes, nodeId, chars, closestOmmer, getId) {
+    var foundid = (0, exports.matchString)(nodes, nodeId, chars, closestOmmer, getId, true);
+    if (foundid)
+        return foundid;
+    foundid = (0, exports.matchString)(nodes, nodeId, chars, closestOmmer, getId, false);
+    return foundid;
+};
+exports.getCharMatchId = getCharMatchId;
+// @ts-ignore
+var matchString = function (nodes, nodeId, chars, closestOmmer, getId, 
+//set true, match the prefix; set false, match full text
+matchPrefix) {
+    for (var i = 0; i < nodes.length; i++) {
+        var label = nodes[i].label;
+        if (label && typeof label === 'string') {
+            if ((matchPrefix && label.toUpperCase().indexOf(chars.toUpperCase()) === 0) ||
+                (!matchPrefix && label.toUpperCase().indexOf(chars.toUpperCase()) > 0)) {
+                return getId(nodes[i]);
+            }
+        }
+        // @ts-ignore
+        if (nodes[i].isExpanded && nodes[i].children && nodes[i].children.length) {
+            // @ts-ignore
+            var foundId = (0, exports.matchString)(
+            // @ts-ignore
+            nodes[i].children, nodeId, chars, nodes[i + 1] ? getId(nodes[i + 1]) : closestOmmer, getId, matchPrefix);
+            if (foundId) {
+                return foundId;
+            }
+        }
+    }
+    return null;
+};
+exports.matchString = matchString;
+var defaultGetId = function (node) {
+    if (!node.id) {
+        throw Error('There needs to be an unique node.id. You can implement a custom mapping with getId.');
+    }
+    return node.id;
+};
+exports.defaultGetId = defaultGetId;

package/baseui/utils/create-event.d.ts

@@ -0,0 +1 @@
+export default function createEvent(eventName: string): any;

package/baseui/utils/create-event.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function createEvent(eventName) {
+    var event;
+    if (typeof window.Event === 'function') {
+        event = new window.Event(eventName, { bubbles: true, cancelable: true });
+    }
+    else {
+        event = document.createEvent('Event');
+        event.initEvent(eventName, true, true);
+    }
+    return event;
+}
+exports.default = createEvent;

package/baseui/utils/deep-merge.d.ts

@@ -0,0 +1 @@
+export default function deepMerge(target?: {} | null, ...sources: Array<null | {} | undefined | null>): any;

package/baseui/utils/deep-merge.js

@@ -0,0 +1,40 @@
+"use strict";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+function isCloneable(obj) {
+    /* eslint-disable-next-line eqeqeq */
+    return Array.isArray(obj) || {}.toString.call(obj) == '[object Object]';
+}
+function deepMerge(target) {
+    var sources = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        sources[_i - 1] = arguments[_i];
+    }
+    target = target || {};
+    sources.forEach(function (source) {
+        var obj = source || {};
+        Object.keys(obj).forEach(function (key) {
+            // @ts-ignore
+            var value = obj[key];
+            if (typeof value !== 'undefined') {
+                if (isCloneable(value)) {
+                    // @ts-ignore
+                    target[key] = deepMerge(
+                    // @ts-ignore
+                    target[key] || (Array.isArray(value) ? [] : {}), value);
+                }
+                else {
+                    // @ts-ignore
+                    target[key] = value;
+                }
+            }
+        });
+    });
+    return target;
+}
+exports.default = deepMerge;

package/baseui/utils/focusVisible.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export declare function teardown(doc: any): void;
+export declare function isFocusVisible(event: any): any;
+/**
+ * Should be called if a blur event is fired on a focus-visible element
+ */
+export declare function handleBlurVisible(): void;
+export declare function initFocusVisible(node: any): void;
+export declare const forkFocus: (rootProps: any, handler: (e: React.FocusEvent) => void) => (e: React.FocusEvent) => void;
+export declare const forkBlur: (rootProps: any, handler: (e: React.FocusEvent) => void) => (e: React.FocusEvent) => void;

package/baseui/utils/focusVisible.js

@@ -0,0 +1,169 @@
+"use strict";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.forkBlur = exports.forkFocus = exports.initFocusVisible = exports.handleBlurVisible = exports.isFocusVisible = exports.teardown = void 0;
+var utils_1 = require("../../spacewebProvider/utils");
+// based on:
+// - https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/utils/focusVisible.js
+// - https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js
+var initialized = false;
+var hadKeyboardEvent = true;
+var hadFocusVisibleRecently = false;
+// @ts-ignore
+var hadFocusVisibleRecentlyTimeout = null;
+var inputTypesWhitelist = {
+    text: true,
+    search: true,
+    url: true,
+    tel: true,
+    email: true,
+    password: true,
+    number: true,
+    date: true,
+    month: true,
+    week: true,
+    time: true,
+    datetime: true,
+    'datetime-local': true,
+};
+/**
+ * Computes whether the given element should automatically trigger the
+ * `focus-visible` class being added, i.e. whether it should always match
+ * `:focus-visible` when focused.
+ * @param {Element} node
+ * @return {boolean}
+ */
+// @ts-ignore
+function focusTriggersKeyboardModality(node) {
+    var type = node.type, tagName = node.tagName;
+    // @ts-ignore
+    if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {
+        return true;
+    }
+    if (tagName === 'TEXTAREA' && !node.readOnly) {
+        return true;
+    }
+    if (node.isContentEditable) {
+        return true;
+    }
+    return false;
+}
+/**
+ * Keep track of our keyboard modality state with `hadKeyboardEvent`.
+ * If the most recent user interaction was via the keyboard;
+ * and the key press did not include a meta, alt/option, or control key;
+ * then the modality is keyboard. Otherwise, the modality is not keyboard.
+ * @param {KeyboardEvent} event
+ */
+// @ts-ignore
+function handleKeyDown(event) {
+    if (event.metaKey || event.altKey || event.ctrlKey) {
+        return;
+    }
+    hadKeyboardEvent = true;
+}
+/**
+ * If at any point a user clicks with a pointing device, ensure that we change
+ * the modality away from keyboard.
+ * This avoids the situation where a user presses a key on an already focused
+ * element, and then clicks on a different element, focusing it with a
+ * pointing device, while we still think we're in keyboard modality.
+ */
+function handlePointerDown() {
+    hadKeyboardEvent = false;
+}
+function handleVisibilityChange() {
+    // @ts-ignore
+    if (this.visibilityState === 'hidden') {
+        // If the tab becomes active again, the browser will handle calling focus
+        // on the element (Safari actually calls it twice).
+        // If this tab change caused a blur on an element with focus-visible,
+        // re-apply the class when the user switches back to the tab.
+        if (hadFocusVisibleRecently) {
+            hadKeyboardEvent = true;
+        }
+    }
+}
+// @ts-ignore
+function prepare(doc) {
+    doc.addEventListener('keydown', handleKeyDown, true);
+    doc.addEventListener('mousedown', handlePointerDown, true);
+    doc.addEventListener('pointerdown', handlePointerDown, true);
+    doc.addEventListener('touchstart', handlePointerDown, true);
+    doc.addEventListener('visibilitychange', handleVisibilityChange, true);
+}
+// @ts-ignore
+function teardown(doc) {
+    doc.removeEventListener('keydown', handleKeyDown, true);
+    doc.removeEventListener('mousedown', handlePointerDown, true);
+    doc.removeEventListener('pointerdown', handlePointerDown, true);
+    doc.removeEventListener('touchstart', handlePointerDown, true);
+    doc.removeEventListener('visibilitychange', handleVisibilityChange, true);
+}
+exports.teardown = teardown;
+// @ts-ignore
+function isFocusVisible(event) {
+    try {
+        return event.target.matches(':focus-visible');
+    }
+    catch (error) {
+        // browsers not implementing :focus-visible will throw a SyntaxError
+        // we use our own heuristic for those browsers
+        // rethrow might be better if it's not the expected error but do we really
+        // want to crash if focus-visible malfunctioned?
+    }
+    // no need for validFocusTarget check. the user does that by attaching it to
+    // focusable events only
+    return hadKeyboardEvent || focusTriggersKeyboardModality(event.target);
+}
+exports.isFocusVisible = isFocusVisible;
+/**
+ * Should be called if a blur event is fired on a focus-visible element
+ */
+function handleBlurVisible() {
+    // To detect a tab/window switch, we look for a blur event followed
+    // rapidly by a visibility change.
+    // If we don't see a visibility change within 100ms, it's probably a
+    // regular focus change.
+    hadFocusVisibleRecently = true;
+    if (!utils_1.isServer) {
+        // @ts-ignore
+        window.clearTimeout(hadFocusVisibleRecentlyTimeout);
+        // @ts-ignore
+        hadFocusVisibleRecentlyTimeout = window.setTimeout(function () {
+            hadFocusVisibleRecently = false;
+        }, 100);
+    }
+}
+exports.handleBlurVisible = handleBlurVisible;
+// @ts-ignore
+function initFocusVisible(node) {
+    if (!initialized && node != null) {
+        initialized = true;
+        prepare(node.ownerDocument);
+    }
+}
+exports.initFocusVisible = initFocusVisible;
+var forkFocus = 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function (rootProps, handler) { return function (e) {
+    if (typeof rootProps.onFocus === 'function') {
+        rootProps.onFocus(e);
+    }
+    handler(e);
+}; };
+exports.forkFocus = forkFocus;
+var forkBlur = 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function (rootProps, handler) { return function (e) {
+    if (typeof rootProps.onBlur === 'function') {
+        rootProps.onBlur(e);
+    }
+    handler(e);
+}; };
+exports.forkBlur = forkBlur;

package/baseui/utils/react-18.d.ts

@@ -0,0 +1 @@
+export declare const startTransition: (cb: () => void) => void;

package/baseui/utils/react-18.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.startTransition = void 0;
+var tslib_1 = require("tslib");
+var React = (0, tslib_1.__importStar)(require("react"));
+var startTransition = function (cb) {
+    if (React.startTransition) {
+        React.startTransition(cb);
+    }
+    else {
+        cb();
+    }
+};
+exports.startTransition = startTransition;

package/breadcrumb/breadcrumb-item.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { BreadcrumbItemProps } from './types';
 declare const BreadcrumbItem: {
-    ({ children, isLastChild, overrides, onClick, index, startEnhancer, endEnhancer, separator, gap, ...restProps }: BreadcrumbItemProps): JSX.Element;
+    ({ children, isLastChild, overrides, onClick, index, startEnhancer, endEnhancer, separator, gap, ...restProps }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BreadcrumbItem;

package/breadcrumb/breadcrumb.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { BreadcrumbProps } from './types';
 declare const Breadcrumb: {
-    ({ children, separator, gap, overrides, }: BreadcrumbProps): JSX.Element;
+    ({ children, separator, gap, overrides, }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Breadcrumb;

package/breadcrumb/styled-components.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const StyledStartEnhancer: import("../style/styled").StyledComponent;
 export declare const StyledEndEnhancer: import("../style/styled").StyledComponent;
 export declare const StyledWrapper: import("../style/styled").StyledComponent;
 export declare const StyledSeparator: import("../style/styled").StyledComponent;
 export declare const StyledListItem: import("../style/styled").StyledComponent;
-export declare const DEFAULT_SEPARATOR: JSX.Element;
+export declare const DEFAULT_SEPARATOR: import("react/jsx-runtime").JSX.Element;

package/button/Button.d.ts

@@ -9,6 +9,7 @@ declare const Button: React.ForwardRefExoticComponent<Omit<{
     intent?: import("..").Intent | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
+    animate?: boolean | undefined;
     disabled?: boolean | undefined;
     fullWidth?: boolean | undefined;
     autoFocus?: boolean | undefined;
@@ -17,12 +18,12 @@ declare const Button: React.ForwardRefExoticComponent<Omit<{
     target?: string | undefined;
     rel?: string | undefined;
     children?: React.ReactNode;
-    endEnhancer?: React.ReactNode;
+    endEnhancer?: React.ReactNode | React.ComponentType<any>;
     onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => any) | undefined;
     overrides?: import("./types").ButtonOverrides | undefined;
-    startEnhancer?: React.ReactNode;
+    startEnhancer?: React.ReactNode | React.ComponentType<any>;
     type?: "button" | "reset" | "submit" | undefined;
-    tooltipContent?: React.ReactNode | import("baseui/popover").StatefulContentRenderProp;
+    tooltipContent?: React.ReactNode | import("../baseui/popover").ContentRenderProp;
     tabIndex?: number | undefined;
 }, "style" | "className"> & {
     $as?: React.ElementType<any> | undefined;

package/button/Button.js

@@ -5,8 +5,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var React = (0, tslib_1.__importStar)(require("react"));
 var pick_1 = (0, tslib_1.__importDefault)(require("lodash/pick"));
 var omit_1 = (0, tslib_1.__importDefault)(require("lodash/omit"));
-var button_1 = require("baseui/button");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
+var button_1 = require("../baseui/button");
 var overrides_1 = require("../overrides");
 var styled_components_1 = require("./styled-components");
 var basewebAdapter_1 = (0, tslib_1.__importDefault)(require("./basewebAdapter"));
@@ -16,18 +15,20 @@ var tooltip_1 = require("../tooltip");
 var context_1 = require("../form-control/context");
 var useStyle_1 = (0, tslib_1.__importDefault)(require("../style/useStyle"));
 var themeHelpers_1 = require("../helpers/themeHelpers");
+var styled_component_1 = require("../loader/styled-component");
 button_1.Button.displayName = 'BaseUIButton';
 var Button = React.forwardRef(function (props, ref) {
     var buttonRef = ref;
-    var _a = (0, context_1.useContextualFormProps)(props), _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.intent, intent = _c === void 0 ? 'default' : _c, _size = _a.size, fullWidth = _a.fullWidth, className = _a.className, style = _a.style, overrides = _a.overrides, tooltipContent = _a.tooltipContent, restProps = (0, tslib_1.__rest)(_a, ["variant", "intent", "size", "fullWidth", "className", "style", "overrides", "tooltipContent"]);
+    var _a = (0, context_1.useContextualFormProps)(props), _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.intent, intent = _c === void 0 ? 'default' : _c, _size = _a.size, fullWidth = _a.fullWidth, className = _a.className, style = _a.style, overrides = _a.overrides, tooltipContent = _a.tooltipContent, animate = _a.animate, restProps = (0, tslib_1.__rest)(_a, ["variant", "intent", "size", "fullWidth", "className", "style", "overrides", "tooltipContent", "animate"]);
+    var isSelected = restProps.isSelected;
     var _d = (0, useStyle_1.default)(), getStyle = _d.getStyle, isRTL = _d.isRTL, theme = _d.theme;
     var size = _size !== null && _size !== void 0 ? _size : (0, themeHelpers_1.getDefaultSize)(theme);
     var buttonOverrides = React.useMemo(function () { return (0, omit_1.default)(overrides, 'StatefulTooltip'); }, [overrides]);
     var adaptedProps = (0, basewebAdapter_1.default)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { variant: variant, overrides: buttonOverrides }));
-    var convertedOverrides = (0, useConvertOverrides_1.useConvertOverrides)(adaptedProps.overrides || {});
+    var convertedOverrides = (0, overrides_1.mergeOverrides)(adaptedProps.overrides || {});
     var mergedOverrides = (0, overrides_1.mergeOverrides)({
         BaseButton: {
-            props: (0, tslib_1.__assign)({ className: [styled_components_1.getButtonStyles, className, style] }, (0, helpers_1.add$props)({ variant: variant, intent: intent, size: size, fullWidth: fullWidth })),
+            props: (0, tslib_1.__assign)({ className: [styled_components_1.getButtonStyles, className, style] }, (0, helpers_1.add$props)({ variant: variant, intent: intent, size: size, fullWidth: fullWidth, animate: animate })),
             component: base_button_1.StyledBaseButton, //using StyledBaseButton instead of BaseButton as all the handling is done by baseui's Button.
         },
         LoadingSpinnerContainer: {
@@ -37,26 +38,35 @@ var Button = React.forwardRef(function (props, ref) {
             },
         },
         LoadingSpinner: {
-            style: {
-                height: '100%',
-                width: '100%',
-            },
+            component: styled_component_1.StyledClipLoader,
+            style: [
+                (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ height: '100%', width: '100%' }, (0, styled_components_1.getLoaderMajorColor)({ theme: theme }, { variant: variant })), (0, styled_components_1.getLoaderMinorColor)({ theme: theme }, { variant: variant })), { animationName: {
+                        '0%': {
+                            transform: 'rotate(0deg) scale(1)',
+                        },
+                        '50%': {
+                            transform: 'rotate(180deg) scale(1)',
+                        },
+                        '100%': {
+                            transform: 'rotate(360deg) scale(1)',
+                        },
+                    } }),
+                'border-2',
+            ],
         },
         StartEnhancer: {
-            // This check should not be required. Overrides should first be merged and then converted for baseui.
-            // In Button we are converting overrides(that's when rtlCssJs gets applied) and then merging, which is wrong.
-            style: getStyle(isRTL ? 'ml-1' : 'mr-1'),
+            style: 'mr-1',
         },
         EndEnhancer: {
-            style: getStyle(isRTL ? 'mr-1' : 'ml-1'),
+            style: 'ml-1',
         },
     }, (0, pick_1.default)(adaptedProps.overrides, 'BaseButton'));
     var _e = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.StatefulTooltip, tooltip_1.StatefulTooltip), 2), StatefulTooltip = _e[0], statefulTooltipProps = _e[1];
     var buttonEl = ((0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ "data-spaceweb": "button", "data-testid": "button" }, adaptedProps, { onClick: adaptedProps.onClick, overrides: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, convertedOverrides), mergedOverrides), ref: buttonRef }), void 0));
     if (adaptedProps.disabled && tooltipContent) {
-        return ((0, jsx_runtime_1.jsx)(tooltip_1.DisabledTooltipContainer, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent }, statefulTooltipProps, { children: buttonEl }), void 0));
+        return ((0, jsx_runtime_1.jsx)(tooltip_1.DisabledTooltipContainer, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent, intent: intent, viewportAsBoundary: true }, statefulTooltipProps, { children: buttonEl }), void 0));
     }
-    return tooltipContent ? ((0, jsx_runtime_1.jsx)(StatefulTooltip, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent }, statefulTooltipProps, { children: buttonEl }), void 0)) : (buttonEl);
+    return tooltipContent ? ((0, jsx_runtime_1.jsx)(StatefulTooltip, (0, tslib_1.__assign)({ placement: "bottom", content: tooltipContent, intent: intent, viewportAsBoundary: true }, statefulTooltipProps, { children: buttonEl }), void 0)) : (buttonEl);
 });
 Button.displayName = 'Button';
 exports.default = Button;

package/button/IconButton/IconButton.js

@@ -15,7 +15,13 @@ var IconButton = (0, react_1.forwardRef)(function (props, ref) {
     var overrides = (0, overrides_1.mergeOverrides)({
         BaseButton: {
             style: [styled_components_1.iconButtonStyles, className, style],
-            props: { $bordered: bordered, $size: size, $isIconButton: true },
+            props: {
+                $bordered: bordered,
+                $size: size,
+                $isIconButton: true,
+                $intent: props.intent,
+                $variant: variant,
+            },
         },
     }, buttonProps.overrides);
     var ariaLabel = typeof buttonProps.tooltipContent === 'string' && !buttonProps.isLoading ? buttonProps.tooltipContent : undefined;

package/button/IconButton/styled-components.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconProps } from '../../icon';
 import { Styles } from '../../types';
+export declare const getBorderRadiiStyles: (utils: any, props: any) => import("styletron-standard").StyleObject | undefined;
 export declare const iconButtonStyles: Styles;
 export declare const renderIconButtonChild: (theme: any, size: any, child: React.ReactElement<IconProps>) => React.ReactElement<IconProps, string | React.JSXElementConstructor<any>> | null;