@sprinklrjs/spaceweb 10.1.0 → 11.0.0

package/asyncSelect/asyncSelect.js

@@ -26,19 +26,19 @@ var EMPTY_ARRAY = [];
 var AsyncSelect = function (props) {
     var loadOptions = props.loadOptions, searchingText = props.searchingText, paginationBuffer = props.paginationBuffer, debounceInterval = props.debounceInterval, resolveSelectedOptions = props.resolveSelectedOptions, _a = props.minimumInput, minimumInput = _a === void 0 ? 0 : _a, _b = props.loadOnMount, loadOnMount = _b === void 0 ? false : _b, _c = props.loadOnFocus, loadOnFocus = _c === void 0 ? false : _c, _d = props.initialOptions, initialOptions = _d === void 0 ? EMPTY_ARRAY : _d, _e = props.listenAllInputChanges, listenAllInputChanges = _e === void 0 ? true : _e, 
     //selectProps
-    onInputChange = props.onInputChange, noResultsMsg = props.noResultsMsg, overrides = props.overrides, value = props.value, _f = props.controlRef, controlRef = _f === void 0 ? null : _f, propsCreateOption = props.createOption, restSelectProps = (0, tslib_1.__rest)(props, ["loadOptions", "searchingText", "paginationBuffer", "debounceInterval", "resolveSelectedOptions", "minimumInput", "loadOnMount", "loadOnFocus", "initialOptions", "listenAllInputChanges", "onInputChange", "noResultsMsg", "overrides", "value", "controlRef", "createOption"]);
-    var _g = restSelectProps.valueKey, valueKey = _g === void 0 ? 'id' : _g;
+    onInputChange = props.onInputChange, noResultsMsg = props.noResultsMsg, overrides = props.overrides, value = props.value, controlRef = props.controlRef, propsInputRef = props.inputRef, propsCreateOption = props.createOption, restSelectProps = (0, tslib_1.__rest)(props, ["loadOptions", "searchingText", "paginationBuffer", "debounceInterval", "resolveSelectedOptions", "minimumInput", "loadOnMount", "loadOnFocus", "initialOptions", "listenAllInputChanges", "onInputChange", "noResultsMsg", "overrides", "value", "controlRef", "inputRef", "createOption"]);
+    var _f = restSelectProps.valueKey, valueKey = _f === void 0 ? 'id' : _f;
     var locale = (0, locale_1.useLocale)();
     var valueKeyRef = (0, useLatest_1.useLatest)(valueKey);
     var loadOnMountRef = (0, useLatest_1.useLatest)(loadOnMount);
-    var _h = (0, tslib_1.__read)((0, react_1.useState)(loadOnMount), 2), isLoading = _h[0], setIsLoading = _h[1];
-    var _j = (0, tslib_1.__read)((0, react_1.useState)(initialOptions), 2), options = _j[0], setOptions = _j[1];
-    var _k = (0, tslib_1.__read)((0, react_1.useState)((0, keyBy_1.default)(initialOptions, valueKey)), 2), allOptionsMap = _k[0], setAllOptionsMap = _k[1];
-    var _l = (0, tslib_1.__read)((0, react_1.useState)(null), 2), inputElement = _l[0], setInputElement = _l[1];
+    var _g = (0, tslib_1.__read)((0, react_1.useState)(loadOnMount), 2), isLoading = _g[0], setIsLoading = _g[1];
+    var _h = (0, tslib_1.__read)((0, react_1.useState)(initialOptions), 2), options = _h[0], setOptions = _h[1];
+    var _j = (0, tslib_1.__read)((0, react_1.useState)((0, keyBy_1.default)(initialOptions, valueKey)), 2), allOptionsMap = _j[0], setAllOptionsMap = _j[1];
+    var _k = (0, tslib_1.__read)((0, react_1.useState)(null), 2), inputElement = _k[0], setInputElement = _k[1];
     var inputRef = (0, useLatest_1.useLatest)(inputElement);
-    var combinedRef = (0, useCombinedRef_1.default)(setInputElement, controlRef);
-    var _m = (0, tslib_1.__read)((0, react_1.useState)(null), 2), rootRef = _m[0], setRootRef = _m[1];
-    var _o = (0, tslib_1.__read)((0, react_1.useState)(null), 2), popoverRef = _o[0], setPopoverRef = _o[1];
+    var combinedRef = (0, useCombinedRef_1.default)(setInputElement, propsInputRef);
+    var _l = (0, tslib_1.__read)((0, react_1.useState)(null), 2), rootRef = _l[0], setRootRef = _l[1];
+    var _m = (0, tslib_1.__read)((0, react_1.useState)(null), 2), popoverRef = _m[0], setPopoverRef = _m[1];
     (0, useResolveSelectedOptions_1.useResolveSelectedOptions)({
         value: value,
         valueKey: valueKey,
@@ -49,7 +49,7 @@ var AsyncSelect = function (props) {
         setAllOptionsMap: setAllOptionsMap,
         resolveSelectedOptions: resolveSelectedOptions,
     });
-    var _p = (0, useAsyncOptionHandlers_1.useAsyncOptionHandlers)({
+    var _o = (0, useAsyncOptionHandlers_1.useAsyncOptionHandlers)({
         valueKey: valueKey,
         isLoading: isLoading,
         minimumInput: minimumInput,
@@ -60,7 +60,7 @@ var AsyncSelect = function (props) {
         setOptions: setOptions,
         loadOptions: loadOptions,
         createOption: propsCreateOption,
-    }), fetchOptions = _p.fetchOptions, onPaginate = _p.onPaginate, inputChangeHandlerToDebounce = _p.onInputChange, createOption = _p.createOption;
+    }), fetchOptions = _o.fetchOptions, onPaginate = _o.onPaginate, inputChangeHandlerToDebounce = _o.onInputChange, createOption = _o.createOption;
     var _onInputChange = (0, useInputChangeHandler_1.useInputChangeHandler)({
         inputElement: inputElement,
         listenAllInputChanges: listenAllInputChanges,
@@ -111,7 +111,7 @@ var AsyncSelect = function (props) {
                 Menu: { props: { onScroll: onPaginate } },
             })), overrides);
     }, [handleFocus, props.type, onPaginate, overrides]);
