@sprinklrjs/spaceweb 12.33.2 → 14.11.0

package/esm/select/selectMenuAdapter/types.d.ts

@@ -1,11 +1,11 @@
-import { SelectProps } from '../types';
-import { Override } from '../../overrides';
-import { MenuItemProps, MenuProps } from '../../menu';
-import { StatefulMenuProps as BaseStatefulMenuProps } from '../../baseui/menu/types';
-import { RefObject } from 'react';
-declare type PropsAddedByOverride = {
+import type { SelectProps, BaseSelectProps } from '../types';
+import type { Override } from '../../overrides';
+import type { MenuItemProps, MenuProps, MenuItemActions } from '../../menu';
+import type { StatefulMenuProps as BaseStatefulMenuProps } from '../../baseui/menu/types';
+import type { NoResultsMessageProps } from '../no-results-message';
+type PropsAddedByOverride = {
     id?: string;
-    value: SelectProps['value'];
+    value?: BaseSelectProps['value'];
     overrides?: {
         Menu?: Override<MenuProps>;
         MenuItem?: Override<MenuItemProps & {
@@ -25,18 +25,21 @@ declare type PropsAddedByOverride = {
     };
     valueKey: string;
     labelKey: string;
-    multi: SelectProps['multi'];
-    selectAllSelected: boolean;
+    multi?: SelectProps['multi'];
+    selectAllSelected?: boolean;
     shouldDisplaySelectAll?: boolean;
     noResultsMsg?: string;
+    noResultsConfig?: NoResultsMessageProps;
     captureScroll?: boolean;
     virtual?: boolean;
     overscanCount?: number;
     selectOnTab?: boolean;
-    inputRef?: RefObject<HTMLInputElement>;
+    getActionsElement?: MenuItemActions;
+    /** Combobox input ref from BaseSelect; restores focus when leaving per-option action buttons. */
+    inputElement?: HTMLInputElement | null;
 };
-export declare type MenuAdapterProps = BaseStatefulMenuProps & PropsAddedByOverride;
-export declare type GroupConfig = {
+export type MenuAdapterProps = BaseStatefulMenuProps & PropsAddedByOverride;
+export type GroupConfig = {
     id: string;
     label: string;
     count?: number;

package/esm/select/stateful-select.d.ts

@@ -6,7 +6,6 @@ declare namespace StatefulSelect {
         autoFocus: boolean;
         backspaceRemoves: boolean;
         clearable: boolean;
-        closeOnSelect: boolean;
         creatable: boolean;
         deleteRemoves: boolean;
         disabled: boolean;
@@ -16,6 +15,7 @@ declare namespace StatefulSelect {
         filterOptions: ((options: import("./types").Value, filterValue: string, excludeOptions: import("./types").Value | null | undefined, a: {
             valueKey: string;
             labelKey: string;
+            filterOnlyCreated?: boolean | undefined;
         }) => import("./types").Value) | null | undefined;
         filterOutSelected: boolean;
         isLoading: boolean;
@@ -41,6 +41,7 @@ declare namespace StatefulSelect {
         placement: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         virtual: boolean;
         popoverMinWidth: string;
+        expandLimitTagsOnFocus: boolean;
     };
 }
 export default StatefulSelect;

package/esm/select/stateful-select.js

@@ -7,8 +7,8 @@ import defaultProps from './default-props';
 function StatefulSelect(_a) {
     var overrides = _a.overrides, onChange = _a.onChange, restProps = __rest(_a, ["overrides", "onChange"]);
     return (_jsx(StatefulSelectContainer, __assign({}, restProps, { onChange: onChange }, { children: function (selectProps) {
-            return restProps.type === 'overlay' ? (_jsx(OverlaySelect, __assign({}, selectProps, { overrides: overrides }, { children: restProps.children }), void 0)) : (_jsx(Select, __assign({}, selectProps, { filterOptions: selectProps.filterOptions, overrides: overrides }), void 0));
-        } }), void 0));
+            return restProps.type === 'overlay' ? (_jsx(OverlaySelect, __assign({}, selectProps, { overrides: overrides }, { children: restProps.children }))) : (_jsx(Select, __assign({}, selectProps, { filterOptions: selectProps.filterOptions, overrides: overrides })));
+        } })));
 }
 StatefulSelect.defaultProps = defaultProps;
 export default StatefulSelect;

package/esm/select/styled-component.d.ts

@@ -1,29 +1,31 @@
-import * as React from 'react';
-import { SharedProps, Size } from './types';
-import { Value } from '../baseui/select/types';
-declare const StyledSelect: import("../style/styled").StyledComponent;
-declare const NoResults: React.ForwardRefExoticComponent<{
+import type { ReactElement } from 'react';
+import type { SharedProps, Size } from './types';
+import type { Value } from '../baseui/select/types';
+import type { NoResultsMessageProps } from './no-results-message';
+declare const NoResults: import("react").ForwardRefExoticComponent<{
     msg?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
-export declare const StyledInputContainer: import("../style/styled").StyledComponent;
-export declare const StyledInput: import("../style/styled").StyledComponent;
-declare const StyledOverlayContentContainer: import("../style/styled").StyledComponent;
-declare const InputContainer: ({ menuId, size, $value, $labelKey, placeholder, ...props }: SharedProps & {
-    menuId: string;
+    noResultsConfig?: NoResultsMessageProps | undefined;
+} & import("react").RefAttributes<HTMLElement>>;
+export declare const StyledInputContainer: import("../style").StyledComponent;
+export declare const StyledInput: import("../style").StyledComponent;
+declare const StyledOverlayContentContainer: import("../style").StyledComponent;
+declare const InputContainer: ({ size, $value, $labelKey, placeholder, $limitTags, ...props }: SharedProps & {
     size: Size;
     $value: Value;
     $labelKey: string;
     placeholder: string;
 } & {
-    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+    children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const Input: React.ForwardRefExoticComponent<SharedProps & {
-    id: string;
-    $menuId: string;
+declare const Input: import("react").ForwardRefExoticComponent<SharedProps & {
     placeholder: string;
     $value: Value;
     $labelKey: string;
-} & React.RefAttributes<HTMLInputElement>>;
-export declare const LoadingIndicator: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+} & Omit<import("react").AllHTMLAttributes<HTMLElement>, "className" | "style"> & {
+    $as?: import("react").ElementType | undefined;
+    className?: import("../types").ClassName;
+    style?: import("../types").Styles;
+} & import("react").RefAttributes<HTMLInputElement>>;
+export declare const LoadingIndicator: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export { StyledRoot, StyledClearIcon, StyledControlContainer, StyledDropdownContainer, StyledIconsContainer, StyledInputSizer, StyledPlaceholder, StyledSearchIconContainer, StyledSelectArrow, StyledSingleValue, StyledValueContainer, } from '../baseui/select';
-export { StyledSelect, NoResults, StyledOverlayContentContainer, InputContainer, Input };
+export { NoResults, StyledOverlayContentContainer, InputContainer, Input };

package/esm/select/styled-component.js

@@ -1,108 +1,96 @@
 import { __assign, __rest } from "tslib";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select as BaseSelect } from '../baseui/select';
-import * as React from 'react';
-import { borderRadius, borderWidth } from '../helpers/longHandHelpers';
+import { forwardRef, memo, useRef, cloneElement, Children } from 'react';
 import { useLocale } from '../locale';
+import { Box } from '../box';
 import MenuItem from '../menu/menu-item';
 import { styled } from '../style';
-import { getComponentSizeTheme } from '../helpers/themeHelpers';
-import _omit from 'lodash/omit';
+import { getComponentSizeTheme, getDefaultSize } from '../helpers/themeHelpers';
 import { HiddenElement } from './utils/hidden-element';
 import getInterpolatedString from '../baseui/helpers/i18n-interpolation';
 import useUniqueId from '../hooks/useUniqueId';
 import { Loader } from '../loader';
-import { memo } from 'react';
-var StyledSelect = styled(BaseSelect, function (utils) {
-    var theme = utils.theme;
-    return {
-        inputBorderRadius: theme.input.borderRadius,
-        borderFocus: theme.spr.focus01,
-        contentPrimary: theme.spr.text01,
-        contentSecondary: theme.spr.text03,
-        inputBorder: theme.spr.field,
-        inputFill: theme.spr.ui01,
-        inputFillError: theme.spr.ui01,
-        inputFillDisabled: theme.spr.ui02,
-        inputFillActive: theme.spr.ui01,
-        inputFillPositive: theme.spr.ui01,
-        inputTextDisabled: theme.spr.text02,
-        inputPlaceholder: theme.spr.textPlaceholder,
-        inputBorderError: theme.spr.supportError,
-        inputBorderPositive: theme.spr.supportSuccess,
-        inputEnhancerFill: theme.spr.icon03,
-        inputEnhancerFillDisabled: theme.spr.iconDisable,
-        inputEnhancerTextDisabled: theme.spr.text02,
-    };
-});
-var NoResults = React.forwardRef(function (_a, ref) {
-    var msg = _a.msg, props = __rest(_a, ["msg"]);
+import { useSelectIds } from './SelectIdsContext';
+import { inputContainerCVA } from './cvaConfigs';
+import { NoResultsMessage } from './no-results-message';
+var NoResults = forwardRef(function (_a, ref) {
+    var msg = _a.msg, noResultsConfig = _a.noResultsConfig, props = __rest(_a, ["msg", "noResultsConfig"]);
     var locale = useLocale();
-    return (_jsx(MenuItem, __assign({ button: false, ref: ref }, props, { children: msg || locale.select.noResultsMsg }), void 0));
-});
-export var StyledInputContainer = styled('div', 'relative inline-block bg-transparent max-w-full border-none box-border m-0 p-0 outline-none', function (_a, props) {
-    var theme = _a.theme, px2rem = _a.px2rem;
-    var $selectSize = props.$selectSize, $isEmpty = props.$isEmpty;
-    var _b = getComponentSizeTheme(theme, 'input', $selectSize, 'md'), fontSize = _b.fontSize, lineHeight = _b.lineHeight;
-    return {
-        boxShadow: 'none',
-        marginLeft: $isEmpty ? 0 : px2rem(2),
-        height: lineHeight,
-        maxHeight: lineHeight,
-        fontSize: fontSize,
-        lineHeight: lineHeight,
-    };
+    var noResultsId = useSelectIds().noResultsId;
+    return (_jsx(MenuItem, __assign({ button: false, hideInlineActions: true, ref: ref }, props, { children: noResultsConfig ? (_jsx(NoResultsMessage, __assign({}, noResultsConfig, { id: noResultsId }))) : (_jsx(Box, __assign({ id: noResultsId }, { children: msg || locale.select.noResultsMsg }))) })));
 });
-export var StyledInput = styled('input', 'bg-transparent border-none inline-block m-0 p-0 max-w-full box-content outline-none', function (_, props) {
-    var $searchable = props.$searchable, $width = props.$width, $disabled = props.$disabled;
-    return __assign({ color: 'inherit', lineHeight: 'inherit', fontSize: 'inherit', fontWeight: 'inherit', letterSpacing: 'normal', width: !$searchable ? '1px' : $width || '100%', boxShadow: 'none', '::placeholder': {
-            color: 'transparent',
-        } }, ($disabled ? { '-webkit-text-fill-color': 'transparent' } : {}));
+export var StyledInputContainer = styled('div', inputContainerCVA, 
+// theme override styleFn
+// @ts-ignore -- Required for theme override
+function (_a, _b) {
+    var theme = _a.theme;
+    var $selectSize = _b.$selectSize;
+    var inputSizeTheme = getComponentSizeTheme(theme, 'input', $selectSize, getDefaultSize(theme));
+    return inputSizeTheme
+        ? __assign(__assign({}, (inputSizeTheme.lineHeight
+            ? {
+                height: inputSizeTheme.lineHeight,
+                lineHeight: inputSizeTheme === null || inputSizeTheme === void 0 ? void 0 : inputSizeTheme.lineHeight,
+                maxHeight: inputSizeTheme === null || inputSizeTheme === void 0 ? void 0 : inputSizeTheme.lineHeight,
+            }
+            : {})), (inputSizeTheme.fontSize ? { fontSize: inputSizeTheme === null || inputSizeTheme === void 0 ? void 0 : inputSizeTheme.fontSize } : {})) : {};
 });
-var DEFAULT_OVERLAY_WIDTH = '300px';
-var StyledOverlayContentContainer = styled('div', 'overflow-auto', function (_a, _b) {
-    var px2rem = _a.px2rem;
-    var $overlayWidth = _b.$overlayWidth;
-    return (__assign({ width: $overlayWidth || DEFAULT_OVERLAY_WIDTH }, borderRadius('inherit')));
+export var StyledInput = styled('input', 'bg-transparent border-none inline-block m-0 p-0 max-w-full box-content outline-none placeholder:invisible font-inherit leading-inherit text-inherit font-size-inherit tracking-normal w-[--sw-width] shadow-none', function (_, _a) {
+    var $disabled = _a.$disabled;
+    return ($disabled ? 'webkit-text-transparent' : '');
 });
-var getCommaSeparatedValues = function (value, labelKey, locale) {
-    var commaSeparatedValues = value === null || value === void 0 ? void 0 : value.map(function (val) { return val[labelKey]; }).join(',');
+var StyledOverlayContentContainer = styled('div', 'overflow-auto rounded-inherit w-[--sw-width]');
+var getCommaSeparatedValues = function (value, limitTags, labelKey, locale) {
+    if (limitTags === void 0) { limitTags = Number(Infinity); }
+    var _limitTags = limitTags < 0 ? Number(Infinity) : limitTags;
+    var commaSeparatedValues = value === null || value === void 0 ? void 0 : value.slice(0, _limitTags).map(function (val) { return val[labelKey]; });
+    var extraTagNumber = (value === null || value === void 0 ? void 0 : value.length) > limitTags ? value.length - limitTags : 0;
+    if (extraTagNumber > 0) {
+        commaSeparatedValues.push("".concat("+".concat(extraTagNumber, " ").concat(extraTagNumber === 1 ? locale.select.item : locale.select.items)));
+    }
+    var _commaSeparatedValues = commaSeparatedValues === null || commaSeparatedValues === void 0 ? void 0 : commaSeparatedValues.join(',');
     return value && value.length > 0
-        ? "".concat(getInterpolatedString(locale.select.selectedValuesPrefix, { values: commaSeparatedValues }))
+        ? "".concat(getInterpolatedString(locale.select.selectedValuesPrefix, { values: _commaSeparatedValues }), ".")
         : '';
 };
 var InputContainer = function (_a) {
     var _b;
-    var menuId = _a.menuId, size = _a.size, $value = _a.$value, $labelKey = _a.$labelKey, placeholder = _a.placeholder, props = __rest(_a, ["menuId", "size", "$value", "$labelKey", "placeholder"]);
+    var size = _a.size, $value = _a.$value, $labelKey = _a.$labelKey, placeholder = _a.placeholder, $limitTags = _a.$limitTags, props = __rest(_a, ["size", "$value", "$labelKey", "placeholder", "$limitTags"]);
     var locale = useLocale();
-    var commaSeparatedValues = getCommaSeparatedValues($value, $labelKey, locale);
+    var listboxId = useSelectIds().listboxId;
+    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale);
     var baseAriaDescribedBy = (_b = props['aria-describedby']) !== null && _b !== void 0 ? _b : '';
     var selectedValuesId = useUniqueId();
     var ariaDescribedBy = commaSeparatedValues ? "".concat(selectedValuesId, " ").concat(baseAriaDescribedBy) : baseAriaDescribedBy;
-    var containerRef = React.useRef(null);
+    var containerRef = useRef(null);
     if (!props.$searchable) {
-        return (_jsxs(_Fragment, { children: [commaSeparatedValues ? _jsx(HiddenElement, __assign({ id: selectedValuesId }, { children: commaSeparatedValues }), void 0) : null, _jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size, "aria-owns": props.$isOpen ? menuId : null, "aria-describedby": ariaDescribedBy, "aria-expanded": props.$isOpen, role: "combobox", ref: containerRef, "aria-placeholder": placeholder !== null && placeholder !== void 0 ? placeholder : locale.select.selectPlaceholder, "aria-haspopup": "listbox" }, { children: props.children
-                        ? React.cloneElement(React.Children.only(props.children), { onFocus: function () { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } })
-                        : null }), void 0)] }, void 0));
+        return (_jsxs(_Fragment, { children: [commaSeparatedValues ? (_jsx(HiddenElement, __assign({ id: selectedValuesId }, { children: "".concat(commaSeparatedValues, " ").concat(props.$multi ? locale.select.multiValueNavigationDescription : '') }))) : null, _jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size, "aria-controls": props.$isOpen ? listboxId : undefined, "aria-owns": props.$isOpen ? listboxId : null, "aria-describedby": ariaDescribedBy, "aria-expanded": props.$isOpen, "aria-autocomplete": "list", role: "combobox", ref: containerRef }, ($value && $value.length > 0
+                    ? {}
+                    : { 'aria-placeholder': placeholder !== null && placeholder !== void 0 ? placeholder : locale.select.selectPlaceholder }), { "aria-haspopup": "listbox" }, { children: props.children
+                        ? cloneElement(Children.only(props.children), __assign({ onFocus: function () { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); } }, ($value && $value.length > 0 ? {} : { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.select.selectPlaceholder })))
+                        : null }))] }));
     }
     else {
-        return _jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size }), void 0);
+        return _jsx(StyledInputContainer, __assign({}, props, { "$selectSize": size }));
     }
 };
-var Input = React.forwardRef(function (_a, ref) {
+var Input = forwardRef(function (_a, ref) {
     var _b;
-    var id = _a.id, $menuId = _a.$menuId, placeholder = _a.placeholder, $value = _a.$value, $labelKey = _a.$labelKey, props = __rest(_a, ["id", "$menuId", "placeholder", "$value", "$labelKey"]);
+    var placeholder = _a.placeholder, $value = _a.$value, $labelKey = _a.$labelKey, _c = _a.$limitTags, $limitTags = _c === void 0 ? Number(Infinity) : _c, props = __rest(_a, ["placeholder", "$value", "$labelKey", "$limitTags"]);
     var locale = useLocale();
-    var commaSeparatedValues = getCommaSeparatedValues($value, $labelKey, locale);
+    var _d = useSelectIds(), listboxId = _d.listboxId, inputId = _d.inputId;
+    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale);
     var baseAriaDescribedBy = (_b = props['aria-describedby']) !== null && _b !== void 0 ? _b : '';
     var selectedValuesId = useUniqueId();
-    var ariaDescribedBy = commaSeparatedValues || props['aria-label'] ? "".concat(selectedValuesId, " ").concat(baseAriaDescribedBy) : baseAriaDescribedBy;
-    return (_jsxs(_Fragment, { children: [commaSeparatedValues || props['aria-label'] ? (_jsx(HiddenElement, __assign({ id: selectedValuesId }, { children: "".concat(commaSeparatedValues, " ").concat(props['aria-label'] || '') }), void 0)) : null, _jsx(StyledInput, __assign({}, _omit(props, 'aria-label'), { id: id, "aria-controls": props.$searchable && props.$isOpen ? $menuId : null, ref: ref, "aria-describedby": ariaDescribedBy, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.select.selectPlaceholder }), void 0)] }, void 0));
+    var ariaDescribedBy = commaSeparatedValues ? "".concat(selectedValuesId, " ").concat(baseAriaDescribedBy) : baseAriaDescribedBy;
+    return (_jsxs(_Fragment, { children: [commaSeparatedValues ? (_jsx(HiddenElement, __assign({ id: selectedValuesId }, { children: "".concat(commaSeparatedValues, " ").concat(props.$multi ? locale.select.multiValueNavigationDescription : '') }))) : null, _jsx(StyledInput, __assign({}, props, { id: inputId, type: props.$searchable ? 'search' : 'text', "aria-controls": props.$searchable && props.$isOpen ? listboxId : null, ref: ref, "aria-describedby": ariaDescribedBy }, ($value && $value.length > 0 ? {} : { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : locale.select.selectPlaceholder }), { 
+                //@ts-ignore -- props might contain styles
+                style: [props.style, { '--sw-width': !props.$searchable ? '1px' : props.$width || '100%' }] }))] }));
 });
 export var LoadingIndicator = memo(function () { return (_jsx(Loader, { size: 16, variant: "clip", className: "mx-1", overrides: {
         Loader: {
-            style: borderWidth('2px'),
+            className: 'border-2',
         },
-    } }, void 0)); });
+    } })); });
 export { StyledRoot, StyledClearIcon, StyledControlContainer, StyledDropdownContainer, StyledIconsContainer, StyledInputSizer, StyledPlaceholder, StyledSearchIconContainer, StyledSelectArrow, StyledSingleValue, StyledValueContainer, } from '../baseui/select';
