@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/ClientOnly.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 type ClientOnlyProps = {
     children: ReactNode;
 };

package/asyncSelect/asyncSelect.d.ts

@@ -1,8 +1,8 @@
 /**
  *  Created by Aneree on 03/11/20.
  */
-import { ReactElement } from 'react';
-import { AsyncSelectProps } from './types';
+import type { ReactElement } from 'react';
+import type { AsyncSelectProps } from './types';
 export declare const AsyncSelect: {
     (props: AsyncSelectProps): ReactElement;
     __standard: string;

package/asyncSelect/asyncSelect.js

@@ -6,7 +6,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var select_1 = require("../select");
 var useAsyncSelect_1 = require("./hooks/useAsyncSelect");
 var AsyncSelect = function (props) {
-    var _a = (0, useAsyncSelect_1.useAsyncSelect)(props), groupConfigWithCount = _a.groupConfigWithCount, resetAsyncSelectPagination = _a.resetAsyncSelectPagination, updateOptions = _a.updateOptions, updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
+    var _a = (0, useAsyncSelect_1.useAsyncSelect)(props), _groupConfigWithCount = _a.groupConfigWithCount, _resetAsyncSelectPagination = _a.resetAsyncSelectPagination, _updateOptions = _a.updateOptions, _updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
     return (0, jsx_runtime_1.jsx)(select_1.Select, tslib_1.__assign({}, selectProps));
 };
 exports.AsyncSelect = AsyncSelect;

package/asyncSelect/groupedAsyncSelect.d.ts

@@ -1,4 +1,4 @@
-import { GroupedAsyncSelectProps } from './types';
+import type { GroupedAsyncSelectProps } from './types';
 export declare const GroupedAsyncSelect: {
     (props: GroupedAsyncSelectProps): import("react/jsx-runtime").JSX.Element;
     __standard: string;

package/asyncSelect/groupedAsyncSelect.js

@@ -6,7 +6,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var select_1 = require("../select");
 var useGroupedAsyncSelect_1 = require("./hooks/useGroupedAsyncSelect");
 var GroupedAsyncSelect = function (props) {
-    var _a = (0, useGroupedAsyncSelect_1.useGroupedAsyncSelect)(props), groupConfigWithCount = _a.groupConfigWithCount, resetAsyncSelectPagination = _a.resetAsyncSelectPagination, updateOptions = _a.updateOptions, updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
+    var _a = (0, useGroupedAsyncSelect_1.useGroupedAsyncSelect)(props), _groupConfigWithCount = _a.groupConfigWithCount, _resetAsyncSelectPagination = _a.resetAsyncSelectPagination, _updateOptions = _a.updateOptions, _updateResultCountMap = _a.updateResultCountMap, selectProps = tslib_1.__rest(_a, ["groupConfigWithCount", "resetAsyncSelectPagination", "updateOptions", "updateResultCountMap"]);
     return (0, jsx_runtime_1.jsx)(select_1.Select, tslib_1.__assign({}, selectProps));
 };
 exports.GroupedAsyncSelect = GroupedAsyncSelect;

package/asyncSelect/hooks/useAsyncOptions.d.ts

@@ -13,7 +13,7 @@ type UseAsyncOptionsArgs = {
     loadOnMount?: boolean;
     refetchOnGroupConfigChange?: boolean;
 };
-export declare const useAsyncOptions: ({ loadOptions, loadOnMount, refetchOnGroupConfigChange, groupConfig, minimumInput, labelKey, valueKey, paginationBuffer, setOptions, selectedOptions, moveSelectedOptionsToTop, }: UseAsyncOptionsArgs) => {
+export declare const useAsyncOptions: ({ loadOptions, loadOnMount, refetchOnGroupConfigChange, groupConfig, minimumInput, paginationBuffer, setOptions, selectedOptions, moveSelectedOptionsToTop, }: UseAsyncOptionsArgs) => {
     onPaginate: (event: import("react").UIEvent<HTMLElement, UIEvent>, itemGroup?: string) => void;
     onInputChange: ({ value }: import("../types").CustomInputEvent) => void;
     groupConfigWithCount: {

package/asyncSelect/hooks/useAsyncOptions.js

@@ -6,12 +6,11 @@ var react_1 = require("react");
 //hooks
 var useLatest_1 = require("../../hooks/useLatest");
 var useAsyncOptionHandlers_1 = require("./useAsyncOptionHandlers");
-var default_props_1 = tslib_1.__importDefault(require("../../select/default-props"));
 var useAsyncOptions = function (_a) {
-    var loadOptions = _a.loadOptions, _b = _a.loadOnMount, loadOnMount = _b === void 0 ? true : _b, _c = _a.refetchOnGroupConfigChange, refetchOnGroupConfigChange = _c === void 0 ? false : _c, groupConfig = _a.groupConfig, _d = _a.minimumInput, minimumInput = _d === void 0 ? 0 : _d, _e = _a.labelKey, labelKey = _e === void 0 ? default_props_1.default.labelKey : _e, _f = _a.valueKey, valueKey = _f === void 0 ? default_props_1.default.valueKey : _f, paginationBuffer = _a.paginationBuffer, setOptions = _a.setOptions, selectedOptions = _a.selectedOptions, moveSelectedOptionsToTop = _a.moveSelectedOptionsToTop;
+    var loadOptions = _a.loadOptions, _b = _a.loadOnMount, loadOnMount = _b === void 0 ? true : _b, _c = _a.refetchOnGroupConfigChange, refetchOnGroupConfigChange = _c === void 0 ? false : _c, groupConfig = _a.groupConfig, _d = _a.minimumInput, minimumInput = _d === void 0 ? 0 : _d, paginationBuffer = _a.paginationBuffer, setOptions = _a.setOptions, selectedOptions = _a.selectedOptions, moveSelectedOptionsToTop = _a.moveSelectedOptionsToTop;
     var loadOnMountRef = (0, useLatest_1.useLatest)(loadOnMount);
-    var _g = tslib_1.__read((0, react_1.useState)(loadOnMount), 2), isLoading = _g[0], setIsLoading = _g[1];
-    var _h = (0, useAsyncOptionHandlers_1.useAsyncOptionHandlers)({
+    var _e = tslib_1.__read((0, react_1.useState)(loadOnMount), 2), isLoading = _e[0], setIsLoading = _e[1];
+    var _f = (0, useAsyncOptionHandlers_1.useAsyncOptionHandlers)({
         isLoading: isLoading,
         setOptions: setOptions,
         loadOptions: loadOptions,
@@ -22,7 +21,7 @@ var useAsyncOptions = function (_a) {
         selectedOptions: selectedOptions,
         moveSelectedOptionsToTop: moveSelectedOptionsToTop,
         refetchOnGroupConfigChange: refetchOnGroupConfigChange,
-    }), fetchOptions = _h.fetchOptions, onPaginate = _h.onPaginate, onInputChange = _h.onInputChange, resultCountMap = _h.resultCountMap, setResultCountMap = _h.setResultCountMap, resetAsyncSelectPagination = _h.resetAsyncSelectPagination, isSearchPending = _h.isSearchPending;
+    }), fetchOptions = _f.fetchOptions, onPaginate = _f.onPaginate, onInputChange = _f.onInputChange, resultCountMap = _f.resultCountMap, setResultCountMap = _f.setResultCountMap, resetAsyncSelectPagination = _f.resetAsyncSelectPagination, isSearchPending = _f.isSearchPending;
     /******************************************* HANDLING FETCH ON MOUNT ************************************************/
     (0, react_1.useEffect)(function () {
         if (loadOnMountRef.current) {

package/asyncSelect/hooks/useAsyncSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AsyncSelectProps } from '../types';
+import type { AsyncSelectProps } from '../types';
 export declare const useAsyncSelect: ({ loadOptions, initialOptions, resolveSelectedOptions, value, hideSelectAll, ...restProps }: AsyncSelectProps) => {
     hideSelectAll: boolean;
     children?: import("react").ReactNode | ((args: {

package/asyncSelect/hooks/useAsyncSelectAdapter.d.ts

@@ -1,4 +1,4 @@
-import { AsyncSelectProps, GroupedAsyncSelectProps } from '../types';
+import type { AsyncSelectProps, GroupedAsyncSelectProps } from '../types';
 type useAsyncSelectAdpaterProps = {
     loadOptions: AsyncSelectProps['loadOptions'];
     resolveSelectedOptions: AsyncSelectProps['resolveSelectedOptions'];

package/asyncSelect/hooks/useBaseAsyncSelect.js

@@ -55,7 +55,7 @@ var useBaseAsyncSelect = function (params) {
                     loadedOptions = _a.sent();
                     groupedOptions = {};
                     loadedOptions.groups.forEach(function (_a) {
-                        var _options = _a.options, complete = _a.complete, group = _a.group, count = _a.count;
+                        var _options = _a.options, _complete = _a.complete, group = _a.group, _count = _a.count;
                         groupedOptions[group] = _options;
                     });
                     setAllOptionsMap &&

package/asyncSelect/hooks/useCreateOption.d.ts

@@ -1,5 +1,5 @@
-import { Options } from '../../baseui/select';
-import { AsyncSelectProps, SetStateFunc } from '../types';
+import type { Options } from '../../baseui/select';
+import type { AsyncSelectProps, SetStateFunc } from '../types';
 export declare const useCreateOption: ({ createOption: propsCreateOption, labelKey, valueKey, setIsLoading, }: {
     createOption?: AsyncSelectProps['createOption'];
     labelKey: string;

package/asyncSelect/hooks/useCreateOption.js

@@ -9,7 +9,7 @@ var helpers_1 = require("../helpers");
 var useCreateOption = function (_a) {
     var propsCreateOption = _a.createOption, labelKey = _a.labelKey, valueKey = _a.valueKey, setIsLoading = _a.setIsLoading;
     var createOption = (0, react_1.useCallback)(function (label) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var createdOptions, err_1;
+        var createdOptions;
         var _a;
         return tslib_1.__generator(this, function (_b) {
             switch (_b.label) {
@@ -19,7 +19,7 @@ var useCreateOption = function (_a) {
                     }
                     _b.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, 4, 5]);
+                    _b.trys.push([1, , 3, 4]);
                     setIsLoading(true);
                     return [4 /*yield*/, propsCreateOption(label)];
                 case 2:
@@ -30,12 +30,9 @@ var useCreateOption = function (_a) {
                     }));
                     return [2 /*return*/, createdOptions];
                 case 3:
-                    err_1 = _b.sent();
-                    throw err_1;
-                case 4:
                     setIsLoading(false);
                     return [7 /*endfinally*/];
-                case 5: return [2 /*return*/];
+                case 4: return [2 /*return*/];
             }
         });
     }); }, [labelKey, propsCreateOption, setIsLoading, valueKey]);

package/asyncSelect/hooks/useGroupAsyncSelectAdapter.d.ts

@@ -1,6 +1,6 @@
-import { Locale } from '../../locale';
-import { GroupedAsyncSelectProps } from '../types';
-import { UseAsyncSelectParams } from './useBaseAsyncSelect';
+import type { Locale } from '../../locale';
+import type { GroupedAsyncSelectProps } from '../types';
+import type { UseAsyncSelectParams } from './useBaseAsyncSelect';
 type useGroupAsyncSelectAdapterProps = {
     onChange: GroupedAsyncSelectProps['onChange'];
     valueKey: GroupedAsyncSelectProps['valueKey'];

package/asyncSelect/hooks/useGroupedAsyncSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { GroupedAsyncSelectProps } from '../types';
+import type { GroupedAsyncSelectProps } from '../types';
 export declare const useGroupedAsyncSelect: ({ onChange, showSelectAll, selectAllSelected, selectOnTab, ...restProps }: GroupedAsyncSelectProps) => {
     'aria-label': string;
     scrollContainer?: "menuContainer" | undefined;

package/asyncSelect/hooks/useInputChangeHandler.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { AsyncSelectProps } from '../types';
+import type * as React from 'react';
+import type { AsyncSelectProps } from '../types';
 type InputEventHandler = React.FormEventHandler<HTMLInputElement>;
 type OnInputChange = AsyncSelectProps['onInputChange'];
 interface UseInputChangeHandlerArgs {

package/asyncSelect/hooks/useResolveSelectedOptions.d.ts

@@ -1,9 +1,9 @@
 /**
  *  Created by Aneree on 15/01/21.
  */
-import { MutableRefObject } from 'react';
-import { Option } from '../../select';
-import { AllOptionsMap, GroupedOptions, GroupedValue, Id, SetStateFunc } from '../types';
+import type { MutableRefObject } from 'react';
+import type { Option } from '../../select';
+import type { AllOptionsMap, GroupedOptions, GroupedValue, Id, SetStateFunc } from '../types';
 interface UseResolveSelectedOptionsArgs {
     groupedValue?: GroupedValue;
     valueKey: string;

package/asyncSelect/hooks/useResolveSelectedOptions.js

@@ -2,9 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResolveSelectedOptions = void 0;
 var tslib_1 = require("tslib");
-/**
- *  Created by Aneree on 15/01/21.
- */
 var react_1 = require("react");
 var forEach_1 = tslib_1.__importDefault(require("lodash/forEach"));
 var isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
@@ -25,7 +22,8 @@ var useResolveSelectedOptions = function (_a) {
         if (!shouldCalculateUnresolvedValues) {
             return;
         }
-        var unresolvedGroupedValueKeys = {}, hasUnresolvedValues = false;
+        var unresolvedGroupedValueKeys = {};
+        var hasUnresolvedValues = false;
         (0, forEach_1.default)(groupedValue, function (values, groupId) {
             unresolvedGroupedValueKeys[groupId] = (values !== null && values !== void 0 ? values : [])
                 .map(function (valueObjOrId) { return ((0, isObject_1.default)(valueObjOrId) ? valueObjOrId[valueKey] : valueObjOrId); })

package/asyncSelect/types.d.ts

@@ -1,11 +1,10 @@
 /**
  *  Created by Aneree on 03/11/20.
  */
-import * as React from 'react';
-import { Dispatch, ReactNode, SetStateAction } from 'react';
-import { Id, OnChangeParams, Option, SelectProps, Value } from '../select/types';
-import { Merge, SimpleUnionOmit } from '../type-utils';
-export type SetStateFunc<S> = Dispatch<SetStateAction<S>>;
+import type * as React from 'react';
+import type { Id, OnChangeParams, Option, SelectProps, Value } from '../select/types';
+import type { Merge, SimpleUnionOmit } from '../type-utils';
+export type SetStateFunc<S> = React.Dispatch<React.SetStateAction<S>>;
 export type AllOptionsMap = Record<Id, Option>;
 export type GroupedOptions = Record<string, Array<Option>>;
 export type LoadOptions = (input: string, groupFilters: {
@@ -22,7 +21,7 @@ export type LoadOptions = (input: string, groupFilters: {
 export type AsyncSelectValue = Array<Id | Option> | Value;
 type BaseAsyncSelectProps = Merge<SimpleUnionOmit<SelectProps, 'isLoading' | 'scrollContainer'>, {
     paginationBuffer?: number;
-    searchingText?: ReactNode;
+    searchingText?: React.ReactNode;
     minimumInput?: number;
     debounceInterval?: number;
     loadOnFocus?: boolean;

package/asyncSelect/utils/defaultCreateOption.d.ts

@@ -1,4 +1,4 @@
-import { Options } from '../../baseui/select';
+import type { Options } from '../../baseui/select';
 export declare const defaultCreateOption: (label: string, { labelKey, valueKey }?: {
     labelKey?: string | undefined;
     valueKey?: string | undefined;

package/avatar/avatar.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { AvatarProps } from './types';
+import type { ReactElement } from 'react';
+import type { AvatarProps } from './types';
 declare const Avatar: {
     (props: AvatarProps): ReactElement;
     __standard: string;

package/avatar/components/grid-variant.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from 'react';
-import { AvatarProps } from '../types';
+import type { ReactElement } from 'react';
+import type { AvatarProps } from '../types';
 export declare const GridAvatarCell: ({ index, childrenToRender, totalChildren, avatarSizeInPixels, }: {
     index: number;
     childrenToRender: ReactElement<AvatarProps>[];

package/avatar/components/grid-variant.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridAvatarCell = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// libs
 var react_1 = require("react");
 // components
 var grid_1 = require("../../grid");

package/avatar/components/linear-variant.js

@@ -2,11 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// libs
 var react_1 = require("react");
 // components
 var styled_component_1 = require("../styled-component");
-// utils
 var overrides_1 = require("../../overrides");
 // constants
 var constants_1 = require("../constants");

package/avatar/constants.d.ts

@@ -1,4 +1,4 @@
-import { Spacing } from './types';
+import type { Spacing } from './types';
 export declare const AVATAR_GRADIENT_COLORS: string[][];
 export declare const SPACING_VS_MARGIN: Record<Spacing, string>;
 /** @deprecated */

package/avatar/hooks/useAvatarGroupChildren.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from 'react';
-import { AvatarGroupOverrides, AvatarProps, Size } from '../types';
+import type { ReactElement, ReactNode } from 'react';
+import type { AvatarGroupOverrides, AvatarProps, Size } from '../types';
 export declare const getFontSize: (size: number | Size) => string;
 export declare const useAvatarGroupChildren: ({ children, max, overrides, size, variant, }: {
     children: ReactNode;

package/avatar/hooks/useAvatarGroupChildren.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAvatarGroupChildren = exports.getFontSize = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// libs
 var react_1 = require("react");
 // hooks
 var style_1 = require("../../style");

package/avatar/styled-component.d.ts

@@ -1,4 +1,4 @@
-import { Size } from './types';
+import type { Size } from './types';
 export declare const getAvatarSize: (size: Size | number) => string;
 export declare const getAvatarBorderRadius: (size: Size | undefined) => string;
 export declare const getFontSize: (size: number | Size, isSingleLetterInitial: boolean) => string;

package/avatar/styled-component.js

@@ -18,9 +18,7 @@ var getFontSize = function (size, isSingleLetterInitial) {
     if (isSingleLetterInitial) {
         return _size > 17 ? "".concat(Math.max(13, _size * 0.6), "px") : "".concat(_size * 0.75, "px");
     }
-    else {
-        return "".concat(_size / 2, "px");
-    }
+    return "".concat(_size / 2, "px");
 };
 exports.getFontSize = getFontSize;
 exports.StyledAvatarGroup = (0, styled_1.default)('div', 'flex');

package/avatar/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Override } from '../overrides';
-import { SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
+import type { SpacewebComponentProps } from '../types';
 export type Shape = 'circle' | 'rectangle';
 export type Spacing = 'sm' | 'md' | 'none' | 'lg';
 /** @deprecated */

package/avatar/useAvatarColor.js

@@ -13,7 +13,6 @@ var getRandomBgColor = function () {
 //NOTE: Hash logic based on https://werxltd.com/wp/2010/05/13/javascript-implementation-of-javas-string-hashcode-method/
 var getColorForName = function (name) {
     var hash = 0;
-    // eslint-disable-next-line no-plusplus
     for (var i = 0; i < name.length; i++) {
         var chr = name.charCodeAt(i);
         hash = (hash << 5) - hash + chr; // eslint-disable-line no-bitwise

package/avatar/utils/avatarGroupHelpers.d.ts

@@ -1,4 +1,4 @@
-import { AvatarGroupProps } from '../types';
+import type { AvatarGroupProps } from '../types';
 export declare const getColProps: (index: number, childrenToRender: number, totalChildren: number, avatarSizeInPixels: number) => {
     rowSpan: number;
     colSpan: number;

package/avatar/utils/cleanupDisplayName.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cleanupDisplayName = void 0;
-var UNWANTED_ENCLOSURES_REGEX = /[\(\[\{][^\)\]\}]*[\)\]\}]/g;
+var UNWANTED_ENCLOSURES_REGEX = /[[({][^\]})]*[\])}]/g;
 /**
  * Regular expression matching special ASCII characters except space, plus some unicode special characters.
  * Applies after unwanted enclosures have been removed
  */
-var UNWANTED_CHARS_REGEX = /[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
+var UNWANTED_CHARS_REGEX = /[\0-\u001F!-/:-@[-`{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g;
 /** Regular expression matching one or more spaces. */
 var MULTIPLE_WHITESPACES_REGEX = /\s+/g;
 var cleanupDisplayName = function (displayName) {

package/badge/badge.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { BadgeProps } from './types';
+import type { PropsWithChildren, ReactElement } from 'react';
+import type { BadgeProps } from './types';
 declare const Badge: {
     ({ children, overrides, content, size, intent, horizontalPosition, verticalPosition, overlap, }: PropsWithChildren<BadgeProps>): ReactElement;
     __standard: string;

package/badge/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Override } from '../overrides/types';
+import type * as React from 'react';
+import type { Override } from '../overrides/types';
 export type Intent = 'success' | 'error' | 'warning' | 'neutral' | 'info';
 export type Overlap = 'circle' | 'rectangle';
 export type Size = 'sm' | 'lg' | 'small' | 'medium' | 'large';

package/banner/banner.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { BannerProps } from './types';
+import type { BannerProps } from './types';
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLElement>>>;
 export default _default;

package/banner/banner.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-// libs
 var react_1 = require("react");
 var noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 // components
@@ -28,6 +27,7 @@ var themeHelpers_1 = require("../helpers/themeHelpers");
 // constants
 var styled_components_1 = require("../link/styled-components");
 var cvaConfig_1 = require("./cvaConfig");
+var box_1 = require("../box");
 var intentToIconMap = {
     error: { BaseIcon: alert_solid_1.default },
     warning: { BaseIcon: warning_solid_1.default },
@@ -66,7 +66,7 @@ var Banner = (0, react_1.forwardRef)(function (_a, ref) {
     var sharedProps = (0, helpers_1.add$props)({ intent: intent, collapsible: collapsible, closeable: closeable, show: show, hasDescription: hasDescription });
     var label = show ? locale.banner.toggleButtonHideLabel : locale.banner.toggleButtonShowLabel;
     var ariaLabel = show ? locale.banner.toggleButtonHideAriaLabel : locale.banner.toggleButtonShowAriaLabel;
-    var bannerEl = ((0, jsx_runtime_1.jsxs)(Root, tslib_1.__assign({ "data-spaceweb": "banner", "data-testid": "banner", intent: intent, collapsible: collapsible }, sharedProps, restProps, rootProps, { style: [style, rootProps === null || rootProps === void 0 ? void 0 : rootProps.style], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className], ref: ref }, { children: [(0, jsx_runtime_1.jsx)("div", { ref: setStickySentinelRef }), (0, jsx_runtime_1.jsxs)(HeaderContainer, tslib_1.__assign({}, sharedProps, headerContainerProps, { "$sticky": isSticky }, { children: [(0, jsx_runtime_1.jsxs)(TitleContainer, tslib_1.__assign({}, sharedProps, titleContainerProps, { children: [(0, jsx_runtime_1.jsx)(HeaderIcon, tslib_1.__assign({ intent: intent }, headerIconProps, { className: ['self-start', hasDescription ? 'mt-0.5' : 'mt-1', headerIconProps === null || headerIconProps === void 0 ? void 0 : headerIconProps.className] })), (0, jsx_runtime_1.jsxs)(HeaderTitle, tslib_1.__assign({}, sharedProps, headerTitleProps, { children: [title || null, description || null] }))] })), (0, jsx_runtime_1.jsxs)(HeaderEndContainer, tslib_1.__assign({}, sharedProps, headerEndContainerProps, { children: [titleEndEnhancer || null, collapsible ? ((0, jsx_runtime_1.jsx)(ToggleButton, tslib_1.__assign({ "data-testid": "banner-toggle-button", className: [styled_components_1.linkStyles, 'h-6', toggleButtonProps === null || toggleButtonProps === void 0 ? void 0 : toggleButtonProps.className], label: label, "aria-label": ariaLabel, onClick: function () { return setShow(!show); } }, sharedProps, toggleButtonProps, { children: (0, jsx_runtime_1.jsx)(typography_1.Typography, tslib_1.__assign({ variant: "body-12" }, { children: label })) }))) : null, closeable ? ((0, jsx_runtime_1.jsx)(CloseButton, tslib_1.__assign({ type: "button", tooltipContent: locale.banner.closeIconTooltipContent, size: "small", shape: "square", onClick: onClose }, sharedProps, closeButtonProps, { children: (0, jsx_runtime_1.jsx)(close_1.default, { size: 12 }) }))) : null] }))] })), title && children ? ((0, jsx_runtime_1.jsx)(collapse_1.Collapse, tslib_1.__assign({ unmountOnExit: true, visible: show }, { children: (0, jsx_runtime_1.jsx)(BannerItemContainer, tslib_1.__assign({ "$as": $as, role: $as === 'ol' || $as === 'ul' ? 'list' : role, "$maxHeight": maxItemContainerHeight }, sharedProps, bannerItemContainerProps, { style: [{ '--sw-max-height': maxItemContainerHeight }, bannerItemContainerProps.style] }, { children: children })) }))) : null] })));
+    var bannerEl = ((0, jsx_runtime_1.jsxs)(Root, tslib_1.__assign({ "data-spaceweb": "banner", "data-testid": "banner", intent: intent, collapsible: collapsible }, sharedProps, restProps, rootProps, { style: [style, rootProps === null || rootProps === void 0 ? void 0 : rootProps.style], className: [className, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className], ref: ref }, { children: [(0, jsx_runtime_1.jsx)(box_1.Box, { ref: setStickySentinelRef }), (0, jsx_runtime_1.jsxs)(HeaderContainer, tslib_1.__assign({}, sharedProps, headerContainerProps, { "$sticky": isSticky }, { children: [(0, jsx_runtime_1.jsxs)(TitleContainer, tslib_1.__assign({}, sharedProps, titleContainerProps, { children: [(0, jsx_runtime_1.jsx)(HeaderIcon, tslib_1.__assign({ intent: intent }, headerIconProps, { className: ['self-start', hasDescription ? 'mt-0.5' : 'mt-1', headerIconProps === null || headerIconProps === void 0 ? void 0 : headerIconProps.className] })), (0, jsx_runtime_1.jsxs)(HeaderTitle, tslib_1.__assign({}, sharedProps, headerTitleProps, { children: [title || null, description || null] }))] })), (0, jsx_runtime_1.jsxs)(HeaderEndContainer, tslib_1.__assign({}, sharedProps, headerEndContainerProps, { children: [titleEndEnhancer || null, collapsible ? ((0, jsx_runtime_1.jsx)(ToggleButton, tslib_1.__assign({ "data-testid": "banner-toggle-button", className: [styled_components_1.linkStyles, 'h-6', toggleButtonProps === null || toggleButtonProps === void 0 ? void 0 : toggleButtonProps.className], label: label, "aria-label": ariaLabel, onClick: function () { return setShow(!show); } }, sharedProps, toggleButtonProps, { children: (0, jsx_runtime_1.jsx)(typography_1.Typography, tslib_1.__assign({ variant: "body-12" }, { children: label })) }))) : null, closeable ? ((0, jsx_runtime_1.jsx)(CloseButton, tslib_1.__assign({ type: "button", tooltipContent: locale.banner.closeIconTooltipContent, size: "small", shape: "square", onClick: onClose }, sharedProps, closeButtonProps, { children: (0, jsx_runtime_1.jsx)(close_1.default, { size: 12 }) }))) : null] }))] })), title && children ? ((0, jsx_runtime_1.jsx)(collapse_1.Collapse, tslib_1.__assign({ unmountOnExit: true, visible: show }, { children: (0, jsx_runtime_1.jsx)(BannerItemContainer, tslib_1.__assign({ "$as": $as, role: $as === 'ol' || $as === 'ul' ? 'list' : role, "$maxHeight": maxItemContainerHeight }, sharedProps, bannerItemContainerProps, { style: [{ '--sw-max-height': maxItemContainerHeight }, bannerItemContainerProps.style] }, { children: children })) }))) : null] })));
     return closeable ? ((0, jsx_runtime_1.jsx)(collapse_1.Collapse, tslib_1.__assign({ className: "w-full", visible: visible }, { children: bannerEl }))) : (bannerEl);
 });
 Banner.displayName = 'Banner';

package/banner/types.d.ts

@@ -1,6 +1,6 @@
-import { Override } from '../overrides/types';
-import { SpacewebComponentProps } from '../types';
-import { MouseEvent, ReactNode } from 'react';
+import type { Override } from '../overrides/types';
+import type { SpacewebComponentProps } from '../types';
+import type { MouseEvent, ReactNode } from 'react';
 export type BannerIntent = 'error' | 'warning' | 'success' | 'info';
 export type BannerProps = Omit<SpacewebComponentProps, 'title'> & {
     intent?: BannerIntent;

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

@@ -1,3 +1,3 @@
-import { ClassName } from '../types';
+import type { ClassName } from '../types';
 export declare const buttonResetStyles: ClassName;
 export declare const StyledBaseButton: import("../style").StyledComponent;

package/base-button/types.d.ts

@@ -1,6 +1,6 @@
-import { SpacewebComponentProps } from '../types';
-import { Override } from '../overrides';
-import { TooltipProps } from '../tooltip/types';
+import type { SpacewebComponentProps } from '../types';
+import type { Override } from '../overrides';
+import type { TooltipProps } from '../tooltip/types';
 export type BaseButtonOverrides = {
     StatefulTooltip?: Override<Record<string, any>>;
 };

package/baseui/accordion/panel.js

@@ -30,9 +30,7 @@ ref) {
             setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { isFocusVisible: true }));
         }
     }, [localState]);
-    var handleBlur = React.useCallback(
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    function (event) {
+    var handleBlur = React.useCallback(function (_event) {
         if (localState.isFocusVisible) {
             setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { isFocusVisible: false }));
         }

package/baseui/accordion/stateful-panel-container.js

@@ -30,8 +30,7 @@ var StatefulPanelContainer = /** @class */ (function (_super) {
         this.setState(function (prevState) { return (stateReducer ? stateReducer(type, changes, prevState) : changes); });
     };
     StatefulPanelContainer.prototype.render = function () {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var _a = this.props, children = _a.children, initialState = _a.initialState, stateReducer = _a.stateReducer, restProps = tslib_1.__rest(_a, ["children", "initialState", "stateReducer"]);
+        var _a = this.props, _children = _a.children, _initialState = _a.initialState, _stateReducer = _a.stateReducer, restProps = tslib_1.__rest(_a, ["children", "initialState", "stateReducer"]);
         return this.props.children(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, restProps), this.state), { onChange: this.onChange }));
     };
     StatefulPanelContainer.defaultProps = {

package/baseui/accordion/stateless-accordion.js

@@ -39,13 +39,11 @@ function StatelessAccordion(_a) {
                                 next = [key];
                             }
                         }
+                        else if (expanded.includes(key)) {
+                            next = expanded.filter(function (k) { return k !== key; });
+                        }
                         else {
-                            if (expanded.includes(key)) {
-                                next = expanded.filter(function (k) { return k !== key; });
-                            }
-                            else {
-                                next = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(expanded), false), [key], false);
-                            }
+                            next = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(expanded), false), [key], false);
                         }
                         // @ts-ignore
                         onChange({ key: key, expanded: next });

package/baseui/datepicker/calendar-header.js

@@ -145,10 +145,8 @@ var CalendarHeader = /** @class */ (function (_super) {
                     var isLastMonth = order === monthsShown - 1;
                     return !isLastMonth;
                 }
-                else {
-                    var isFirstMonth = order === 0;
-                    return !isFirstMonth;
-                }
+                var isFirstMonth = order === 0;
+                return !isFirstMonth;
             }
             return false;
         };

package/baseui/datepicker/calendar.d.ts

@@ -1,3 +1,3 @@
 import type { CalendarProps } from './types';
-import { ReactElement } from 'react';
+import type { ReactElement } from 'react';
 export default function Calendar<T = Date>(props: CalendarProps<T>): ReactElement;

package/baseui/datepicker/calendar.js

@@ -19,6 +19,7 @@ var date_helpers_1 = tslib_1.__importDefault(require("./utils/date-helpers"));
 var overrides_1 = require("../../overrides");
 var constants_1 = require("./constants");
 var spacewebProvider_1 = require("../../spacewebProvider");
+var box_1 = require("../../box");
 var BaseCalendar = /** @class */ (function (_super) {
     tslib_1.__extends(BaseCalendar, _super);
     function BaseCalendar(props) {
@@ -263,7 +264,7 @@ var BaseCalendar = /** @class */ (function (_super) {
                     }, role: "grid", "aria-multiselectable": _this.props.range || null, onKeyDown: _this.onKeyDown }, calendarContainerProps, { "$density": _this.props.density }, { children: (0, jsx_runtime_1.jsx)(month_1.default, { adapter: _this.props.adapter, date: monthDate, dateLabel: _this.props.dateLabel, density: _this.props.density, excludeDates: _this.props.excludeDates, filterDate: _this.props.filterDate, getTimeRangesForDate: _this.props.getTimeRangesForDate, highlightedDate: _this.state.highlightedDate, includeDates: _this.props.includeDates, focusedCalendar: _this.state.focused, range: _this.props.range, locale: _this.props.locale, maxDate: _this.props.maxDate, minDate: _this.props.minDate, month: _this.dateHelpers.getMonth(_this.state.date), onDayBlur: _this.blurCalendar, onDayFocus: _this.onDayFocus, onDayClick: _this.props.onDayClick, onDayMouseOver: _this.onDayMouseOver, onDayMouseLeave: _this.onDayMouseLeave, onChange: _this.handleDateChange, overrides: overrides, value: _this.props.value, peekNextMonth: _this.props.peekNextMonth, fixedHeight: _this.props.fixedHeight, hasLockedBehavior: !!_this.props.hasLockedBehavior, selectedInput: _this.props.selectedInput }) }), monthKey));
                 monthList.push(
                 // @ts-ignore
-                (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ className: "grow" }, { children: monthSubComponents }), "month-component-".concat(i)));
+                (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ className: "grow" }, { children: monthSubComponents }), "month-component-".concat(i)));
             }
             return ((0, jsx_runtime_1.jsx)(MonthContainer, tslib_1.__assign({ "$orientation": orientation }, monthContainerProps, { children: monthList })));
         };
@@ -307,7 +308,6 @@ var BaseCalendar = /** @class */ (function (_super) {
     BaseCalendar.prototype.componentDidUpdate = function (prevProps) {
         if (this.props.highlightedDate &&
             !this.dateHelpers.isSameDay(this.props.highlightedDate, prevProps.highlightedDate)) {
-            // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
             this.setState({
                 date: this.props.highlightedDate,
             });
@@ -318,7 +318,6 @@ var BaseCalendar = /** @class */ (function (_super) {
         if (prevProps.value !== this.props.value) {
             var nextDate = this.getDateInView();
             if (!this.isInView(nextDate)) {
-                // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
                 this.setState({
                     date: nextDate,
                 });

package/baseui/datepicker/day.d.ts

@@ -26,7 +26,7 @@ export default class Day<T = Date> extends React.Component<DayProps<T>, DayState
     dateHelpers: DateHelpers<T>;
     constructor(props: DayProps<T>);
     componentDidMount(): void;
-    componentDidUpdate(prevProps: DayProps<T>): void;
+    componentDidUpdate(_prevProps: DayProps<T>): void;
     getDateProp: () => T;
     getMonthProp: () => number;
     /**

package/baseui/datepicker/day.js

@@ -175,7 +175,7 @@ var Day = /** @class */ (function (_super) {
             }
         }
     };
-    Day.prototype.componentDidUpdate = function (prevProps) {
+    Day.prototype.componentDidUpdate = function (_prevProps) {
         if (this.dayElm && this.props.focusedCalendar) {
             if (this.props.highlighted || (!this.props.highlightedDate && this.isSelected())) {
                 this.dayElm.focus();

package/baseui/datepicker/styled-components.js

@@ -212,7 +212,7 @@ exports.StyledDay = (0, style_1.styled)('div', 'spr-text-01 box-border relative
 // @ts-ignore -- CSS-in-JS -- This is never getting fixed
 function (_a, props) {
     var theme = _a.theme;
-    var $disabled = props.$disabled, $peekNextMonth = props.$peekNextMonth, $range = props.$range, $outsideMonth = props.$outsideMonth, $outsideMonthWithinRange = props.$outsideMonthWithinRange, $hasDateLabel = props.$hasDateLabel, $density = props.$density, $hasLockedBehavior = props.$hasLockedBehavior, $selectedInput = props.$selectedInput, $value = props.$value;
+    var $disabled = props.$disabled, $peekNextMonth = props.$peekNextMonth, $range = props.$range, $outsideMonth = props.$outsideMonth, $outsideMonthWithinRange = props.$outsideMonthWithinRange, _$hasDateLabel = props._$hasDateLabel, $density = props.$density, $hasLockedBehavior = props.$hasLockedBehavior, $selectedInput = props.$selectedInput, $value = props.$value;
     var code = (0, day_state_1.default)(props);
     var _b = tslib_1.__read(Array.isArray($value) ? $value : [$value, null], 2), startDate = _b[0], endDate = _b[1];
     var oppositeInputIsPopulated = $selectedInput === constants_1.INPUT_ROLE.startDate