-    return ((0, jsx_runtime_1.jsx)(select_1.Select, (0, tslib_1.__assign)({}, restSelectProps, { hideSelectAll: true, options: options, isLoading: isLoading, value: selectedOptions, controlRef: combinedRef, overrides: mergedOverrides, onInputChange: _onInputChange, noResultsMsg: (0, helpers_1.getNoResultsMsg)({
+    return ((0, jsx_runtime_1.jsx)(select_1.Select, (0, tslib_1.__assign)({}, restSelectProps, { filterOptions: restSelectProps.filterOptions, hideSelectAll: true, options: options, isLoading: isLoading, value: selectedOptions, controlRef: controlRef, inputRef: combinedRef, overrides: mergedOverrides, onInputChange: _onInputChange, noResultsMsg: (0, helpers_1.getNoResultsMsg)({
             isLoading: isLoading,
             noResultsMsg: noResultsMsg,
             inputText: (0, helpers_1.getInputValue)(inputRef),

package/asyncSelect/helpers.d.ts

@@ -9,7 +9,7 @@ export declare const getNoResultsMsg: ({ isLoading, minimumInput, inputText, noR
     minimumInput: number;
     inputText: string;
     noResultsMsg?: React.ReactNode;
-    searchingText: string;
+    searchingText: React.ReactNode;
     emptyInputMsg: string;
 }) => string | React.ReactNode | undefined;
 export declare const shouldPaginate: (element: HTMLElement, paginationBuffer?: number) => boolean;

package/asyncSelect/hooks/useAsyncOptionHandlers.d.ts

@@ -2,7 +2,7 @@
  *  Created by Aneree on 15/01/21.
  */
 import { MutableRefObject } from 'react';
-import { Option, OptionsT } from '../../select';
+import { Option, Options } from '../../select';
 import { SetStateFunc, AllOptionsMap, AsyncSelectProps } from '../types';
 interface UseAsyncOptionHandlersArgs {
     valueKey: string;
@@ -23,6 +23,6 @@ declare const useAsyncOptionHandlers: ({ inputRef, valueKey, isLoading, setOptio
     onPaginate: (event: any) => void;
     onInputChange: () => void;
     fetchOptions: (pageNumber: number) => Promise<void>;
-    createOption: ((label: string) => Promise<OptionsT>) | undefined;
+    createOption: ((label: string) => Promise<Options>) | undefined;
 };
 export { useAsyncOptionHandlers };

package/asyncSelect/types.d.ts

@@ -1,7 +1,7 @@
 /**
  *  Created by Aneree on 03/11/20.
  */
-import { Dispatch, MutableRefObject, RefCallback, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { SelectProps, Option, Value } from '../select/types';
 export declare type SetStateFunc<S> = Dispatch<SetStateAction<S>>;
 export declare type AllOptionsMap = Record<string | number, Option>;
@@ -10,20 +10,19 @@ export declare type AllOptionsMap = Record<string | number, Option>;
  *   AsyncSelect does not support select all option
  *   removed the support of these props in AsyncSelect
  */
-export declare type AsyncSelectProps = Omit<SelectProps, 'isLoading' | 'options' | 'hideSelectAll' | 'controlRef'> & {
+export declare type AsyncSelectProps = Omit<SelectProps, 'isLoading' | 'options' | 'hideSelectAll'> & {
     loadOptions: (input: string, page: number) => Promise<{
         options: Array<Option>;
         complete: boolean;
     }>;
     paginationBuffer?: number;
-    searchingText?: string;
+    searchingText?: ReactNode;
     minimumInput?: number;
     debounceInterval?: number;
     initialOptions?: Array<Option>;
     resolveSelectedOptions?: (unresolvedValueKeys: Array<string | number>) => Promise<Array<Option>>;
     loadOnFocus?: boolean;
     loadOnMount?: boolean;
-    controlRef?: MutableRefObject<HTMLInputElement> | RefCallback<HTMLInputElement> | null;
     listenAllInputChanges?: boolean;
 };
 export type { Value, Option };

package/avatar/index.d.ts

@@ -2,4 +2,4 @@ export { Avatar } from './avatar';
 export { AvatarGroup } from './avatar-group';
 export { StyledAvatarGroup, StyledAvatar, StyledInitials, StyledRoot } from './styled-component';
 export { useAvatarColor } from './useAvatarColor';
-export type { Spacing, Shape, Size, AvatarGroupProps, AvatarSharedProps, AvatarProps, AvatarState, } from './types';
+export type { Spacing, Shape, Size, AvatarGroupProps, AvatarSharedProps, AvatarProps, } from './types';

package/avatar/types.d.ts

@@ -47,4 +47,4 @@ export declare type AvatarProps = {
     overrides?: AvatarOverrides;
     allowPhoneInitials?: boolean;
 };
-export type { AvatarState } from 'baseui/avatar';
+export {};

package/banner/banner-item.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
+    $as?: import("react").ElementType<any> | undefined;
+    className?: import("..").Styles;
+    style?: import("..").Styles;
+} & {
+    children?: import("react").ReactNode;
+    overrides?: {
+        Root?: import("../overrides").Override<Record<string, any>> | undefined;
+    } | undefined;
+} & import("react").RefAttributes<HTMLElement>>>;
+export default _default;

package/banner/banner-item.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var overrides_1 = require("../overrides");
+var styled_component_1 = require("./styled-component");
+var BannerItem = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, children = _a.children, restProps = (0, tslib_1.__rest)(_a, ["overrides", "children"]);
+    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Root, styled_component_1.StyledBannerItem), 2), Root = _c[0], rootProps = _c[1];
+    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "banner-item", role: "listitem" }, rootProps, restProps, { ref: ref }, { children: children }), void 0));
+});
+BannerItem.displayName = 'BannerItem';
+exports.default = (0, react_1.memo)(BannerItem);

package/banner/banner.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("../types").SpacewebComponentProps<React.AllHTMLAttributes<HTMLElement>>, "title"> & {
+    intent?: "success" | "warning" | "error" | undefined;
+    $as?: string | undefined;
+    collapsible?: boolean | undefined;
+    title: React.ReactNode;
+    children?: React.ReactNode;
+    maxItemContainerHeight?: string | undefined;
+    overrides?: {
+        Root?: import("../overrides").Override<Record<string, any>> | undefined;
+        BannerItemContainer?: import("../overrides").Override<Record<string, any>> | undefined;
+        HeaderTitle?: import("../overrides").Override<Record<string, any>> | undefined;
+        HeaderIcon?: import("../overrides").Override<Record<string, any>> | undefined;
+        HeaderContainer?: import("../overrides").Override<Record<string, any>> | undefined;
+        TitleContainer?: import("../overrides").Override<Record<string, any>> | undefined;
+        ToggleButton?: import("../overrides").Override<Record<string, any>> | undefined;
+    } | undefined;
+} & React.RefAttributes<HTMLElement>>>;
+export default _default;

package/banner/banner.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var overrides_1 = require("../overrides");
+var styled_component_1 = require("./styled-component");
+var error_clr_1 = (0, tslib_1.__importDefault)(require("../icon/components/error-clr"));
+var alert_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/alert-solid"));
+var tickCircle_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/tickCircle-solid"));
+var style_1 = require("../style");
+var styled_components_1 = require("../link/styled-components");
+var locale_1 = require("../locale");
+var useStickyElement_1 = (0, tslib_1.__importDefault)(require("../hooks/useStickyElement"));
+function Icon(_a) {
+    var className = _a.className, _b = _a.intent, intent = _b === void 0 ? 'error' : _b, restProps = (0, tslib_1.__rest)(_a, ["className", "intent"]);
+    var theme = (0, style_1.useStyle)().theme;
+    var intentToIconMap = {
+        error: {
+            BaseIcon: error_clr_1.default,
+            prop: [{ fill: theme.spr.supportError }],
+        },
+        warning: {
+            BaseIcon: alert_solid_1.default,
+            prop: [{ fill: theme.spr.supportWarning }],
+        },
+        success: {
+            BaseIcon: tickCircle_solid_1.default,
+            prop: [{ fill: theme.spr.supportSuccess }],
+        },
+    };
+    var _c = intentToIconMap[intent], BaseIcon = _c.BaseIcon, prop = _c.prop;
+    return (0, jsx_runtime_1.jsx)(BaseIcon, (0, tslib_1.__assign)({ className: ['mr-1.5', prop, className] }, restProps, { size: 14 }), void 0);
+}
+function BaseToggleButton(_a) {
+    var show = _a.show, className = _a.className, onToggle = _a.onToggle, props = (0, tslib_1.__rest)(_a, ["show", "className", "onToggle"]);
+    var locale = (0, locale_1.useLocale)();
+    var label = show ? locale.banner.toggleButtonHideLabel : locale.banner.toggleButtonShowLabel;
+    var ariaLabel = show ? locale.banner.toggleButtonHideAriaLabel : locale.banner.toggleButtonShowAriaLabel;
+    return ((0, jsx_runtime_1.jsx)(styled_components_1.StyledButtonLink, (0, tslib_1.__assign)({ "data-testid": "banner-toggle-button", "aria-label": ariaLabel, className: ['typography-l2 pl-2', className], onClick: function () { return onToggle(!show); }, "$show": show }, props, { children: label }), void 0));
+}
+var Banner = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.intent, intent = _b === void 0 ? 'error' : _b, collapsible = _a.collapsible, title = _a.title, children = _a.children, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, $as = _a.$as, role = _a.role, maxItemContainerHeight = _a.maxItemContainerHeight, restProps = (0, tslib_1.__rest)(_a, ["intent", "collapsible", "title", "children", "overrides", "$as", "role", "maxItemContainerHeight"]);
+    var _d = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Root, styled_component_1.StyledBanner), 2), Root = _d[0], rootProps = _d[1];
+    var _e = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.BannerItemContainer, styled_component_1.StyledBannerItemContainer), 2), BannerItemContainer = _e[0], bannerItemContainerProps = _e[1];
+    var _f = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.HeaderContainer, styled_component_1.StyledHeaderContainer), 2), HeaderContainer = _f[0], headerContainerProps = _f[1];
+    var _g = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.TitleContainer, styled_component_1.StyledTitleContainer), 2), TitleContainer = _g[0], titleContainerProps = _g[1];
+    var _h = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.HeaderTitle, styled_component_1.StyledTitle), 2), HeaderTitle = _h[0], headerTitleProps = _h[1];
+    var _j = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.HeaderIcon, Icon), 2), HeaderIcon = _j[0], headerIconProps = _j[1];
+    var _k = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.ToggleButton, BaseToggleButton), 2), ToggleButton = _k[0], toggleButtonProps = _k[1];
+    var _l = (0, tslib_1.__read)((0, react_1.useState)(true), 2), show = _l[0], setShow = _l[1];
+    var _m = (0, useStickyElement_1.default)(), isSticky = _m.isSticky, setStickySentinelRef = _m.setStickySentinelRef;
+    return ((0, jsx_runtime_1.jsxs)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "banner", "data-testid": "banner", intent: intent, collapsible: collapsible }, restProps, rootProps, { ref: ref }, { children: [(0, jsx_runtime_1.jsx)("div", { ref: setStickySentinelRef }, void 0), (0, jsx_runtime_1.jsxs)(HeaderContainer, (0, tslib_1.__assign)({}, headerContainerProps, { "$sticky": isSticky }, { children: [(0, jsx_runtime_1.jsxs)(TitleContainer, (0, tslib_1.__assign)({}, titleContainerProps, { children: [(0, jsx_runtime_1.jsx)(HeaderIcon, (0, tslib_1.__assign)({ intent: intent }, headerIconProps), void 0), (0, jsx_runtime_1.jsx)(HeaderTitle, (0, tslib_1.__assign)({}, headerTitleProps, { children: title }), void 0)] }), void 0), collapsible && (0, jsx_runtime_1.jsx)(ToggleButton, (0, tslib_1.__assign)({ show: show, onToggle: setShow }, toggleButtonProps), void 0)] }), void 0), show && children && ((0, jsx_runtime_1.jsx)(BannerItemContainer, (0, tslib_1.__assign)({ "$as": $as, role: $as === 'ol' || $as === 'ul' ? 'list' : role, "$maxHeight": maxItemContainerHeight }, bannerItemContainerProps, { children: children }), void 0))] }), void 0));
+});
+Banner.displayName = 'Banner';
+exports.default = (0, react_1.memo)(Banner);

