@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/baseui/select/utils/default-filter-options.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.__test_is_Match = exports.defaultProps = void 0;
 var tslib_1 = require("tslib");
-// @ts-ignore
-var escapeRegExp = function (str) { return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); };
+var constants_1 = require("../constants");
 // @ts-ignore
 var isValid = function (value) { return typeof value !== 'undefined' && value !== null && value !== ''; };
 var defaultProps = {
@@ -13,27 +13,39 @@ var defaultProps = {
     matchProp: 'any',
     trimFilter: true,
     valueKey: 'value',
+    filterOnlyCreated: false,
+};
+exports.defaultProps = defaultProps;
+var isMatch = function (text, pattern, _a) {
+    var ignoreCase = _a.ignoreCase, matchStart = _a.matchStart;
+    var idx = (ignoreCase ? text.toLowerCase() : text).indexOf(ignoreCase ? pattern.toLowerCase() : pattern);
+    return matchStart ? idx === 0 : idx > -1;
 };
+exports.__test_is_Match = isMatch;
 var filterOptions = function (options, filterValue, excludeOptions, newProps) {
-    var props = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, defaultProps), newProps);
-    if (props.ignoreCase) {
-        filterValue = filterValue.toLowerCase();
-    }
+    var props = tslib_1.__assign(tslib_1.__assign({}, defaultProps), newProps);
+    var filterValueNormalized = filterValue;
     if (props.trimFilter) {
-        filterValue = filterValue.trim();
+        filterValueNormalized = filterValue.trim();
     }
     var excludeValues = (excludeOptions || []).reduce(function (acc, option) {
         acc.add(option[props.valueKey]);
         return acc;
     }, new Set());
-    var re = new RegExp("".concat(props.matchPos === 'start' ? '^' : '').concat(escapeRegExp(filterValue)), props.ignoreCase ? 'i' : '');
+    var checkMatch = function (text) {
+        return isMatch(text, filterValueNormalized, { ignoreCase: props.ignoreCase, matchStart: props.matchPos === 'start' });
+    };
     return options.filter(function (option) {
         if (excludeValues.has(option[props.valueKey]))
             return false;
         if (props.filterOption)
-            return props.filterOption.call(undefined, option, filterValue);
-        if (!filterValue)
+            return props.filterOption.call(undefined, option, filterValueNormalized);
+        if (!filterValueNormalized)
             return true;
+        if (props.filterOnlyCreated) {
+            if (!option[constants_1.CREATED_KEY])
+                return true;
+        }
         var value = option[props.valueKey];
         var label = option[props.labelKey];
         var searchTags = option.searchTags;
@@ -44,11 +56,11 @@ var filterOptions = function (options, filterValue, excludeOptions, newProps) {
         }
         var valueTest = hasValue ? String(value) : null;
         var labelTest = hasLabel ? String(label) : null;
-        return ((valueTest && props.matchProp !== 'label' && re.test(valueTest)) ||
-            (labelTest && props.matchProp !== 'value' && re.test(labelTest)) ||
+        return ((valueTest && props.matchProp !== 'label' && checkMatch(valueTest)) ||
+            (labelTest && props.matchProp !== 'value' && checkMatch(labelTest)) ||
             (Array.isArray(searchTags) &&
                 props.matchProp !== 'value' &&
-                searchTags.some(function (searchTag) { return isValid(searchTag) && re.test(String(searchTag)); })));
+                searchTags.some(function (searchTag) { return isValid(searchTag) && checkMatch(String(searchTag)); })));
     });
 };
 exports.default = filterOptions;

package/baseui/select/utils/index.js

@@ -8,7 +8,7 @@ function groupedOptionsToArray(groupedOptions) {
         return arr.concat(
         // @ts-ignore
         optgroupOptions.map(function (option) {
-            return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, option), { __optgroup: optgroup });
+            return tslib_1.__assign(tslib_1.__assign({}, option), { __optgroup: optgroup });
         }));
     }, []);
 }

package/baseui/select/value.d.ts

@@ -1 +1,2 @@
-export default function Value(props: any): import("react/jsx-runtime").JSX.Element;
+declare const Value: (props: any) => import("react/jsx-runtime").JSX.Element;
+export default Value;

package/baseui/select/value.js

