@sprinklrjs/spaceweb 14.11.4 → 14.12.0

package/baseui/datepicker/utils/date-helpers.js

@@ -181,10 +181,10 @@ var DateHelpers = /** @class */ (function () {
                 var minDates = includeDates.filter(function (includeDate) { return _this.isOnOrAfterDay(includeDate, minDate); });
                 return _this.min(minDates);
             }
-            else if (includeDates && includeDates.length) {
+            if (includeDates && includeDates.length) {
                 return _this.min(includeDates);
             }
-            else if (!(includeDates && includeDates.length) && minDate) {
+            if (!(includeDates && includeDates.length) && minDate) {
                 return minDate;
             }
             // this condition can't ever be reached
@@ -197,10 +197,10 @@ var DateHelpers = /** @class */ (function () {
                 var maxDates = includeDates.filter(function (includeDate) { return _this.isOnOrBeforeDay(includeDate, maxDate); });
                 return _this.max(maxDates);
             }
-            else if (includeDates) {
+            if (includeDates) {
                 return _this.max(includeDates);
             }
-            else if (!includeDates && maxDate) {
+            if (!includeDates && maxDate) {
                 return maxDate;
             }
             // this condition can't ever be reached

package/baseui/datepicker/utils/index.js

@@ -5,7 +5,6 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-/* eslint-disable import/extensions */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.format = exports.isAfter = exports.isBefore = exports.subYears = exports.subMonths = exports.subWeeks = exports.subDays = exports.addYears = exports.addMonths = exports.addWeeks = exports.addDays = exports.getYear = exports.getMonth = exports.getDate = exports.getHours = exports.getMinutes = exports.setYear = exports.setMonth = exports.setHours = exports.setMinutes = exports.setSeconds = exports.applyDateToTime = exports.applyTimeToDate = exports.getEffectiveMaxDate = exports.getEffectiveMinDate = exports.monthDisabledAfter = exports.monthDisabledBefore = exports.isOutOfBounds = exports.isDayDisabled = exports.getQuarterInLocale = exports.getMonthInLocale = exports.getWeekdayInLocale = exports.getWeekdayMinInLocale = exports.isEndOfMonth = exports.isStartOfMonth = exports.isDayInRange = exports.isSameDay = exports.isSameMonth = exports.isSameYear = exports.getEndOfMonth = exports.getStartOfMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.formatDate = void 0;
 var tslib_1 = require("tslib");
@@ -36,17 +35,13 @@ exports.getEffectiveMinDate = defaultDateHelpers.getEffectiveMinDate;
 exports.getEffectiveMaxDate = defaultDateHelpers.getEffectiveMaxDate;
 exports.applyTimeToDate = defaultDateHelpers.applyTimeToDate;
 exports.applyDateToTime = defaultDateHelpers.applyDateToTime;
-var createDirtySetter = function (setter) {
-    return function (dirtyDate, number) { return setter(wrapDate(dirtyDate), number); };
-};
-var createDirtyGetter = function (getter) {
-    return function (dirtyDate) { return getter(wrapDate(dirtyDate)); };
-};
-var createDirtyCompare = function (compare) {
-    return function (fromDirty, toDirty) {
-        return compare(wrapDate(fromDirty), wrapDate(toDirty));
-    };
-};
+var createDirtySetter = function (setter) { return function (dirtyDate, number) {
+    return setter(wrapDate(dirtyDate), number);
+}; };
+var createDirtyGetter = function (getter) { return function (dirtyDate) { return getter(wrapDate(dirtyDate)); }; };
+var createDirtyCompare = function (compare) { return function (fromDirty, toDirty) {
+    return compare(wrapDate(fromDirty), wrapDate(toDirty));
+}; };
 // ** Re-exported from date-fns **
 // these need to be able to accept either number or date
 // to maintain parity with the old exports

package/baseui/helpers/overrides.d.ts

@@ -11,13 +11,13 @@ export type OverrideObject = {
     style?: ConfigurationOverride | null;
     className?: ConfigurationOverride | null;
 };
-export type Override<T = any> = OverrideObject | (React.ComponentType<any> & {
+export type Override<_T = any> = OverrideObject | (React.ComponentType<any> & {
     component?: undefined;
     props?: undefined;
     style?: undefined;
     className?: undefined;
 });
-export type Overrides<T = any> = {
+export type Overrides<_T = any> = {
     [x: string]: Override;
 };
 /**

package/baseui/helpers/overrides.js

@@ -43,10 +43,8 @@ function getOverrideProps(_override, defaultComponent) {
             // @ts-expect-error
             return tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, defaultProps), _override.props), { $className: _override.className, $style: _override.style });
         }
-        else {
-            // @ts-expect-error
-            return tslib_1.__assign(tslib_1.__assign({}, defaultProps), { $className: _override.className, $style: _override.style });
-        }
+        // @ts-expect-error
+        return tslib_1.__assign(tslib_1.__assign({}, defaultProps), { $className: _override.className, $style: _override.style });
     }
     // @ts-expect-error
     return defaultProps;
@@ -63,13 +61,12 @@ function getOverrides(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- baseui migration
 _override, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any -- baseui migration
-defaultComponent
-// eslint-disable-next-line @typescript-eslint/no-explicit-any -- baseui migration
-) {
+defaultComponent) {
     var Component = getOverride(_override) || defaultComponent;
     if (_override && typeof _override === 'object' && typeof _override.props === 'function') {
         // TODO(v11)
         if (__DEV__) {
+            // eslint-disable-next-line no-console -- debug logging
             console.warn('baseui:Overrides Props as a function will be removed in the next major version. Override the whole component instead. ' +
                 'See https://baseweb.design/guides/understanding-overrides/#override-the-entire-subcomponent');
         }

package/baseui/layer/layer.js

@@ -67,6 +67,7 @@ var LayerComponent = /** @class */ (function (_super) {
         var hasLayersManager = layersManagerHost !== undefined;
         if (process.env.NODE_ENV !== 'production') {
             if (!hasLayersManager) {
+                // eslint-disable-next-line no-console -- debug logging
                 console.warn('`LayersManager` was not found. This occurs if you are attempting to use a component requiring `Layer` without using the `BaseProvider` at the root of your app. Please visit https://baseweb.design/components/base-provider/ for more information');
             }
         }
@@ -138,7 +139,7 @@ var LayerComponent = /** @class */ (function (_super) {
             if (mountNode) {
                 return react_dom_1.default.createPortal(childrenToRender, mountNode);
             }
-            else if (container) {
+            if (container) {
                 return react_dom_1.default.createPortal(childrenToRender, container);
             }
             return null;

package/baseui/layer/layers-manager.js

@@ -16,6 +16,7 @@ var StyledLayersContainer = (0, style_1.styled)('div', {});
 var __DEV__ = process.env.NODE_ENV !== 'production';
 function defaultEventHandlerFn() {
     if (__DEV__) {
+        // eslint-disable-next-line no-console -- debug logging
         console.warn('`LayersManager` was not found. This occurs if you are attempting to use a component requiring `Layer` without using the `BaseProvider` at the root of your app. Please visit https://baseweb.design/components/base-provider/ for more information');
     }
 }
@@ -149,7 +150,7 @@ var LayersManager = /** @class */ (function (_super) {
                 var host = _a.host;
                 if (__DEV__) {
                     if (host !== undefined) {
-                        // eslint-disable-next-line no-console
+                        // eslint-disable-next-line no-console -- debug logging
                         console.warn('There is a LayersManager already exists in your application. It is not recommended to have more than one LayersManager in an application.');
                     }
                 }

package/baseui/layer/tether.js

@@ -103,6 +103,7 @@ var Tether = /** @class */ (function (_super) {
                 (prevProps === null || prevProps === void 0 ? void 0 : prevProps.positionFixed) !== this.props.positionFixed)) {
             if (!this.props.anchorRef) {
                 if (process.env.NODE_ENV !== 'production') {
+                    // eslint-disable-next-line no-console -- debug logging
                     console.warn("[baseui][TetherBehavior] ref has not been passed to the Popper's anchor element.\n              See how to pass the ref to an anchor element in the Popover example\n              https://baseweb.design/components/popover/#anchor-ref-handling-example");
                 }
             }

package/baseui/layer/types.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import type { TETHER_PLACEMENT } from './constants';
 import type { Override } from '../../overrides';
-import { ClassName } from '../../types';
+import type { ClassName } from '../../types';
 /** LayersManager */
 export type LayersManagerProps = {
     children: React.ReactNode;

package/baseui/modal/close-icon.js

@@ -3,8 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CloseIcon = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
 // TODO Switch to using Icon component once it exists
 function CloseIcon() {
-    return ((0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ width: "10", height: "10", viewBox: "0 0 10 10", style: { stroke: 'currentColor' }, xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9 1L5 5M1 9L5 5M5 5L1 1M5 5L9 9", strokeWidth: "2", strokeLinecap: "round" }) })));
+    return (
+    // eslint-disable-next-line react/forbid-elements -- baseui close glyph must be raw svg
+    (0, jsx_runtime_1.jsx)("svg", tslib_1.__assign({ width: "10", height: "10", viewBox: "0 0 10 10", style: { stroke: 'currentColor' }, xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9 1L5 5M1 9L5 5M5 5L1 1M5 5L9 9", strokeWidth: "2", strokeLinecap: "round" }) })));
 }
 exports.CloseIcon = CloseIcon;

package/baseui/modal/modal.d.ts

@@ -18,9 +18,9 @@ declare class Modal extends React.Component<ModalProps, ModalState> {
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    componentDidUpdate(prevProps: ModalProps, prevState: ModalState): void;
+    componentDidUpdate(prevProps: ModalProps, _prevState: ModalState): void;
     handleFocus: (event: SyntheticEvent) => void;
-    handleBlur: (event: SyntheticEvent) => void;
+    handleBlur: (_event: SyntheticEvent) => void;
     disableMountNodeScroll(): void;
     resetMountNodeScroll(): void;
     onEscape: () => void;
@@ -33,7 +33,7 @@ declare class Modal extends React.Component<ModalProps, ModalState> {
     triggerClose(source?: CloseSource): void;
     animateOutComplete: () => void;
     getSharedProps(): Omit<SharedStylePropsArg, 'children'>;
-    getMountNode(): HTMLElement;
+    getMountNode(): HTMLElement | null;
     getChildren(): React.ReactNode;
     renderModal(renderedContent: React.ReactNode): import("react/jsx-runtime").JSX.Element;
     render(): import("react/jsx-runtime").JSX.Element | null;

package/baseui/modal/modal.js

@@ -38,7 +38,7 @@ var Modal = /** @class */ (function (_super) {
                 _this.setState({ isFocusVisible: true });
             }
         };
-        _this.handleBlur = function (event) {
+        _this.handleBlur = function (_event) {
             if (_this.state.isFocusVisible !== false) {
                 _this.setState({ isFocusVisible: false });
             }
@@ -89,7 +89,7 @@ var Modal = /** @class */ (function (_super) {
         this.prevMounted = this.mounted;
         this.mounted = false;
     };
-    Modal.prototype.componentDidUpdate = function (prevProps, prevState) {
+    Modal.prototype.componentDidUpdate = function (prevProps, _prevState) {
         var isOpen = this.props.isOpen;
         if (
         // If isOpen is changing *or* we just mounted and modal should be open
@@ -106,6 +106,8 @@ var Modal = /** @class */ (function (_super) {
     };
     Modal.prototype.disableMountNodeScroll = function () {
         var mountNode = this.getMountNode();
+        if (!mountNode)
+            return;
         this.lastMountNodeOverflowStyle = mountNode.style.overflow || '';
         mountNode.style.overflow = 'hidden';
     };
@@ -216,13 +218,9 @@ var Modal = /** @class */ (function (_super) {
             if (mountedAndOpen) {
                 return ((0, jsx_runtime_1.jsx)(layer_1.Layer, tslib_1.__assign({ onEscape: this.onEscape, onDocumentClick: this.onDocumentClick, mountNode: this.props.mountNode }, { children: this.renderModal(renderedContent) })));
             }
-            else {
-                return (0, jsx_runtime_1.jsx)(styled_components_1.Hidden, { children: renderedContent });
-            }
-        }
-        else {
-            return null;
+            return (0, jsx_runtime_1.jsx)(styled_components_1.Hidden, { children: renderedContent });
         }
+        return null;
     };
     Modal.defaultProps = {
         animate: true,

package/baseui/popover/popover.js

@@ -19,6 +19,7 @@ var default_props_1 = tslib_1.__importDefault(require("./default-props"));
 var react_uid_1 = require("react-uid");
 var layer_2 = require("../../layer");
 var useCombinedRef_1 = require("../../hooks/useCombinedRef");
+var box_1 = require("../../box");
 var __DEV__ = process.env.NODE_ENV !== 'production';
 function getDefaultState(props) {
     return {
@@ -41,7 +42,6 @@ var PopoverInner = /** @class */ (function (_super) {
         _this.anchorRef = React.createRef();
         _this.popperRef = React.createRef();
         _this.arrowRef = React.createRef();
-        /* eslint-enable react/sort-comp */
         /**
          * Yes our "Stateless" popover still has state. This is private state that
          * customers shouldn't have to manage themselves, such as positioning and
@@ -133,6 +133,7 @@ var PopoverInner = /** @class */ (function (_super) {
             }
             catch (err) {
                 if (__DEV__) {
+                    // eslint-disable-next-line no-console -- debug logging
                     console.error(err);
                 }
             }
@@ -153,13 +154,11 @@ var PopoverInner = /** @class */ (function (_super) {
             !this.state.autoFocusAfterPositioning &&
             this.popperRef.current !== null &&
             this.popperRef.current.getBoundingClientRect().top > 0) {
-            // eslint-disable-next-line react/no-did-update-set-state -- conditional setState
             this.setState({ autoFocusAfterPositioning: true });
         }
         // Update placement in state if a new placement value is received from props,
         // since the initial placement from props was only used for state initialization.
         if (prevProps.placement !== this.props.placement) {
-            // eslint-disable-next-line react/no-did-update-set-state -- conditional setState
             this.setState({ placement: (_a = this.props.placement) !== null && _a !== void 0 ? _a : constants_1.PLACEMENT.auto });
         }
         if (__DEV__) {
@@ -328,7 +327,7 @@ var PopoverInner = /** @class */ (function (_super) {
         }
         return (
         // @ts-ignore
-        (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({}, anchorProps, { children: anchor }), "popover-anchor"));
+        (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "$as": "span" }, anchorProps, { children: anchor }), "popover-anchor"));
     };
     PopoverInner.prototype.renderPopover = function (renderedContent) {
         var _this = this;

package/baseui/popover/stateful-container.js

@@ -119,7 +119,7 @@ var StatefulContainer = /** @class */ (function (_super) {
     };
     StatefulContainer.prototype.render = function () {
         var _this = this;
-        var _a = this.props, accessibilityType = _a.accessibilityType, autoFocus = _a.autoFocus, animateOutTime = _a.animateOutTime, dismissOnClickOutside = _a.dismissOnClickOutside, dismissOnEsc = _a.dismissOnEsc, focusLock = _a.focusLock, ignoreBoundary = _a.ignoreBoundary, mountNode = _a.mountNode, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseEnterDelay = _a.onMouseEnterDelay, onMouseLeaveDelay = _a.onMouseLeaveDelay, overrides = _a.overrides, placement = _a.placement, popperOptions = _a.popperOptions, renderAll = _a.renderAll, returnFocus = _a.returnFocus, showArrow = _a.showArrow, triggerType = _a.triggerType, popoverMargin = _a.popoverMargin, focusOptions = _a.focusOptions, repositionOnResize = _a.repositionOnResize, positionFixed = _a.positionFixed;
+        var _a = this.props, accessibilityType = _a.accessibilityType, autoFocus = _a.autoFocus, animateOutTime = _a.animateOutTime, dismissOnClickOutside = _a.dismissOnClickOutside, focusLock = _a.focusLock, ignoreBoundary = _a.ignoreBoundary, mountNode = _a.mountNode, onBlur = _a.onBlur, onClick = _a.onClick, onFocus = _a.onFocus, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onMouseEnterDelay = _a.onMouseEnterDelay, onMouseLeaveDelay = _a.onMouseLeaveDelay, overrides = _a.overrides, placement = _a.placement, popperOptions = _a.popperOptions, renderAll = _a.renderAll, returnFocus = _a.returnFocus, showArrow = _a.showArrow, triggerType = _a.triggerType, popoverMargin = _a.popoverMargin, focusOptions = _a.focusOptions, repositionOnResize = _a.repositionOnResize, positionFixed = _a.positionFixed;
         var popoverProps = {
             accessibilityType: accessibilityType,
             animateOutTime: animateOutTime,

package/baseui/popover/utils.js

@@ -122,8 +122,6 @@ var extractContent = function (content) {
     if (Array.isArray(content) && !content.length) {
         return null;
     }
-    else {
-        return typeof content === 'function' ? content() : content;
-    }
+    return typeof content === 'function' ? content() : content;
 };
 exports.extractContent = extractContent;

package/baseui/select/autosize-input.d.ts

@@ -16,7 +16,7 @@ export default class AutosizeInput extends React.Component<AutosizeInputProps &
         inputWidth: number;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: AutosizeInputProps, prevState: AutosizeInputState): void;
+    componentDidUpdate(_prevProps: AutosizeInputProps, _prevState: AutosizeInputState): void;
     componentWillUnmount(): void;
     sizerRef: (el?: HTMLElement | null) => void;
     updateInputWidth(): void;

package/baseui/select/autosize-input.js

@@ -27,7 +27,7 @@ var AutosizeInput = /** @class */ (function (_super) {
         this.mounted = true;
         this.updateInputWidth();
     };
-    AutosizeInput.prototype.componentDidUpdate = function (prevProps, prevState) {
+    AutosizeInput.prototype.componentDidUpdate = function (_prevProps, _prevState) {
         this.updateInputWidth();
     };
     AutosizeInput.prototype.componentWillUnmount = function () {

package/baseui/select/dropdown.js

@@ -32,7 +32,7 @@ var SelectDropdown = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- required any for option type
         _this.getItemLabel = function (option) {
-            var _a = _this.props, getOptionLabel = _a.getOptionLabel, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, value = _a.value, valueKey = _a.valueKey, selectAllChecked = _a.selectAllChecked;
+            var _a = _this.props, getOptionLabel = _a.getOptionLabel, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, value = _a.value, valueKey = _a.valueKey, _selectAllChecked = _a.selectAllChecked;
             var _c = tslib_1.__read((0, overrides_1.getOverrides)(overrides.OptionContent, styled_components_1.StyledOptionContent), 2), OptionContent = _c[0], optionContentProps = _c[1];
             var $selected;
             if (Array.isArray(value)) {

package/baseui/select/select-component.d.ts

@@ -1,7 +1,6 @@
-import { Component, ReactNode, FocusEvent } from 'react';
-import type { SelectProps, SelectState, Value, Option, ChangeAction } from './types';
-import type { SyntheticEvent, ChangeEvent } from 'react';
-import { Options } from './types';
+import { Component } from 'react';
+import type { SelectProps, SelectState, Value, Option, ChangeAction, Options } from './types';
+import type { SyntheticEvent, ChangeEvent, ReactNode, FocusEvent } from 'react';
 type GetOptionLabel = NonNullable<SelectProps['getOptionLabel']>;
 export declare function getOptionLabel({ option }: Parameters<GetOptionLabel>[0], { selectLocale, labelKey }: SelectProps): ReactNode;
 type GetValueLabel = NonNullable<SelectProps['getValueLabel']>;

package/baseui/select/select-component.js

@@ -12,6 +12,7 @@ LICENSE file in the root directory of this source tree.
 var react_1 = require("react");
 var memoize_one_1 = tslib_1.__importDefault(require("memoize-one"));
 var overrides_1 = require("../../overrides");
+var box_1 = require("../../box");
 var popover_1 = require("../popover");
 var autosize_input_1 = tslib_1.__importDefault(require("./autosize-input"));
 var constants_1 = require("./constants");
@@ -254,7 +255,7 @@ var Select = /** @class */ (function (_super) {
                         event.preventDefault();
                         _this.closeMenu();
                         if (_this.state.currentValueTagIdx === -1 && _this.state.isFocused) {
-                            _this.setState(function (preState) { return ({
+                            _this.setState(function (_preState) { return ({
                                 currentValueTagIdx: _this.getRenderedTagsCount() - 1,
                             }); });
                         }
@@ -299,7 +300,7 @@ var Select = /** @class */ (function (_super) {
                 case 'Tab': {
                     //9
                     if (_this.state.currentValueTagIdx !== -1) {
-                        _this.setState(function (prevState) { return ({
+                        _this.setState(function (_prevState) { return ({
                             currentValueTagIdx: -1,
                         }); });
                     }
@@ -401,7 +402,9 @@ var Select = /** @class */ (function (_super) {
                     break;
             }
         };
+        // eslint-disable-next-line class-methods-use-this -- delegates to module-level helper
         _this.getOptionLabel = function (optionData, props) { return getOptionLabel(optionData, props); };
+        // eslint-disable-next-line class-methods-use-this -- delegates to module-level helper
         _this.getValueLabel = function (optionData, props) { return getValueLabel(optionData, props); };
         _this.getMemoizedOptionsMap = (0, memoize_one_1.default)(function (options, valueKey) {
             var normalizedOptions = _this.getMemoizedNormalizedOptions(options);
@@ -753,7 +756,7 @@ var Select = /** @class */ (function (_super) {
             return undefined;
         var _a = this.props.overrides, overrides = _a === void 0 ? {} : _a;
         var _b = tslib_1.__read((0, overrides_1.getOverrides)(overrides.LoadingIndicator, function () { return null; }), 2), LoadingIndicator = _b[0], loadingIndicatorProps = _b[1];
-        return ((0, jsx_runtime_1.jsx)(LoadingIndicator, tslib_1.__assign({ role: "status" }, loadingIndicatorProps, { children: (0, jsx_runtime_1.jsx)("span", tslib_1.__assign({ style: {
+        return ((0, jsx_runtime_1.jsx)(LoadingIndicator, tslib_1.__assign({ role: "status" }, loadingIndicatorProps, { children: (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "$as": "span", style: {
                     position: 'absolute',
                     width: '1px',
                     height: '1px',
@@ -853,7 +856,7 @@ var Select = /** @class */ (function (_super) {
         var label = "".concat(selectedLabel).concat(this.props['aria-label'] || '');
         var ariaDescribedBy = "".concat((_a = this.props['aria-describedby']) !== null && _a !== void 0 ? _a : '', " ").concat(ariaDescribedByIDs !== null && ariaDescribedByIDs !== void 0 ? ariaDescribedByIDs : '');
         if (!this.props.searchable) {
-            return ((0, jsx_runtime_1.jsx)(InputContainer, tslib_1.__assign({ onFocus: this.handleInputFocus, tabIndex: this.props.disabled ? null : 0 }, sharedProps, inputContainerProps, { children: (0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ "aria-hidden": true, id: this.props.id || undefined, ref: this.handleInputRef, style: {
+            return ((0, jsx_runtime_1.jsx)(InputContainer, tslib_1.__assign({ onFocus: this.handleInputFocus, tabIndex: this.props.disabled ? null : 0 }, sharedProps, inputContainerProps, { children: (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "$as": "input", "aria-hidden": true, id: this.props.id || undefined, ref: this.handleInputRef, style: {
                         opacity: 0,
                         width: '0px',
                         overflow: 'hidden',
@@ -871,7 +874,7 @@ var Select = /** @class */ (function (_super) {
         if (!this.props.clearable || this.props.disabled || this.props.isLoading || !isValueEntered) {
             return null;
         }
-        var _b = this.getSharedProps(), $size = _b.$size, sharedProps = tslib_1.__rest(_b, ["$size"]);
+        var _b = this.getSharedProps(), _$size = _b.$size, sharedProps = tslib_1.__rest(_b, ["$size"]);
         var _c = this.props.overrides, overrides = _c === void 0 ? {} : _c;
         var _d = tslib_1.__read((0, overrides_1.getOverrides)(overrides.ClearIcon, function () { return null; }), 2), ClearIcon = _d[0], clearIconProps = _d[1];
         var ariaLabel = this.props.multi ? 'Clear all' : 'Clear value';
@@ -888,7 +891,7 @@ var Select = /** @class */ (function (_super) {
         if (this.props.type !== constants_1.TYPE.select) {
             return null;
         }
-        var _b = this.getSharedProps(), $size = _b.$size, sharedProps = tslib_1.__rest(_b, ["$size"]);
+        var _b = this.getSharedProps(), _$size = _b.$size, sharedProps = tslib_1.__rest(_b, ["$size"]);
         var _c = this.props.overrides, overrides = _c === void 0 ? {} : _c;
         var _d = tslib_1.__read((0, overrides_1.getOverrides)(overrides.SelectArrow, function () { return null; }), 2), SelectArrow = _d[0], selectArrowProps = _d[1];
         var sizes = (_a = {},
@@ -939,11 +942,11 @@ var Select = /** @class */ (function (_super) {
         }
         // can user create a new option + there's no exact match already
         var filterDoesNotMatchOption = this.props.ignoreCase
-            ? // @ts-ignore
-                function (// @ts-ignore
+            ? // @ts-ignore -- option label key is dynamic string index
+                function (// @ts-ignore -- option label key is dynamic string index
                 opt) { return opt[_this.props.labelKey].toLowerCase() !== filterValue.toLowerCase().trim(); }
-            : // @ts-ignore
-                function (// @ts-ignore
+            : // @ts-ignore -- option label key is dynamic string index
+                function (// @ts-ignore -- option label key is dynamic string index
                 opt) { return opt[_this.props.labelKey] !== filterValue.trim(); };
         if (filterValue &&
             this.props.creatable &&
@@ -988,6 +991,7 @@ var Select = /** @class */ (function (_super) {
         if (__DEV__) {
             // value may be nullish, only warn if value is defined
             if (value && !Array.isArray(value)) {
+                // eslint-disable-next-line no-console -- debug logging
                 console.warn('The Select component expects an array as the value prop. For more information, please visit the docs at https://baseweb.design/components/select/');
             }
         }
@@ -1022,6 +1026,7 @@ var Select = /** @class */ (function (_super) {
         sharedProps.$isOpen = isOpen;
         if (__DEV__) {
             if (this.props.error && this.props.positive) {
+                // eslint-disable-next-line no-console -- debug logging
                 console.warn('[Select] `error` and `positive` are both set to `true`. `error` will take precedence but this may not be what you want.');
             }
         }

package/baseui/select/stateful-select-container.js

@@ -21,24 +21,20 @@ var StatefulSelectContainer = /** @class */ (function (_super) {
         _this.internalSetState = function (params) {
             var stateReducer = _this.props.stateReducer;
             var nextState = { value: params.value };
-            _this.setState(stateReducer(params.type, nextState, _this.state));
+            _this.setState(function (prevState) { return stateReducer(params.type, nextState, prevState); });
         };
         return _this;
     }
     StatefulSelectContainer.prototype.render = function () {
-        var _a = this.props, children = _a.children, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        initialState = _a.initialState, // eslint-disable-line no-unused-vars
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        stateReducer = _a.stateReducer, // eslint-disable-line no-unused-vars
-        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 children(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, restProps), this.state), { onChange: this.onChange }));
     };
     StatefulSelectContainer.defaultProps = {
         initialState: {
-            // @ts-ignore
+            // @ts-ignore -- empty Value[] is valid uncontrolled initial state
             value: [],
         },
+        // eslint-disable-next-line @typescript-eslint/no-empty-function -- default no-op onChange
         onChange: function () { },
         overrides: {},
         stateReducer: defaultStateReducer,

package/baseui/select/types.d.ts

@@ -1,13 +1,12 @@
 import type * as React from 'react';
-import { Override } from '../../overrides';
+import type { Override } from '../../overrides';
 import type { STATE_CHANGE_TYPE, SIZE, TYPE } from './constants';
 import type { OnItemSelectFn } from '../menu';
 export type ChangeAction = keyof typeof STATE_CHANGE_TYPE;
 export type Size = keyof typeof SIZE;
 export type Type = keyof typeof TYPE;
-import { SelectLocale } from '../../select/locale';
+import type { SelectLocale } from '../../select/locale';
 import type { ActionableTooltipProps, TooltipProps } from '../../tooltip';
-import { ReactElement } from 'react';
 import type { Intent } from '../../types';
 export type Id = string | number;
 export type Option = Readonly<{
@@ -227,7 +226,7 @@ export type SelectProps = {
     /** expand all the extra tags in case of limit tag */
     expandLimitTagsOnFocus?: boolean;
     /** render Footer for dropdown */
-    dropdownFooter?: (props: DropdownFooterProps) => ReactElement;
+    dropdownFooter?: (props: DropdownFooterProps) => React.ReactElement;
     ownerDocument?: Document;
     listboxId?: string;
     menuDescriptionId?: string;
@@ -293,7 +292,7 @@ export type DropdownProps = {
     width: number | undefined | null;
     keyboardControlNode?: React.Ref<HTMLElement>;
     closeMenu: () => void;
-    dropdownFooter?: (props: DropdownFooterProps) => ReactElement;
+    dropdownFooter?: (props: DropdownFooterProps) => React.ReactElement;
     menuDescriptionId?: string;
 };
 export type DropdownFooterProps = Pick<DropdownProps, 'isLoading' | 'width' | 'closeMenu'>;

package/baseui/select/utils/index.js

@@ -7,9 +7,7 @@ function groupedOptionsToArray(groupedOptions) {
         var optgroupOptions = groupedOptions[optgroup];
         return arr.concat(
         // @ts-ignore
-        optgroupOptions.map(function (option) {
-            return tslib_1.__assign(tslib_1.__assign({}, option), { __optgroup: optgroup });
-        }));
+        optgroupOptions.map(function (option) { return (tslib_1.__assign(tslib_1.__assign({}, option), { __optgroup: optgroup })); }));
     }, []);
 }
 function normalizeOptions(options) {
@@ -17,9 +15,7 @@ function normalizeOptions(options) {
         if (Array.isArray(options)) {
             return options;
         }
-        else {
-            return groupedOptionsToArray(options);
-        }
+        return groupedOptionsToArray(options);
     }
     return [];
 }

package/baseui/select/value.js

@@ -11,7 +11,11 @@ var TruncateWithTooltip_1 = require("../../truncateWithTooltip/TruncateWithToolt
 var Value = function (props) {
     var _a = props.overrides, overrides = _a === void 0 ? {} : _a, noTooltipOnTruncation = props.noTooltipOnTruncation, restProps = tslib_1.__rest(props, ["overrides", "noTooltipOnTruncation"]);
     var _b = tslib_1.__read((0, overrides_1.useOverrides)(overrides.SingleValue, styled_components_1.StyledSingleValue), 2), SingleValue = _b[0], _c = _b[1], onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, singleValueProps = tslib_1.__rest(_c, ["onMouseEnter", "onMouseLeave"]);
-    var _d = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)(noTooltipOnTruncation, onMouseEnter, onMouseLeave), mouseEventProps = _d.mouseEventProps, renderTooltip = _d.renderTooltip, elementRef = _d.elementRef;
+    var _d = (0, useTruncateWithTooltip_1.useTruncateWithTooltip)({
+        noTooltipOnTruncation: noTooltipOnTruncation,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+    }), mouseEventProps = _d.mouseEventProps, renderTooltip = _d.renderTooltip, elementRef = _d.elementRef;
     var el = ((0, jsx_runtime_1.jsx)(SingleValue, tslib_1.__assign({ ref: elementRef }, mouseEventProps, restProps, singleValueProps, { children: props.children })));
     return renderTooltip ? ((0, jsx_runtime_1.jsx)(tooltip_1.StatefulTooltip, tslib_1.__assign({ initialState: TruncateWithTooltip_1.INITIAL_STATE, content: (0, jsx_runtime_1.jsx)(box_1.Box, tslib_1.__assign({ "data-testid": "tooltip", className: "max-w-2xl break-words" }, { children: props.children })), placement: "bottom", accessibilityType: "tooltip" }, mouseEventProps, { children: el }))) : (el);
 };

package/baseui/timepicker/timepicker.js

@@ -63,7 +63,9 @@ var TimePicker = /** @class */ (function (_super) {
             _this.handleChange(seconds);
         };
         _this.secondsToLabel = function (seconds, format, langCode) {
-            var _a = tslib_1.__read(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
+            var hourMinute = _this.dateHelpers.secondsToHourMinute(seconds);
+            var hours = hourMinute[0];
+            var minutes = hourMinute[1];
             var zeroPrefix = function (n) { return (n < 10 ? "0".concat(n) : n); };
             if (format === '12') {
                 var isAfterNoon = seconds >= NOON;
@@ -91,7 +93,6 @@ var TimePicker = /** @class */ (function (_super) {
          * Converts a time string, e.g. 10:00, to one or more possible TimePicker
          * options representing that time.
          */
-        // eslint-disable-next-line max-statements -- function is required
         _this.stringToOptions = function (str, format) {
             if (format === void 0) { format = '12'; }
             // leading zero is optional, AM/PM is optional
@@ -147,7 +148,8 @@ var TimePicker = /** @class */ (function (_super) {
             return setSeconds(setMinutes(setHours(date, hours), minutes), seconds);
         };
         _this.getTimeWindowInSeconds = function () {
-            var _a = _this.props, min = _a.minTime, max = _a.maxTime, ignoreMinMaxDateComponent = _a.ignoreMinMaxDateComponent;
+            var _a = _this.props, min = _a.minTime, max = _a.maxTime;
+            var ignoreMinMaxDateComponent = _this.props.ignoreMinMaxDateComponent;
             var dayStart = _this.setTime(_this.props.value, 0, 0, 0);
             var dayEnd = _this.setTime(_this.props.value, 24, 0, 0);
             if (!min || (_this.props.adapter.isBefore(min, dayStart) && !ignoreMinMaxDateComponent)) {
@@ -174,9 +176,8 @@ var TimePicker = /** @class */ (function (_super) {
                 end: (maxDate - midnightDate) / 1000,
             };
         };
-        // eslint-disable-next-line max-statements -- required for performing validation
         _this.buildSteps = function () {
-            var _a = _this.props, _b = _a.step, step = _b === void 0 ? 900 : _b, timeRanges = _a.timeRanges, value = _a.value;
+            var _a = _this.props, _b = _a.step, step = _b === void 0 ? 900 : _b, timeRanges = _a.timeRanges, _value = _a.value;
             var timeWindow = _this.getTimeWindowInSeconds();
             var stepCount = (timeWindow.end - timeWindow.start) / step;
             if (process.env.NODE_ENV !== 'production' && stepCount > 500) {
@@ -267,11 +268,9 @@ var TimePicker = /** @class */ (function (_super) {
         }
         if (formatChanged || stepChanged || minTimeChange || maxTimeChange || timeRangesChanged) {
             var steps = this.buildSteps();
-            // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
             this.setState({ steps: steps });
         }
         if (prevProps.value && !this.props.value) {
-            // eslint-disable-next-line react/no-did-update-set-state -- baseui migration
             this.setState({ value: null });
         }
     };

package/baseui/timepicker/types.d.ts

@@ -2,7 +2,7 @@ import type { Override } from '../../overrides';
 import type { Option } from '../select';
 import type { Size } from '../input';
 import type { DateIOAdapter } from '../datepicker/utils/types';
-import { TimeRange } from '../datepicker/types';
+import type { TimeRange } from '../datepicker/types';
 export type TimePickerOverrides = {
     Select?: Override<Record<string, any>>;
 };