package/banner/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Banner } from './banner';
+export { default as BannerItem } from './banner-item';
+export { StyledBanner, StyledBannerItem, StyledTitle } from './styled-component';
+export type { BannerProps, BannerItemProps } from './types';
+export type { BannerLocale } from './locale';

package/banner/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTitle = exports.StyledBannerItem = exports.StyledBanner = exports.BannerItem = exports.Banner = void 0;
+var banner_1 = require("./banner");
+Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return __importDefault(banner_1).default; } });
+var banner_item_1 = require("./banner-item");
+Object.defineProperty(exports, "BannerItem", { enumerable: true, get: function () { return __importDefault(banner_item_1).default; } });
+var styled_component_1 = require("./styled-component");
+Object.defineProperty(exports, "StyledBanner", { enumerable: true, get: function () { return styled_component_1.StyledBanner; } });
+Object.defineProperty(exports, "StyledBannerItem", { enumerable: true, get: function () { return styled_component_1.StyledBannerItem; } });
+Object.defineProperty(exports, "StyledTitle", { enumerable: true, get: function () { return styled_component_1.StyledTitle; } });

package/banner/locale.d.ts

@@ -0,0 +1,6 @@
+export declare type BannerLocale = {
+    toggleButtonShowLabel: string;
+    toggleButtonHideLabel: string;
+    toggleButtonShowAriaLabel: string;
+    toggleButtonHideAriaLabel: string;
+};