-export { StyledSelect, NoResults, StyledOverlayContentContainer, InputContainer, Input };
+export { NoResults, StyledOverlayContentContainer, InputContainer, Input };

package/esm/select/types.d.ts

@@ -1,33 +1,49 @@
-import * as React from 'react';
-import { OverridesDropdown as BaseuiDropdownOverrides, DropdownProps as BaseDropdownProps, Option, Options, SelectOverrides as BaseuiSelectOverrides, SelectProps as BaseuiSelectProps, State, StateReducer } from '../baseui/select';
+import type * as React from 'react';
+import type { DropdownProps as BaseDropdownProps, Id, Option, Options, OverridesDropdown as BaseuiDropdownOverrides, SelectOverrides as BaseuiSelectOverrides, SelectProps as BaseuiSelectProps, State, StateReducer } from '../baseui/select';
 import { SELECT_ALL_ID } from '../baseui/select/constants';
-import { STATE_CHANGE_TYPE } from './constants';
-import { Override } from '../overrides';
-import { TagProps } from '../tag';
-import { Intent, SpacewebComponentProps } from '../types';
-import { PopoverProps } from '../popover/types';
-import { ValueOf } from '../utility-types';
-import { Value } from '../baseui/select/types';
-/**
- * lg size is deprecated. Please use md.
- */
-export declare type Size = 'xxxs' | 'xs' | 'sm' | 'md' | 'lg';
-export declare type Type = 'select' | 'search';
-declare type OverridableComponent = keyof Omit<BaseuiSelectOverrides, 'Dropdown' | 'DropdownListItem' | 'DropdownOption'> | 'Menu' | 'MenuItem' | 'NoResults' | 'Divider' | 'ListItemText' | 'OverlayContentContainer';
-export declare type SelectActions = {
+import type { STATE_CHANGE_TYPE } from './constants';
+import type { Override } from '../overrides';
+import type { TagProps } from '../tag';
+import type { Intent, SpacewebComponentProps } from '../types';
+import type { PopoverProps } from '../popover/types';
+import type { ValueOf } from '../utility-types';
+import type { Value } from '../baseui/select/types';
+import type { Merge, SimpleUnionOmit } from '../type-utils';
+import type { ButtonProps } from '../button';
+import type { SubMenuItem, MenuItemActions } from '../menu/types';
+import type { NoResultsMessageProps } from './no-results-message';
+/** @deprecated */
+type DeprecatedSize = 'xxxs' | 'xs' | 'sm' | 'md' | 'lg';
+export type Size = 'small' | 'medium' | DeprecatedSize;
+export type Type = 'select' | 'search';
+type OverridableComponent = keyof Omit<BaseuiSelectOverrides, 'Dropdown' | 'DropdownListItem' | 'DropdownOption'> | 'Menu' | 'MenuItem' | 'NoResults' | 'Divider' | 'ListItemText' | 'OverlayContentContainer' | 'Checkbox' | 'StartEnhancer' | 'EndEnhancer';
+export type SelectActions = {
     setDropdownOpen?: (shouldOpen: boolean) => void;
 };
-export declare type OnChangeParams = {
+export type OnChangeParams = {
     value: Value;
     option?: Option;
     type?: ValueOf<typeof STATE_CHANGE_TYPE>;
+    valueKeys?: Array<Id>;
 };
-export declare type BaseSelectProps = SpacewebComponentProps<Omit<BaseuiSelectProps, 'overrides' | 'size' | 'type' | 'onChange' | 'positive' | 'error'>> & {
+export type BaseSelectProps = SpacewebComponentProps<Omit<BaseuiSelectProps, 'overrides' | 'size' | 'type' | 'onChange' | 'positive' | 'error' | 'selectLocale' | 'startEnhancer' | 'endEnhancer'>> & {
     onChange?: (params: OnChangeParams) => unknown;
     intent?: Intent;
     overrides?: {
         [key in OverridableComponent]?: Override<any>;
     };
+    startEnhancer?: React.ReactNode | ((props: SharedProps) => React.ReactNode);
+    endEnhancer?: React.ReactNode | ((props: SharedProps) => React.ReactNode);
+    /**
+     * Renders an adjoined `Button` as the start enhancer.
+     * Cannot be used together with `startEnhancer`. Not supported for `overlay` or `mobile` select types.
+     */
+    startEnhancerButtonProps?: SelectEnhancerButtonConfig;
+    /**
+     * Renders an adjoined `Button` as the end enhancer.
+     * Cannot be used together with `endEnhancer`. Not supported for `overlay` or `mobile` select types.
+     */
+    endEnhancerButtonProps?: SelectEnhancerButtonConfig;
     type?: Type;
     hideSelectAll?: boolean;
     size?: Size;
@@ -37,30 +53,47 @@ export declare type BaseSelectProps = SpacewebComponentProps<Omit<BaseuiSelectPr
     createOption?: (label: string) => Options | Promise<Options>;
     onPaste?: (event: React.ClipboardEvent) => Options | undefined;
     virtual?: boolean;
+    /**
+     * Action buttons rendered for each menu item. Pass `({ item }) => …` to vary actions per option (`$item`).
+     * Select-all, group-select-all, clear, creatable, and no-results rows hide actions by default.
+     */
+    getActionsElement?: MenuItemActions;
     ignoreBoundary?: boolean;
     delimiter?: string;
     clearAsOption?: boolean;
     clearAsOptionLabel?: string;
     selectOnTab?: boolean;
+    limitTags?: number;
+    expandLimitTagsOnFocus?: boolean;
+    children?: PopoverProps['children'];
+    noResultsConfig?: NoResultsMessageProps;
 };
-declare type Merge<A, B> = Omit<A, keyof B> & B;
-export declare type OverlaySelectProps = Merge<BaseSelectProps, {
+export type OverlaySelectProps = Merge<BaseSelectProps, {
     type: 'overlay';
     overlayWidth?: string;
-    children: PopoverProps['children'];
     scrollContainer?: 'overlayContainer' | 'menuContainer';
 }>;
-export declare type MobileSelectProps = Merge<OverlaySelectProps, {
+export type MobileSelectProps = Merge<OverlaySelectProps, {
     type: 'mobile';
-    children?: React.ReactNode;
     label?: React.ReactNode;
 }>;
-export declare type SelectProps = BaseSelectProps | OverlaySelectProps | MobileSelectProps;
-export declare type StatefulSelectProps = SelectProps & {
+export type SelectProps = SimpleUnionOmit<BaseSelectProps | OverlaySelectProps | MobileSelectProps, 'value'> & {
+    value?: ReadonlyArray<Option | Id>;
+};
+export type StatefulSelectProps = SelectProps & {
     initialState?: State;
     stateReducer?: StateReducer;
 };
-export declare type SharedProps = {
+export type NestedSelectOption = Option & SubMenuItem;
+export type NestedSelectOptions = Array<NestedSelectOption>;
+/**
+ * creatable is not supported as of now
+ */
+export type GroupedSelectProps = SimpleUnionOmit<SelectProps, 'creatable' | 'options'> & {
+    options?: Record<string, Array<Option>>;
+    hideGroupSelectAll?: boolean;
+};
+export type SharedProps = {
     $clearable?: boolean;
     $creatable?: boolean;
     $disabled?: boolean;
@@ -80,16 +113,20 @@ export declare type SharedProps = {
     $isEmpty?: boolean;
     $size?: Size;
     $selectSize?: Size;
+    $limitTags?: number;
 };
-export declare type DropdownProps = Omit<BaseDropdownProps, 'overrides' | 'size' | 'type'> & {
+/** Props for an adjoined `Button` enhancer. `size` and `disabled` follow the Select field. */
+export type SelectEnhancerButtonProps = Omit<ButtonProps, 'size' | 'disabled' | 'intent'>;
+export type SelectEnhancerButtonConfig = SelectEnhancerButtonProps | ((sharedProps: SharedProps) => SelectEnhancerButtonProps);
+export type DropdownProps = Omit<BaseDropdownProps, 'overrides' | 'size' | 'type'> & {
     overrides?: {
         [key in keyof BaseuiDropdownOverrides]?: Override<any>;
     };
     type?: Type;
 };
 export declare const CLEAR_OPTION_ID = "__clear";
-declare type RemoveValue = () => void;
-export declare type MultiValueProps = Omit<TagProps, 'overrides'> & SharedProps & {
+type RemoveValue = () => void;
+export type MultiValueProps = Omit<TagProps, 'overrides'> & SharedProps & {
     $isContainerFocused?: boolean;
     $valueByIdMap: Record<string, Option>;
     $valueKey: string;
@@ -106,4 +143,4 @@ export declare type MultiValueProps = Omit<TagProps, 'overrides'> & SharedProps
     };
 };
 export { SELECT_ALL_ID };
-export type { Option, Value, Options, Optgroups, StateReducer, ControlRef, ImperativeMethods, AutosizeInputProps, StatefulContainerProps, SelectState, AutosizeInputState, State as StatefulContainerState, } from '../baseui/select';
+export type { Option, Id, Value, Options, Optgroups, StateReducer, ControlRef, ImperativeMethods, AutosizeInputProps, StatefulContainerProps, SelectState, AutosizeInputState, State as StatefulContainerState, } from '../baseui/select';

package/esm/select/utils/adapt-select-value.d.ts

@@ -0,0 +1,2 @@
+import { Option, Id, Value } from '../types';
+export declare const adaptSelectValue: (optionsIdMap: Record<Id, Option>, value?: ReadonlyArray<Option | Id>) => Value | undefined;

package/esm/select/utils/adapt-select-value.js

@@ -0,0 +1,12 @@
+export var adaptSelectValue = function (optionsIdMap, value) {
+    return value &&
+        value.reduce(function (acc, val) {
+            if (typeof val === 'string' || typeof val === 'number') {
+                optionsIdMap[val] && acc.push(optionsIdMap[val]);
+            }
+            else {
+                acc.push(val);
+            }
+            return acc;
+        }, []);
+};

package/esm/select/utils/hidden-element.js

@@ -11,6 +11,6 @@ var HiddenElement = function (_a) {
             padding: 0,
             position: 'absolute',
             width: '0px',
-        } }, { children: children }), void 0));
+        } }, { children: children })));
 };
 export { HiddenElement };