@@ -3,11 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = require("./styled-components");
-var overrides_1 = require("../helpers/overrides");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function Value(props) {
-    var _a = props.overrides, overrides = _a === void 0 ? {} : _a, restProps = (0, tslib_1.__rest)(props, ["overrides"]);
-    var _b = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.SingleValue, styled_components_1.StyledSingleValue), 2), SingleValue = _b[0], singleValueProps = _b[1];
-    return ((0, jsx_runtime_1.jsx)(SingleValue, (0, tslib_1.__assign)({}, restProps, singleValueProps, { children: props.children }), void 0));
-}
+var overrides_1 = require("../../overrides");
+var tooltip_1 = require("../../tooltip");
+var useTruncateWithTooltip_1 = require("../../truncateWithTooltip/hooks/useTruncateWithTooltip");
+var box_1 = require("../../box");
+var TruncateWithTooltip_1 = require("../../truncateWithTooltip/TruncateWithTooltip");
+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 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);
+};
 exports.default = Value;

package/baseui/timepicker/index.js

@@ -9,6 +9,6 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 var timepicker_1 = require("./timepicker");
-Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(timepicker_1).default; } });
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return tslib_1.__importDefault(timepicker_1).default; } });
 // Flow
-(0, tslib_1.__exportStar)(require("./types"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/baseui/timepicker/timepicker.d.ts

@@ -3,6 +3,7 @@ import type { OnChangeParams, Option } from '../select';
 import { filterOptions } from '../select';
 import DateHelpers from '../datepicker/utils/date-helpers';
 import type { TimePickerDefaultProps, TimePickerProps, TimePickerState } from './types';
+export declare function insertIf(condition: boolean, ...elements: any[]): any[];
 declare class TimePicker<T = Date> extends React.Component<TimePickerProps<T>, TimePickerState> {
     static defaultProps: TimePickerDefaultProps;
     dateHelpers: DateHelpers<T>;
@@ -14,7 +15,7 @@ declare class TimePicker<T = Date> extends React.Component<TimePickerProps<T>, T
     componentDidMount(): void;
     componentDidUpdate(prevProps: TimePickerProps<T>): void;
     onChange: (params: OnChangeParams) => void;
-    secondsToLabel: (seconds: number, format?: "12" | "24" | undefined) => string;
+    secondsToLabel: (seconds: number, format?: '12' | '24', langCode?: string) => string;
     /**
      * Converts a time string, e.g. 10:00, to one or more possible TimePicker
      * options representing that time.
@@ -22,13 +23,13 @@ declare class TimePicker<T = Date> extends React.Component<TimePickerProps<T>, T
     stringToOptions: (a: string, format?: '12' | '24') => Array<Option>;
     handleChange: (seconds: number) => void;
     setTime: (d: T | undefined | null, c: number, b: number, a: number) => T;
-    getTimeWindowInSeconds: (step: number) => {
+    getTimeWindowInSeconds: () => {
         start: number;
         end: number;
     };
-    buildSteps: () => never[];
+    buildSteps: () => number[];
     creatableFilterOptions: typeof filterOptions;
-    buildSelectedOption: (b: T, a: '12' | undefined | null | '24') => Option;
+    buildSelectedOption: (b: T, a: '12' | undefined | null | '24', langCode?: string) => Option;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export default TimePicker;

package/baseui/timepicker/timepicker.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertIf = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 /*
@@ -8,18 +9,44 @@ 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.
 */
-var React = (0, tslib_1.__importStar)(require("react"));
-var overrides_1 = require("../helpers/overrides");
-var locale_1 = require("../locale");
+var React = tslib_1.__importStar(require("react"));
+var find_1 = tslib_1.__importDefault(require("lodash/find"));
+var overrides_1 = require("../../overrides");
 var select_1 = require("../select");
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("../datepicker/utils/date-helpers"));
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../datepicker/utils/date-fns-adapter"));
+var date_helpers_1 = tslib_1.__importDefault(require("../datepicker/utils/date-helpers"));
+var date_fns_adapter_1 = tslib_1.__importDefault(require("../datepicker/utils/date-fns-adapter"));
+var locale_1 = require("../../locale");
 var MINUTE = 60;
 var HOUR = MINUTE * 60;
 var DAY = HOUR * 24;
 var NOON = DAY / 2;
+function insertIf(condition) {
+    var elements = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        elements[_i - 1] = arguments[_i];
+    }
+    return condition ? elements : [];
+}
+exports.insertIf = insertIf;
+var convertOptionToMilliseconds = function (_a) {
+    var hours = _a.hours, minutes = _a.minutes;
+    var hoursInMilliseconds = hours * 60 * 60 * 1000;
+    var minutesInMilliseconds = minutes * 60 * 1000;
+    return hoursInMilliseconds + minutesInMilliseconds;
+};
+var checkOptionInRange = function (_a, timeRanges) {
+    var hours = _a.hours, minutes = _a.minutes;
+    if (!timeRanges) {
+        return true;
+    }
+    var ms = convertOptionToMilliseconds({ hours: hours, minutes: minutes });
+    return !!(0, find_1.default)(timeRanges, function (_a) {
+        var from = _a.from, upto = _a.upto;
+        return ms >= from && ms <= upto;
+    });
+};
 var TimePicker = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(TimePicker, _super);
+    tslib_1.__extends(TimePicker, _super);
     function TimePicker(props) {
         var _this = _super.call(this, props) || this;
         // @ts-ignore
@@ -32,12 +59,11 @@ var TimePicker = /** @class */ (function (_super) {
                 }
                 return;
             }
-            var seconds = typeof params.value[0].id === 'string' ? parseInt(params.value[0].id, 10) : params.value[0].id || 0;
+            var seconds = typeof params.value[0].id === 'string' ? parseInt(params.value[0].id) : params.value[0].id || 0;
             _this.handleChange(seconds);
         };
-        _this.secondsToLabel = function (seconds, format) {
-            var _a = (0, tslib_1.__read)(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
-            // @ts-ignore
+        _this.secondsToLabel = function (seconds, format, langCode) {
+            var _a = tslib_1.__read(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
             var zeroPrefix = function (n) { return (n < 10 ? "0".concat(n) : n); };
             if (format === '12') {
                 var isAfterNoon = seconds >= NOON;
@@ -47,7 +73,17 @@ var TimePicker = /** @class */ (function (_super) {
                 if (hours === 0) {
                     hours = 12;
                 }
-                return "".concat(hours, ":").concat(zeroPrefix(minutes), " ").concat(isAfterNoon ? 'PM' : 'AM');
+                var amPm = '';
+                if (langCode) {
+                    var date = new Date(2000, 0, 1, isAfterNoon ? 13 : 1, 0);
+                    var formatter = new Intl.DateTimeFormat(langCode, { hour: 'numeric', hour12: true });
+                    var dayPeriod = formatter.formatToParts(date).find(function (part) { return part.type === 'dayPeriod'; });
+                    amPm = (dayPeriod === null || dayPeriod === void 0 ? void 0 : dayPeriod.value) || (isAfterNoon ? 'PM' : 'AM');
+                }
+                else {
+                    amPm = isAfterNoon ? 'PM' : 'AM';
+                }
+                return "".concat(hours, ":").concat(zeroPrefix(minutes), " ").concat(amPm);
             }
             return "".concat(zeroPrefix(hours), ":").concat(zeroPrefix(minutes));
         };
@@ -55,6 +91,7 @@ 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
@@ -71,8 +108,8 @@ var TimePicker = /** @class */ (function (_super) {
             var hoursMinutes = [];
             switch (format) {
                 case '24': {
-                    // @ts-ignore
-                    hoursMinutes = [{ hours: hours, minutes: minutes }];
+                    var option = { hours: hours, minutes: minutes };
+                    hoursMinutes = tslib_1.__spreadArray([], tslib_1.__read(insertIf(checkOptionInRange(option, _this.props.timeRanges), option)), false);
                     break;
                 }
                 case '12':
@@ -81,29 +118,26 @@ var TimePicker = /** @class */ (function (_super) {
                     var meridiem = match[3];
                     // if there's no AM/PM, add both AM and PM options
                     if (!meridiem) {
-                        hoursMinutes = [
-                            // @ts-ignore
-                            { hours: twelveHours, minutes: minutes },
-                            // @ts-ignore
-                            { hours: twelveHours + 12, minutes: minutes },
-                        ];
+                        var beforeNoon = { hours: twelveHours, minutes: minutes };
+                        var afterNoon = { hours: twelveHours + 12, minutes: minutes };
+                        hoursMinutes = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(insertIf(checkOptionInRange(beforeNoon, _this.props.timeRanges), beforeNoon)), false), tslib_1.__read(insertIf(checkOptionInRange(afterNoon, _this.props.timeRanges), afterNoon)), false);
                     }
                     else {
                         var twentyFourHours = meridiem.toLowerCase()[0] === 'a' ? twelveHours : twelveHours + 12;
-                        // @ts-ignore
-                        hoursMinutes = [{ hours: twentyFourHours, minutes: minutes }];
+                        var option = { hours: twentyFourHours, minutes: minutes };
+                        hoursMinutes = tslib_1.__spreadArray([], tslib_1.__read(insertIf(checkOptionInRange(option, _this.props.timeRanges), option)), false);
                     }
                     break;
                 }
             }
             return hoursMinutes.map(function (_a) {
-                var hours = _a.hours, minutes = _a.minutes;
-                var secs = hours * 3600 + minutes * 60;
+                var _hours = _a.hours, _minutes = _a.minutes;
+                var secs = _hours * 3600 + _minutes * 60;
                 return { id: secs, label: _this.secondsToLabel(secs, format) };
             });
         };
         _this.handleChange = function (seconds) {
-            var _a = (0, tslib_1.__read)(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
+            var _a = tslib_1.__read(_this.dateHelpers.secondsToHourMinute(seconds), 2), hours = _a[0], minutes = _a[1];
             var updatedDate = _this.setTime(_this.props.value, hours, minutes, 0);
             _this.props.onChange && _this.props.onChange(updatedDate);
         };
@@ -112,9 +146,7 @@ var TimePicker = /** @class */ (function (_super) {
             var date = _this.props.adapter.startOfDay(_this.props.adapter.date(val || undefined));
             return setSeconds(setMinutes(setHours(date, hours), minutes), seconds);
         };
-        _this.getTimeWindowInSeconds = function (
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        step) {
+        _this.getTimeWindowInSeconds = function () {
             var _a = _this.props, min = _a.minTime, max = _a.maxTime, ignoreMinMaxDateComponent = _a.ignoreMinMaxDateComponent;
             var dayStart = _this.setTime(_this.props.value, 0, 0, 0);
             var dayEnd = _this.setTime(_this.props.value, 24, 0, 0);
@@ -142,25 +174,38 @@ 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.step, step = _a === void 0 ? 900 : _a;
-            var timeWindow = _this.getTimeWindowInSeconds(step);
+            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) {
-                // eslint-disable-next-line no-console
+                // eslint-disable-next-line no-console -- will not appear in production
                 console.warn("Provided step value (".concat(step, ") results in ").concat(stepCount, " steps. Performance may suffer when more than 500 elements are rendered."));
             }
             if (!Number.isInteger(stepCount)) {
                 var previousStepCount = stepCount;
                 stepCount = Math.round(stepCount);
                 if (process.env.NODE_ENV !== 'production') {
-                    // eslint-disable-next-line no-console
+                    // eslint-disable-next-line no-console -- will not appear in production
                     console.warn("Provided step value (".concat(step, ") does not spread evenly across a day. Rounding from ").concat(previousStepCount, " total steps to ").concat(stepCount, "."));
                 }
             }
             var options = [];
+            if (timeRanges) {
+                var sortedTimeRanges = timeRanges.sort(function (_a, _b) {
+                    var from1 = _a.from;
+                    var from2 = _b.from;
+                    return (from2 > from1 ? -1 : 1);
+                });
+                sortedTimeRanges.forEach(function (timeRange) {
+                    for (var i = timeRange.from / 1000; i < timeRange.upto / 1000; i += step) {
+                        options.push(i);
+                    }
+                });
+                return options;
+            }
             for (var i = timeWindow.start; i < timeWindow.end; i += step) {
-                // @ts-ignore
                 options.push(i);
             }
             return options;
@@ -172,13 +217,10 @@ var TimePicker = /** @class */ (function (_super) {
             }
             return (0, select_1.filterOptions)(options, filterValue, excludeOptions, newProps);
         };
-        _this.buildSelectedOption = function (value, format) {
+        _this.buildSelectedOption = function (value, format, langCode) {
             if (format === void 0) { format = '12'; }
             var secs = _this.dateHelpers.dateToSeconds(value);
-            return {
-                id: secs,
-                label: _this.secondsToLabel(secs, format || '12'),
-            };
+            return { id: secs, label: _this.secondsToLabel(secs, format || '12', langCode) };
         };
         _this.dateHelpers = new date_helpers_1.default(props.adapter);
         return _this;
@@ -219,34 +261,52 @@ var TimePicker = /** @class */ (function (_super) {
         var adapterChanged = prevProps.adapter !== this.props.adapter;
         var minTimeChange = prevProps.minTime !== this.props.minTime;
         var maxTimeChange = prevProps.maxTime !== this.props.maxTime;
+        var timeRangesChanged = prevProps.timeRanges !== this.props.timeRanges;
         if (adapterChanged) {
             this.dateHelpers = new date_helpers_1.default(this.props.adapter);
         }
-        if (formatChanged || stepChanged || minTimeChange || maxTimeChange) {
+        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 });
         }
     };
     TimePicker.prototype.render = function () {
         var _this = this;
-        var _a = this.props, format = _a.format, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, adapter = _a.adapter;
-        var _c = (0, tslib_1.__read)((0, overrides_1.getOverrides)(overrides.Select, select_1.Select), 2), OverriddenSelect = _c[0], selectProps = _c[1];
-        selectProps.overrides = (0, overrides_1.mergeOverrides)({ Dropdown: { style: { maxHeight: '126px' } } }, selectProps.overrides);
-        var value = this.props.value && adapter.isValid(this.props.value)
-            ? this.buildSelectedOption(this.props.value, this.props.format)
-            : this.state.value;
-        return ((0, jsx_runtime_1.jsx)(locale_1.LocaleContext.Consumer, { children: function (locale) {
-                var ariaLabel = format === '12' ? locale.datepicker.timePickerAriaLabel12Hour : locale.datepicker.timePickerAriaLabel24Hour;
-                return ((0, jsx_runtime_1.jsx)(OverriddenSelect, (0, tslib_1.__assign)({ "aria-label": ariaLabel, disabled: _this.props.disabled, error: _this.props.error, positive: _this.props.positive, size: _this.props.size, placeholder: _this.props.placeholder || 'HH:mm', options: _this.state.steps.map(function (n) { return ({
+        var _a;
+        var _b = this.props, format = _b.format, _c = _b.overrides, overrides = _c === void 0 ? {} : _c, adapter = _b.adapter;
+        var _d = tslib_1.__read((0, overrides_1.getOverrides)((_a = (0, overrides_1.mergeOverrides)({
+            Select: {
+                props: {
+                    overrides: {
+                        Input: {
+                            className: 'placeholder:text-transparent',
+                        },
+                        Placeholder: {
+                            className: 'grow-0 basis-auto',
+                        },
+                    },
+                },
+            },
+        }, overrides)) === null || _a === void 0 ? void 0 : _a.Select, select_1.Select), 2), OverriddenSelect = _d[0], selectProps = _d[1];
+        var defaultPlaceholder = format === '12' ? 'hh:mm am' : 'hh:mm';
+        return ((0, jsx_runtime_1.jsx)(locale_1.LocaleConsumer, { children: function (_a) {
+                var timeRangePicker = _a.timeRangePicker, langCode = _a.langCode;
+                var value = _this.props.value && adapter.isValid(_this.props.value)
+                    ? _this.buildSelectedOption(_this.props.value, _this.props.format, langCode)
+                    : _this.state.value;
+                var ariaLabel = format === '12' ? timeRangePicker.timePickerAriaLabel12Hour : timeRangePicker.timePickerAriaLabel24Hour;
+                return ((0, jsx_runtime_1.jsx)(OverriddenSelect, tslib_1.__assign({ "aria-label": ariaLabel, disabled: _this.props.disabled, error: _this.props.error, positive: _this.props.positive, size: _this.props.size, placeholder: _this.props.placeholder || defaultPlaceholder, options: _this.state.steps.map(function (n) { return ({
                         id: n,
-                        label: _this.secondsToLabel(n, _this.props.format),
+                        label: _this.secondsToLabel(n, _this.props.format, langCode),
                     }); }), filterOptions: _this.props.creatable ? _this.creatableFilterOptions : undefined, onChange: _this.onChange, 
                     // if value is defined, it should be an array type
-                    value: value ? [value] : value, clearable: false, backspaceRemoves: false, valueKey: "label" }, selectProps), void 0));
-            } }, void 0));
+                    value: value ? [value] : value, clearable: false, backspaceRemoves: false, valueKey: "label" }, selectProps)));
+            } }));
     };
     TimePicker.defaultProps = {
         format: '12',

package/baseui/timepicker/types.d.ts

@@ -1,11 +1,13 @@
-import type { Override } from '../helpers/overrides';
+import type { Override } from '../../overrides';
 import type { Option } from '../select';
 import type { Size } from '../input';
 import type { DateIOAdapter } from '../datepicker/utils/types';
-export declare type TimePickerOverrides = {
-    Select?: Override;
+import { TimeRange } from '../datepicker/types';
+export type TimePickerOverrides = {
+    Select?: Override<Record<string, any>>;
 };
-export declare type TimePickerProps<T = Date> = {
+export type TimePickerProps<T = Date> = {
+    timeRanges?: Array<TimeRange>;
     /** Render options in AM/PM format or 24 hour format. Defaults to 12 hour. */
     adapter: DateIOAdapter<T>;
     format?: '12' | '24';
@@ -39,13 +41,13 @@ export declare type TimePickerProps<T = Date> = {
      */
     ignoreMinMaxDateComponent?: boolean;
 };
-export declare type TimePickerState = {
+export type TimePickerState = {
     /** List of times (in seconds) displayed in the dropdown menu. */
     steps: number[];
     /** Internal value of the selected time as an integer since midnight (0) */
     value: Option | undefined | null;
 };
-export declare type TimePickerDefaultProps = {
+export type TimePickerDefaultProps = {
     format: '12';
     step: 900;
     creatable: false;

package/baseui/tree-view/index.d.ts

@@ -8,4 +8,4 @@ export { default as TreeLabel } from './tree-label';
 export { default as TreeLabelInteractable } from './tree-label-interactable';
 export { toggleIsExpanded };
 /** @deprecated use TreeNodeData instead. To be removed in future versions.*/
-export declare type TreeNode<T = any> = TreeNodeData<T>;
+export type TreeNode<T = any> = TreeNodeData<T>;

package/baseui/tree-view/index.js

@@ -5,16 +5,16 @@ var tslib_1 = require("tslib");
 var utils_1 = require("./utils");
 Object.defineProperty(exports, "toggleIsExpanded", { enumerable: true, get: function () { return utils_1.toggleIsExpanded; } });
 var tree_view_1 = require("./tree-view");
-Object.defineProperty(exports, "TreeView", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(tree_view_1).default; } });
+Object.defineProperty(exports, "TreeView", { enumerable: true, get: function () { return tslib_1.__importDefault(tree_view_1).default; } });
 var stateful_tree_view_1 = require("./stateful-tree-view");
-Object.defineProperty(exports, "StatefulTreeView", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_tree_view_1).default; } });
-(0, tslib_1.__exportStar)(require("./types"), exports);
+Object.defineProperty(exports, "StatefulTreeView", { enumerable: true, get: function () { return tslib_1.__importDefault(stateful_tree_view_1).default; } });
+tslib_1.__exportStar(require("./types"), exports);
 var styled_components_1 = require("./styled-components");
 Object.defineProperty(exports, "StyledTreeItemList", { enumerable: true, get: function () { return styled_components_1.StyledTreeItemList; } });
 Object.defineProperty(exports, "StyledTreeItem", { enumerable: true, get: function () { return styled_components_1.StyledTreeItem; } });
 Object.defineProperty(exports, "StyledItemContent", { enumerable: true, get: function () { return styled_components_1.StyledItemContent; } });
 Object.defineProperty(exports, "StyledIconContainer", { enumerable: true, get: function () { return styled_components_1.StyledIconContainer; } });
 var tree_label_1 = require("./tree-label");
-Object.defineProperty(exports, "TreeLabel", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(tree_label_1).default; } });
+Object.defineProperty(exports, "TreeLabel", { enumerable: true, get: function () { return tslib_1.__importDefault(tree_label_1).default; } });
 var tree_label_interactable_1 = require("./tree-label-interactable");
-Object.defineProperty(exports, "TreeLabelInteractable", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(tree_label_interactable_1).default; } });
+Object.defineProperty(exports, "TreeLabelInteractable", { enumerable: true, get: function () { return tslib_1.__importDefault(tree_label_interactable_1).default; } });

package/baseui/tree-view/stateful-container.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { StatefulContainerProps, TreeNodeData } from './types';
-declare type StateType = {
+type StateType = {
     data: TreeNodeData[];
 };
 export default class StatefulContainer extends React.Component<StatefulContainerProps, StateType> {

package/baseui/tree-view/stateful-container.js

@@ -7,14 +7,14 @@ 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.
 */
-var React = (0, tslib_1.__importStar)(require("react"));
+var React = tslib_1.__importStar(require("react"));
 var findSiblings = function (node, children) {
     var e_1, _a;
     if (children.indexOf(node) !== -1) {
         return children;
     }
     try {
-        for (var children_1 = (0, tslib_1.__values)(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
+        for (var children_1 = tslib_1.__values(children), children_1_1 = children_1.next(); !children_1_1.done; children_1_1 = children_1.next()) {
             var child = children_1_1.value;
             if (child.children) {
                 var siblings = findSiblings(node, child.children);
@@ -34,7 +34,7 @@ var findSiblings = function (node, children) {
     return null;
 };
 var StatefulContainer = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(StatefulContainer, _super);
+    tslib_1.__extends(StatefulContainer, _super);
     function StatefulContainer(props) {
         var _this = _super.call(this, props) || this;
         _this.onToggle = function (node) {
@@ -61,9 +61,9 @@ var StatefulContainer = /** @class */ (function (_super) {
         return _this;
     }
     StatefulContainer.prototype.render = function () {
-        var _a = this.props, children = _a.children, restProps = (0, tslib_1.__rest)(_a, ["children"]);
+        var _a = this.props, children = _a.children, restProps = tslib_1.__rest(_a, ["children"]);
         var onToggle = this.onToggle;
-        return children(Object.freeze((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), this.state), { onToggle: onToggle })));
+        return children(Object.freeze(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, restProps), this.state), { onToggle: onToggle })));
     };
     return StatefulContainer;
 }(React.Component));

package/baseui/tree-view/stateful-tree-view.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var stateful_container_1 = (0, tslib_1.__importDefault)(require("./stateful-container"));
-var tree_view_1 = (0, tslib_1.__importDefault)(require("./tree-view"));
+var stateful_container_1 = tslib_1.__importDefault(require("./stateful-container"));
+var tree_view_1 = tslib_1.__importDefault(require("./tree-view"));
 function StatefulTreeView(props) {
-    return ((0, jsx_runtime_1.jsx)(stateful_container_1.default, (0, tslib_1.__assign)({}, props, { children: function (treeViewProps) { return (0, jsx_runtime_1.jsx)(tree_view_1.default, (0, tslib_1.__assign)({}, treeViewProps), void 0); } }), void 0));
+    return (0, jsx_runtime_1.jsx)(stateful_container_1.default, tslib_1.__assign({}, props, { children: function (treeViewProps) { return (0, jsx_runtime_1.jsx)(tree_view_1.default, tslib_1.__assign({}, treeViewProps)); } }));
 }
 exports.default = StatefulTreeView;

package/baseui/tree-view/styled-components.d.ts

@@ -1,6 +1,6 @@
-export declare const StyledTreeItemList: import("../../style/styled").StyledComponent;
-export declare const StyledTreeItem: import("../../style/styled").StyledComponent;
-export declare const StyledItemContent: import("../../style/styled").StyledComponent;
-export declare const StyledIconContainer: import("../../style/styled").StyledComponent;
-export declare const StyledNoIconContainer: import("../../style/styled").StyledComponent;
-export declare const StyledLabelInteractable: import("../../style/styled").StyledComponent;
+export declare const StyledTreeItemList: import("../../style").StyledComponent;
+export declare const StyledTreeItem: import("../../style").StyledComponent;
+export declare const StyledItemContent: import("../../style").StyledComponent;
+export declare const StyledIconContainer: import("../../style").StyledComponent;
+export declare const StyledNoIconContainer: import("../../style").StyledComponent;
+export declare const StyledLabelInteractable: import("../../style").StyledComponent;