package/banner/locale.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/banner/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/banner/index.js"
+}

package/banner/styled-component.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledBanner: import("../style/styled").StyledComponent;
+export declare const StyledBannerItemContainer: import("../style/styled").StyledComponent;
+export declare const StyledTitleContainer: import("../style/styled").StyledComponent;
+export declare const StyledHeaderContainer: import("../style/styled").StyledComponent;
+export declare const StyledTitle: import("../style/styled").StyledComponent;
+export declare const StyledBannerItem: import("../style/styled").StyledComponent;

package/banner/styled-component.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBannerItem = exports.StyledTitle = exports.StyledHeaderContainer = exports.StyledTitleContainer = exports.StyledBannerItemContainer = exports.StyledBanner = void 0;
+var tslib_1 = require("tslib");
+var classNames_1 = (0, tslib_1.__importDefault)(require("../classNames"));
+var style_1 = require("../style");
+var getBannerIntentStyles = function (_a, _b) {
+    var theme = _a.theme;
+    var intent = _b.intent;
+    switch (intent) {
+        case 'error':
+        default:
+            return {
+                borderColor: theme.spr.supportError,
+            };
+        case 'warning':
+            return {
+                borderColor: theme.spr.supportWarning,
+            };
+        case 'success':
+            return {
+                borderColor: theme.spr.supportSuccess,
+            };
+    }
+};
+exports.StyledBanner = (0, style_1.styled)('div', 'box-border w-full rounded-8 border-solid border-1 font-medium overflow-auto pb-2', getBannerIntentStyles);
+exports.StyledBannerItemContainer = (0, style_1.styled)('div', 'box-border list-inside list-none typography-bl1 px-2 mt-0.5', function (_a, _b) {
+    var theme = _a.theme, getStyle = _a.getStyle;
+    var $as = _b.$as, $maxHeight = _b.$maxHeight;
+    return getStyle((0, classNames_1.default)({ 'list-decimal': $as === 'ol', 'list-disc': $as === 'ul' }), { maxHeight: $maxHeight });
+});
+exports.StyledTitleContainer = (0, style_1.styled)('div', 'flex flex-row justify-center items-center');
+exports.StyledHeaderContainer = (0, style_1.styled)('div', 'flex flex-row justify-between sticky top-0 spr-ui-01 px-2 pt-2', function (_a, _b) {
+    var theme = _a.theme;
+    var $sticky = _b.$sticky;
+    return ({ boxShadow: $sticky ? theme.spr.shadow01 : 'none' });
+});
+exports.StyledTitle = (0, style_1.styled)('div', 'typography-bl1 font-600');
+exports.StyledBannerItem = (0, style_1.styled)('li', 'typography-bl1');