package/esm/select/utils/test-utils.d.ts

@@ -1 +1 @@
-export declare const getSelectedOptions: (container?: HTMLElement | undefined) => (string | null)[];
+export declare const getSelectedOptions: (container?: HTMLElement) => (string | null)[];

package/esm/singleton/createSingletonContext.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This file should be used within spaceweb repository only. Using this outside may lead to breaking behavior.
+ */
+import type { Context } from 'react';
+export declare function createSingletonContext<T>(defaultValue: T, identifier: string): Context<T>;

package/esm/singleton/createSingletonContext.js

@@ -0,0 +1,17 @@
+/**
+ * This file should be used within spaceweb repository only. Using this outside may lead to breaking behavior.
+ */
+/*
+ * Please refer the following doc - https://sprinklr.atlassian.net/wiki/spaces/Frontend/pages/5506367561/ModuleFederation+Handbook#Using-Singleton-Context
+ */
+import { createContext } from 'react';
+var allContexts = {};
+export function createSingletonContext(defaultValue, identifier) {
+    if (allContexts[identifier]) {
+        return allContexts[identifier];
+    }
+    var context = createContext(defaultValue);
+    context.displayName = identifier;
+    allContexts[identifier] = context;
+    return context;
+}

package/esm/slider/constants.js

@@ -0,0 +1,4 @@
+export var STATE_CHANGE_TYPE = Object.freeze({
+    change: 'change',
+    finalChange: 'finalChange',
+});