package/banner/types.d.ts

@@ -0,0 +1,26 @@
+import { Override } from '../overrides/types';
+import { SpacewebComponentProps } from '../types';
+import { ReactNode } from 'react';
+export declare type BannerProps = Omit<SpacewebComponentProps, 'title'> & {
+    intent?: 'error' | 'warning' | 'success';
+    $as?: string;
+    collapsible?: boolean;
+    title: ReactNode;
+    children?: ReactNode;
+    maxItemContainerHeight?: string;
+    overrides?: {
+        Root?: Override<Record<string, any>>;
+        BannerItemContainer?: Override<Record<string, any>>;
+        HeaderTitle?: Override<Record<string, any>>;
+        HeaderIcon?: Override<Record<string, any>>;
+        HeaderContainer?: Override<Record<string, any>>;
+        TitleContainer?: Override<Record<string, any>>;
+        ToggleButton?: Override<Record<string, any>>;
+    };
+};
+export declare type BannerItemProps = SpacewebComponentProps & {
+    children?: ReactNode;
+    overrides?: {
+        Root?: Override<Record<string, any>>;
+    };
+};

package/banner/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/button/Button.d.ts

@@ -21,9 +21,7 @@ declare const Button: React.ForwardRefExoticComponent<Omit<{
     overrides?: import("./types").ButtonOverrides | undefined;
     startEnhancer?: React.ReactNode;
     type?: "button" | "reset" | "submit" | undefined;
-    tooltipContent?: React.ReactNode | ((args: {
-        close: () => void;
-    }) => React.ReactNode);
+    tooltipContent?: React.ReactNode | import("baseui/popover").StatefulContentRenderProp;
 }, "style" | "className"> & {
     $as?: React.ElementType<any> | undefined;
     className?: import("..").Styles;

package/button/Button.js

@@ -40,7 +40,7 @@ var Button = React.forwardRef(function (props, ref) {
         },
     }, (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, { overrides: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, convertedOverrides), mergedOverrides), ref: buttonRef }), void 0));
+    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));
     }

package/button/basewebAdapter.d.ts

@@ -1,13 +1,16 @@
 /// <reference types="react" />
-import { KIND } from 'baseui/button';
 import { ButtonProps } from './types';
 declare const _default: (props: Omit<ButtonProps, 'size'>) => {
-    kind: import("../utility-types").ValueOf<KIND>;
+    kind: import("../utility-types").ValueOf<{
+        readonly primary: "primary";
+        readonly secondary: "secondary";
+        readonly tertiary: "tertiary";
+    }>;
     style?: import("..").Styles;
     disabled?: boolean | undefined;
     className?: import("..").Styles;
-    overrides?: import("./types").ButtonOverrides | undefined;
     children?: import("react").ReactNode;
+    overrides?: import("./types").ButtonOverrides | undefined;
     autoFocus?: boolean | undefined;
     href?: string | undefined;
     rel?: string | undefined;
@@ -22,8 +25,6 @@ declare const _default: (props: Omit<ButtonProps, 'size'>) => {
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    tooltipContent?: import("react").ReactNode | ((args: {
-        close: () => void;
-    }) => import("react").ReactNode);
+    tooltipContent?: import("react").ReactNode | import("baseui/popover").StatefulContentRenderProp;
 };
 export default _default;

package/button/basewebAdapter.js

@@ -7,6 +7,6 @@ var variantMap = {
     primary: button_1.KIND.primary,
     secondary: button_1.KIND.secondary,
     tertiary: button_1.KIND.tertiary,
-    minimal: button_1.KIND.minimal,
+    minimal: button_1.KIND.tertiary,
 };
 exports.default = (function (props) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, omit_1.default)(props, 'variant')), { kind: props.variant ? variantMap[props.variant] : button_1.KIND.primary })); });

package/button/types.d.ts

@@ -46,4 +46,4 @@ export declare type ButtonProps = SpacewebComponentProps<{
     type?: 'submit' | 'reset' | 'button';
     tooltipContent?: StatefulTooltipProps['content'];
 }>;
-export declare type VariantAdapterProps = Record<Variant, ValueOf<KIND>>;
+export declare type VariantAdapterProps = Record<Variant, ValueOf<typeof KIND>>;

package/button-group/ButtonGroup.js

@@ -16,7 +16,7 @@ var ButtonGroup = (0, react_1.forwardRef)(function (_a, ref) {
     var _d = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Root, styled_components_1.StyledRoot), 2), Root = _d[0], rootProps = _d[1];
     var renderChild = (0, react_1.useMemo)(function () { return styled_components_1.renderButtonGroupChild.bind(null, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, props), { onKeyDown: onKeyDown })); }, [props, onKeyDown]);
     var sharedProps = (0, helpers_1.add$props)((0, pick_1.default)(props, ['intent', 'size', 'variant', 'shape', 'mode']));
-    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "button-group", className: className, style: style, ref: combinedRef }, sharedProps, rootProps, { children: react_1.Children.map(props.children, renderChild) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "button-group", "aria-multiselectable": props.mode === 'checkbox', className: className, style: style, ref: combinedRef }, sharedProps, rootProps, { children: react_1.Children.map(props.children, renderChild) }), void 0));
 });
 ButtonGroup.defaultProps = {
     mode: 'radio',

package/button-group/index.d.ts

@@ -1,4 +1,3 @@
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as StatefulButtonGroup } from './StatefulButtonGroup';
-export type { StatefulContainer, ButtonGroupOverrides, ButtonGroupProps, InitialState, State, StatefulButtonGroupProps, } from 'baseui/button-group';
-export { StyledRoot, MODE, STATE_CHANGE_TYPE } from 'baseui/button-group';
+export type { ButtonGroupChildProps, StatefulButtonGroupProps, ButtonGroupProps } from './types';

package/button-group/index.js

@@ -3,12 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.STATE_CHANGE_TYPE = exports.MODE = exports.StyledRoot = exports.StatefulButtonGroup = exports.ButtonGroup = void 0;
+exports.StatefulButtonGroup = exports.ButtonGroup = void 0;
 var ButtonGroup_1 = require("./ButtonGroup");
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });
 var StatefulButtonGroup_1 = require("./StatefulButtonGroup");
 Object.defineProperty(exports, "StatefulButtonGroup", { enumerable: true, get: function () { return __importDefault(StatefulButtonGroup_1).default; } });
-var button_group_1 = require("baseui/button-group");
-Object.defineProperty(exports, "StyledRoot", { enumerable: true, get: function () { return button_group_1.StyledRoot; } });
-Object.defineProperty(exports, "MODE", { enumerable: true, get: function () { return button_group_1.MODE; } });
-Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return button_group_1.STATE_CHANGE_TYPE; } });

package/button-group/styled-components.js