package/esm/slider/mark.d.ts

@@ -1,19 +1,10 @@
 import * as React from 'react';
-declare const Mark: React.ForwardRefExoticComponent<import("../baseui/slider").StyleProps & {
-    $intent?: boolean | undefined;
-    $step: number;
-} & {
+declare const Mark: React.ForwardRefExoticComponent<import("./types").SharedProps & {
     $markIndex: number;
     overrides?: {
-        MarkLabel?: import("../overrides").Override<import("../baseui/slider").StyleProps & {
-            $intent?: boolean | undefined;
-            $step: number;
-        } & Record<string, any>> | undefined;
+        MarkLabel?: import("../overrides").Override<import("./types").SharedProps & Record<string, any>> | undefined;
     } | undefined;
-    getMarkLabel: (props: import("../baseui/slider").StyleProps & {
-        $intent?: boolean | undefined;
-        $step: number;
-    } & {
+    getMarkLabel: (props: import("./types").SharedProps & {
         $markIndex: number;
     }) => React.ReactNode;
     markLabel?: boolean | undefined;

package/esm/slider/mark.js

@@ -2,10 +2,13 @@ import { __assign, __read, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { StyledMark, StyledMarkLabel } from './styled-components';
-import { useOverrides } from '../overrides/useOverrides';
+import { useOverrides } from '../overrides';
 var Mark = React.forwardRef(function (_a, ref) {
     var markLabel = _a.markLabel, getMarkLabel = _a.getMarkLabel, overrides = _a.overrides, props = __rest(_a, ["markLabel", "getMarkLabel", "overrides"]);
     var _b = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.MarkLabel, StyledMarkLabel), 2), MarkLabel = _b[0], markLabelProps = _b[1];
-    return (_jsx(StyledMark, __assign({}, props, { ref: ref }, { children: markLabel ? _jsx(MarkLabel, __assign({}, markLabelProps, { children: getMarkLabel(props) }), void 0) : null }), void 0));
+    //@ts-ignore -- style prop is passed via react-range
+    var propStyle = props === null || props === void 0 ? void 0 : props.style;
+    propStyle.insetInlineStart = propStyle.left;
+    return (_jsx(StyledMark, __assign({ "data-testid": "slider-mark" }, props, { ref: ref }, { children: markLabel ? _jsx(MarkLabel, __assign({}, markLabelProps, { children: getMarkLabel(props) })) : null })));
 });
 export default Mark;

package/esm/slider/slider.d.ts

@@ -1,7 +1,7 @@
-import { ReactElement } from 'react';
-import { SliderProps } from './types';
+import type { ReactElement } from 'react';
+import type { SliderProps } from './types';
 declare const Slider: {
-    ({ overrides, markLabel, intent, getMarkLabel, className, style, ...restProps }: SliderProps): ReactElement;
-    displayName: string;
+    ({ overrides, disabled, marks, onChange, onFinalChange, min: propMin, max: propMax, step, persistentThumb, valueToLabel, value: propProvidedValue, intent, className, style, getMarkLabel, markLabel, primaryIntentColor, secondaryIntentColor, trackColors, thumbColors, }: SliderProps): ReactElement;
+    __standard: string;
 };
 export default Slider;