@@ -24,12 +24,12 @@ var hyperspaceButtonOverrides = function (utils, props) {
     var $isIconButton = props.$isIconButton, $index = props.$index, $childrenCount = props.$childrenCount, $isSelected = props.$isSelected;
     return (0, merge_1.default)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ marginTop: px2rem(2), marginBottom: px2rem(2), 
         // To keep all the buttons equidistant remove marginLeft from all buttons except the first one
-        marginLeft: $index === 0 ? px2rem(3) : '0px', marginRight: $index === $childrenCount - 1 ? px2rem(3) : px2rem(2), fontSize: px2rem(12), lineHeight: px2rem(18) }, (0, longHandHelpers_1.borderRadius)(px2rem(5))), (!$isIconButton
+        marginLeft: $index === 0 ? px2rem(3) : '0px', marginRight: $index === $childrenCount - 1 ? px2rem(3) : px2rem(2), fontSize: px2rem(12), lineHeight: px2rem(16) }, (0, longHandHelpers_1.borderRadius)(px2rem(5))), (!$isIconButton
         ? {
             paddingTop: px2rem(8),
             paddingBottom: px2rem(8),
-            paddingLeft: px2rem(22),
-            paddingRight: px2rem(22),
+            paddingLeft: px2rem(12),
+            paddingRight: px2rem(12),
         }
         : { height: px2rem(32), width: px2rem(32), marginTop: px2rem(3), marginBottom: px2rem(3) })), (0, styled_components_1.createButtonStyles)({
         color: theme.spr.text01,
@@ -93,7 +93,7 @@ var renderButtonGroupChild = function (props, child, index) {
         onKeyDown(event);
         (_b = (_a = child.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
     };
-    return React.cloneElement(child, (0, tslib_1.__assign)({ disabled: child.props.disabled || disabled, variant: child.props.variant || variant, size: child.props.size || size, shape: child.props.shape || shape, intent: child.props.intent || intent, isSelected: isSelected(selected, index), className: [baseButtonStyle.bind(null, childrenCount, index), child.props.className], onClick: onChildClick, onKeyDown: onChildKeyDown }, (isAnyButtonSelected(selected)
+    return React.cloneElement(child, (0, tslib_1.__assign)({ disabled: child.props.disabled || disabled, variant: child.props.variant || variant, size: child.props.size || size, shape: child.props.shape || shape, intent: child.props.intent || intent, isSelected: isSelected(selected, index), 'aria-selected': isSelected(selected, index), className: [baseButtonStyle.bind(null, childrenCount, index), child.props.className], onClick: onChildClick, onKeyDown: onChildKeyDown }, (isAnyButtonSelected(selected)
         ? { tabIndex: (_a = child.props.tabIndex) !== null && _a !== void 0 ? _a : (isSelected(selected, index) ? 0 : -1) }
         : {})));
 };

package/button-group/types.d.ts

@@ -33,6 +33,7 @@ export declare type ButtonGroupChildProps = {
     overrides?: Overrides<ButtonSharedProps>;
     onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
     tabIndex?: number;
+    'aria-selected'?: boolean;
 };
 export declare type StatefulButtonGroupProps = ButtonGroupProps & {
     initialState?: number[];

package/checkbox/basewebAdapters.d.ts

@@ -1,4 +1,7 @@
+import * as React from 'react';
+import type { Checkbox as BaseCheckbox, StatefulCheckbox as BaseStatefulCheckbox } from 'baseui/checkbox';
 import { CheckboxProps, StatefulCheckboxProps } from './types';
-declare type AdaptProps = CheckboxProps | StatefulCheckboxProps;
-export default function useCheckboxAdapter(props: AdaptProps): Omit<AdaptProps, 'size' | 'className' | 'style'>;
+declare type BaseuiAdaptedProps = React.ComponentProps<typeof BaseCheckbox> | React.ComponentProps<typeof BaseStatefulCheckbox>;
+declare type SpacewebProps = CheckboxProps | StatefulCheckboxProps;
+export default function useCheckboxAdapter(props: SpacewebProps): BaseuiAdaptedProps;
 export {};

package/checkbox/basewebAdapters.js

@@ -5,6 +5,7 @@ var helpers_1 = require("../helpers");
 var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var styled_components_1 = require("./styled-components");
 var context_1 = require("../form-control/context");
+var useCombinedRef_1 = require("../hooks/useCombinedRef");
 function useCheckboxAdapter(props) {
     var _a = (0, context_1.useContextualFormProps)(props), size = _a.size, className = _a.className, style = _a.style, overrides = _a.overrides, intent = _a.intent, $outlineStyle = _a.$outlineStyle, $outlineColor = _a.$outlineColor, $outlineOffset = _a.$outlineOffset, $outlineWidth = _a.$outlineWidth, restProps = (0, tslib_1.__rest)(_a, ["size", "className", "style", "overrides", "intent", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth"]);
     var convertedOverrides = (0, useConvertOverrides_1.useConvertOverrides)({
@@ -29,6 +30,7 @@ function useCheckboxAdapter(props) {
         // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/406 - baseui adds position absolute
         Input: { style: { position: 'static' } },
     }, overrides);
-    return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { overrides: convertedOverrides });
+    var inputRefObj = (0, useCombinedRef_1.useCombineRefObjects)(props.inputRef);
+    return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { overrides: convertedOverrides, inputRef: inputRefObj, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur });
 }
 exports.default = useCheckboxAdapter;

package/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export { Checkbox, StatefulCheckbox } from './checkbox';
-export { StatefulContainer, StyledRoot, StyledCheckmark, StyledLabel, StyledInput, StyledToggle, StyledToggleInner, StyledToggleTrack, } from 'baseui/checkbox';
+export { StatefulContainer, StyledRoot, StyledCheckmark, StyledLabel, StyledInput, StyledToggle, StyledToggleTrack, } from 'baseui/checkbox';
 export type { StateReducer, StatefulContainerProps, CheckboxOverrides, CheckboxState } from 'baseui/checkbox';
 export { STATE_TYPE, STYLE_TYPE } from 'baseui/checkbox';
 export * from './types';

package/checkbox/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.STYLE_TYPE = exports.STATE_TYPE = exports.StyledToggleTrack = exports.StyledToggleInner = exports.StyledToggle = exports.StyledInput = exports.StyledLabel = exports.StyledCheckmark = exports.StyledRoot = exports.StatefulContainer = exports.StatefulCheckbox = exports.Checkbox = void 0;
+exports.STYLE_TYPE = exports.STATE_TYPE = exports.StyledToggleTrack = exports.StyledToggle = exports.StyledInput = exports.StyledLabel = exports.StyledCheckmark = exports.StyledRoot = exports.StatefulContainer = exports.StatefulCheckbox = exports.Checkbox = void 0;
 var tslib_1 = require("tslib");
 var checkbox_1 = require("./checkbox");
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
@@ -12,7 +12,6 @@ Object.defineProperty(exports, "StyledCheckmark", { enumerable: true, get: funct
 Object.defineProperty(exports, "StyledLabel", { enumerable: true, get: function () { return checkbox_2.StyledLabel; } });
 Object.defineProperty(exports, "StyledInput", { enumerable: true, get: function () { return checkbox_2.StyledInput; } });
 Object.defineProperty(exports, "StyledToggle", { enumerable: true, get: function () { return checkbox_2.StyledToggle; } });
-Object.defineProperty(exports, "StyledToggleInner", { enumerable: true, get: function () { return checkbox_2.StyledToggleInner; } });
 Object.defineProperty(exports, "StyledToggleTrack", { enumerable: true, get: function () { return checkbox_2.StyledToggleTrack; } });
 var checkbox_3 = require("baseui/checkbox");
 Object.defineProperty(exports, "STATE_TYPE", { enumerable: true, get: function () { return checkbox_3.STATE_TYPE; } });

package/checkbox/styled-components.js

@@ -34,7 +34,7 @@ var getBorderColor = function (utils, props) {
     if ($isHovered || $isFocusVisible) {
         return intentColor(utils, props, theme.spr.border06);
     }
-    return intentColor(utils, props, theme.spr.icon03);
+    return intentColor(utils, props, theme.spr.border04);
 };
 var getBackgroundColor = function (utils, props) {
     var $disabled = props.$disabled, $checked = props.$checked, $isIndeterminate = props.$isIndeterminate;

package/checkbox/types.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { CheckboxProps as BaseCheckboxProps, StatefulCheckboxProps as BaseStatefulCheckboxProps } from 'baseui/checkbox';
 import { SharedProps as BaseSharedProps } from 'baseui/input';
 import { OutlineProps } from '../helpers/commonStyles';
@@ -12,17 +13,23 @@ export declare type SharedProps = BaseSharedProps & {
     $isIndeterminate: boolean;
     $size: CheckboxSize;
 };
-export declare type CheckboxProps = SpacewebComponentProps<Omit<BaseCheckboxProps, 'overrides' | 'size' | 'intent'>> & {
+declare type CommonProps = {
+    onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => unknown;
+    onMouseLeave?: (e: React.MouseEvent<HTMLInputElement>) => unknown;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => unknown;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => unknown;
     size?: CheckboxSize;
     intent?: Intent;
+    inputRef?: React.Ref<HTMLInputElement>;
+};
+export declare type CheckboxProps = SpacewebComponentProps<Omit<BaseCheckboxProps, 'overrides' | keyof CommonProps>> & {
     overrides?: {
-        [key in keyof BaseCheckboxProps['overrides']]?: Override<SharedProps>;
+        [key in keyof Required<BaseCheckboxProps>['overrides']]?: Override<SharedProps>;
     };
-} & OutlineProps;
-export declare type StatefulCheckboxProps = SpacewebComponentProps<Omit<BaseStatefulCheckboxProps, 'overrides' | 'size' | 'intent'>> & {
-    size?: CheckboxSize;
-    intent?: Intent;
+} & OutlineProps & CommonProps;
+export declare type StatefulCheckboxProps = SpacewebComponentProps<Omit<BaseStatefulCheckboxProps, 'overrides' | keyof CommonProps>> & {
     overrides?: {
-        [key in keyof BaseStatefulCheckboxProps['overrides']]?: Override<SharedProps>;
+        [key in keyof Required<BaseStatefulCheckboxProps>['overrides']]?: Override<SharedProps>;
     };
-} & OutlineProps;
+} & OutlineProps & CommonProps;
+export {};