@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/time-picker/TimePicker.js

@@ -3,26 +3,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var timepicker_1 = require("baseui/timepicker");
+var react_1 = require("react");
+var timepicker_1 = require("../baseui/timepicker");
 var select_1 = require("../select");
 var context_1 = require("../form-control/context");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var themeHelpers_1 = require("../helpers/themeHelpers");
 var style_1 = require("../style");
+var overrides_1 = require("../overrides");
 var useTimePickerBasewebAdapter = function (props) {
     var theme = (0, style_1.useStyle)().theme;
     var _a = (0, context_1.useContextualFormProps)(props), _b = _a.size, size = _b === void 0 ? (0, themeHelpers_1.getDefaultSize)(theme) : _b, className = _a.className, style = _a.style, intent = _a.intent, overrides = _a.overrides, clearable = _a.clearable, restProps = (0, tslib_1.__rest)(_a, ["size", "className", "style", "intent", "overrides", "clearable"]);
-    var convertedOverrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        Select: {
-            component: select_1.Select,
-            props: {
-                size: size,
-                intent: intent,
-                clearable: !!clearable,
+    var convertedOverrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Select: {
+                component: select_1.Select,
+                props: {
+                    size: size,
+                    intent: intent,
+                    clearable: !!clearable,
+                },
+                style: [className, style],
             },
-            style: [className, style],
-        },
-    }, overrides, [overrides, className, style, size, intent]);
+        }, overrides);
+    }, [overrides, className, style, size, intent]);
     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { nullable: clearable, overrides: convertedOverrides });
 };
 var TimePicker = function (props) {

package/time-picker/types.d.ts

@@ -1,8 +1,8 @@
 import { Intent, Styles } from '../types';
 import { Override } from '../overrides/types';
 import { SharedProps, Size } from '../select/types';
-import { TimePickerProps as BaseTimePickerProps, TimePickerOverrides as BaseTimePickerOverrides } from 'baseui/timepicker';
-import { DateIOAdapter } from 'baseui/datepicker/utils/types';
+import { TimePickerProps as BaseTimePickerProps, TimePickerOverrides as BaseTimePickerOverrides } from '../baseui/timepicker';
+import { DateIOAdapter } from '../baseui/datepicker/utils/types';
 export declare type TimePickerOverrides = {
     [key in keyof BaseTimePickerOverrides]?: Override<SharedProps>;
 };

package/time-range-picker/RangeSelector.js

@@ -7,20 +7,16 @@ var box_1 = require("../box");
 var TimeRangeList_1 = (0, tslib_1.__importDefault)(require("./TimeRangeList"));
 var Calendar_1 = (0, tslib_1.__importDefault)(require("../date-picker/Calendar"));
 var overrides_1 = require("../overrides");
-var utils_1 = require("./utils");
 var RangeSelector = function (_a) {
     var _b, _c;
     var timeRange = _a.timeRange, preset = _a.preset, onChange = _a.onChange, formatString = _a.formatString, props = (0, tslib_1.__rest)(_a, ["timeRange", "preset", "onChange", "formatString"]);
     var _d = (0, tslib_1.__read)((0, overrides_1.useOverrides)((_b = props.overrides) === null || _b === void 0 ? void 0 : _b.TimeRangeList, TimeRangeList_1.default), 2), TimeRangeList = _d[0], timeRangeListProps = _d[1];
     var _e = (0, tslib_1.__read)((0, overrides_1.useOverrides)((_c = props.overrides) === null || _c === void 0 ? void 0 : _c.Calendar, Calendar_1.default), 2), Calendar = _e[0], calendarProps = _e[1];
-    var height = (0, utils_1.getHeight)({
-        monthsShown: props.monthsShown,
-        timeSelect: props.timeSelect,
-    });
-    return ((0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: [
-            'flex border-t-1 border-b-1 border-r-0 border-l-0 border-solid spr-border-01',
-            { height: "".concat(height, "px") },
-        ] }, { children: [props.timeRangePresets.length !== 1 ? ((0, jsx_runtime_1.jsx)(TimeRangeList, (0, tslib_1.__assign)({ onChange: onChange, timeRange: timeRange, preset: preset, timeRangePresets: props.timeRangePresets }, timeRangeListProps), void 0)) : null, (0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ className: "overflow-y-auto" }, { children: (0, jsx_runtime_1.jsx)(Calendar, (0, tslib_1.__assign)({ timeSelectEnd: props.timeSelect, timeSelectStart: props.timeSelect, value: timeRange, onChange: onChange, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: props.minDate, maxDate: props.maxDate, range: true, monthsShown: props.monthsShown, locale: props.locale, formatString: formatString, 
+    var overrides = timeRangeListProps.overrides, restTimeRangeListProps = (0, tslib_1.__rest)(timeRangeListProps, ["overrides"]);
+    var TIME_RANGE_LIST_OVERRIDES = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({ Menu: { props: { overrides: { List: { props: { overrides: { Root: { style: 'h-0' } } } } } } } }, overrides);
+    }, [overrides]);
+    return ((0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: "flex border-t-1 border-b-1 border-r-0 border-l-0 border-solid spr-border-01" }, { children: [props.timeRangePresets.length !== 1 ? ((0, jsx_runtime_1.jsx)(TimeRangeList, (0, tslib_1.__assign)({ onChange: onChange, timeRange: timeRange, preset: preset, timeRangePresets: props.timeRangePresets, overrides: TIME_RANGE_LIST_OVERRIDES }, restTimeRangeListProps), void 0)) : null, (0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ className: "overflow-y-auto" }, { children: (0, jsx_runtime_1.jsx)(Calendar, (0, tslib_1.__assign)({ timeSelectEnd: props.timeSelect, timeSelectStart: props.timeSelect, value: timeRange, onChange: onChange, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: props.minDate, maxDate: props.maxDate, range: true, monthsShown: props.monthsShown, locale: props.locale, formatString: formatString, 
                     // @ts-ignore
                     overrides: props.overrides, fixedHeight: props.fixedHeight }, calendarProps), void 0) }), void 0)] }), void 0));
 };

package/time-range-picker/RangeSelectorContainer.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-helpers"));
+var date_helpers_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-helpers"));
 var classNames_1 = (0, tslib_1.__importDefault)(require("../classNames"));
 var box_1 = require("../box");
 var RangeSelector_1 = (0, tslib_1.__importDefault)(require("./RangeSelector"));
@@ -97,7 +97,7 @@ var RangeSelectorContainer = function (_a) {
                         });
                     },
                 ] }, void 0), (0, jsx_runtime_1.jsx)(typography_1.Typography, (0, tslib_1.__assign)({ className: "my-0", variant: "bs3" }, { children: errMsg }), void 0)] }), void 0)) : null;
-    return ((0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: "spr-ui-01 rounded-8" }, { children: [(0, jsx_runtime_1.jsxs)(Header, (0, tslib_1.__assign)({ "$setTimezone": setTimezone, "$onClose": props.onClose }, headerProps, { children: [(0, jsx_runtime_1.jsx)(HeaderBeforeEnhancer, (0, tslib_1.__assign)({ variant: "bs1", "$as": "span", weight: "medium", className: "flex items-center" }, headerBeforeEnhancerProps, { children: locale.timeRangePicker.headerLabel }), void 0), disableTimezone ? null : ((0, jsx_runtime_1.jsx)(TimezonePicker, (0, tslib_1.__assign)({ setTimezone: setTimezone, timezone: timezone }, timezonePickerProps), void 0))] }), void 0), (0, jsx_runtime_1.jsx)(RangeSelector_1.default, { overrides: props.overrides, timeSelect: props.timeSelect, timeRangePresets: timeRangePresets, timezone: timezone, timeRange: timeRange, preset: preset, onChange: onDateChange, adapter: adapter, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: minDate, maxDate: maxDate, formatString: props.formatString, locale: props.locale, fixedHeight: props.fixedHeight, monthsShown: monthsShown }, void 0), (0, jsx_runtime_1.jsx)(Footer, (0, tslib_1.__assign)({ "$hasError": hasError, "$onSubmit": handleSubmit, "$onClose": props.onClose }, footerProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: "justify-between w-0 flex-grow flex" }, { children: [(0, jsx_runtime_1.jsx)(FooterBeforeEnhancer, (0, tslib_1.__assign)({}, footerBeforeEnhancerProps), void 0), (0, jsx_runtime_1.jsxs)(stack_1.Stack, (0, tslib_1.__assign)({ direction: monthsShown === 1 ? 'vertical' : 'horizontal', gap: 3, className: [(0, classNames_1.default)({ 'items-center': monthsShown !== 1 }), { maxWidth: 'fit-content' }] }, { children: [monthsShown === 1 ? null : errorEl, (0, jsx_runtime_1.jsxs)(stack_1.StackItem, (0, tslib_1.__assign)({ className: "flex self-end" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ size: "sm", onClick: props.onClose, variant: "secondary", "data-testid": "cancel" }, { children: locale.timeRangePicker.cancelBtnLabel }), void 0), (0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ size: "sm", className: "ml-3", onClick: handleSubmit, disabled: hasError, "data-testid": "save" }, { children: locale.timeRangePicker.saveBtnLabel }), void 0)] }), void 0), monthsShown === 1 ? errorEl : null] }), void 0)] }), void 0) }), void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: "spr-ui-01 rounded-8" }, { children: [(0, jsx_runtime_1.jsxs)(Header, (0, tslib_1.__assign)({ "$setTimezone": setTimezone, "$onClose": props.onClose }, headerProps, { children: [(0, jsx_runtime_1.jsx)(HeaderBeforeEnhancer, (0, tslib_1.__assign)({ variant: "bs1", "$as": "span", weight: "medium", className: "flex items-center" }, headerBeforeEnhancerProps, { children: locale.timeRangePicker.headerLabel }), void 0), disableTimezone ? null : ((0, jsx_runtime_1.jsx)(TimezonePicker, (0, tslib_1.__assign)({ setTimezone: setTimezone, timezone: timezone }, timezonePickerProps), void 0))] }), void 0), (0, jsx_runtime_1.jsx)(RangeSelector_1.default, { overrides: props.overrides, timeSelect: props.timeSelect, timeRangePresets: timeRangePresets, timezone: timezone, timeRange: timeRange, preset: preset, onChange: onDateChange, adapter: adapter, peekNextMonth: props.peekNextMonth, excludeDates: props.excludeDates, filterDate: props.filterDate, minDate: minDate, maxDate: maxDate, formatString: props.formatString, locale: props.locale, fixedHeight: props.fixedHeight, monthsShown: monthsShown }, void 0), (0, jsx_runtime_1.jsx)(Footer, (0, tslib_1.__assign)({ "$hasError": hasError, "$onSubmit": handleSubmit, "$onClose": props.onClose }, footerProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, (0, tslib_1.__assign)({ className: "justify-between w-0 flex-grow flex" }, { children: [(0, jsx_runtime_1.jsx)(FooterBeforeEnhancer, (0, tslib_1.__assign)({}, footerBeforeEnhancerProps), void 0), (0, jsx_runtime_1.jsxs)(stack_1.Stack, (0, tslib_1.__assign)({ direction: monthsShown === 1 ? 'vertical' : 'horizontal', gap: 3, className: [(0, classNames_1.default)({ 'items-center': monthsShown !== 1 }), { maxWidth: 'fit-content' }] }, { children: [monthsShown === 1 ? null : errorEl, (0, jsx_runtime_1.jsxs)(stack_1.StackItem, (0, tslib_1.__assign)({ className: "flex self-end" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ size: "xs", onClick: props.onClose, variant: "secondary", "data-testid": "cancel" }, { children: locale.timeRangePicker.cancelBtnLabel }), void 0), (0, jsx_runtime_1.jsx)(button_1.Button, (0, tslib_1.__assign)({ size: "xs", className: "ml-3", onClick: handleSubmit, disabled: hasError, "data-testid": "save" }, { children: locale.timeRangePicker.saveBtnLabel }), void 0)] }), void 0), monthsShown === 1 ? errorEl : null] }), void 0)] }), void 0) }), void 0)] }), void 0));
 };
 RangeSelectorContainer.displayName = 'RangeSelectorContainer';
 exports.default = RangeSelectorContainer;

package/time-range-picker/TimeRangeList.js

@@ -27,7 +27,7 @@ var TimeRangeList = function (_a) {
             {
                 width: isMobileDevice ? '110px' : '160px',
             },
-        ] }, { children: (0, jsx_runtime_1.jsx)(Menu, (0, tslib_1.__assign)({ "aria-label": locale.timeRangePicker.presetMenuAriaLabel, disableNavigationOnMount: true, resetMenuHighlightOnMouseLeave: true, className: ['focus-visible:-outline-offset-2', menuProps === null || menuProps === void 0 ? void 0 : menuProps.className], role: "listbox", "$showFocusOutline": true }, menuProps, { children: timeRangePresets.map(function (timeRangePreset) { return ((0, jsx_runtime_1.jsx)(MenuItem, (0, tslib_1.__assign)({ onClick: function () { return onItemSelect(timeRangePreset); }, selected: timeRangePreset.id === preset, className: [
+        ] }, { children: (0, jsx_runtime_1.jsx)(Menu, (0, tslib_1.__assign)({ "aria-label": locale.timeRangePicker.presetMenuAriaLabel, disableNavigationOnMount: true, resetMenuHighlightOnMouseLeave: true, className: ['focus-visible:-outline-offset-2 min-w-full', menuProps === null || menuProps === void 0 ? void 0 : menuProps.className], role: "listbox", "$showFocusOutline": true }, menuProps, { children: timeRangePresets.map(function (timeRangePreset) { return ((0, jsx_runtime_1.jsx)(MenuItem, (0, tslib_1.__assign)({ onClick: function () { return onItemSelect(timeRangePreset); }, selected: timeRangePreset.id === preset, className: [
                     'static',
                     function (_a, _b) {
                         var theme = _a.theme;

package/time-range-picker/TimeRangePicker.js

@@ -4,8 +4,8 @@ exports.TimeRangePicker = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-fns-adapter"));
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-helpers"));
+var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-fns-adapter"));
+var date_helpers_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-helpers"));
 var RangeSelectorContainer_1 = (0, tslib_1.__importDefault)(require("./RangeSelectorContainer"));
 var utils_1 = require("./utils");
 var date_picker_1 = require("../date-picker");
@@ -17,6 +17,10 @@ var constants_2 = require("./constants");
 var button_1 = require("../button");
 var calendar_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/calendar-solid"));
 var __DEV__ = process.env.NODE_ENV !== 'production';
+var CalendarIconInputButton = function (_a) {
+    var size = _a.size, value = _a.value, isSelected = _a.isSelected, locale = _a.locale;
+    return ((0, jsx_runtime_1.jsx)(button_1.IconButton, (0, tslib_1.__assign)({ tooltipContent: value !== null && value !== void 0 ? value : locale.calendar.calendarButtonAriaLabel, size: size, bordered: true, shape: "square", isSelected: isSelected }, { children: (0, jsx_runtime_1.jsx)(calendar_solid_1.default, {}, void 0) }), void 0));
+};
 var TimeRangePicker = function (_a) {
     var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, onSubmit = _a.onSubmit, _timezone = _a.timezone, value = _a.value, formatDisplayValue = _a.formatDisplayValue, timeRangePresets = _a.timeRangePresets, overrides = _a.overrides, timeSelect = _a.timeSelect, peekNextMonth = _a.peekNextMonth, excludeDates = _a.excludeDates, filterDate = _a.filterDate, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.placeholder, placeholder = _c === void 0 ? "".concat(constants_1.DEFAULT_FORMAT_STRING, "-").concat(constants_1.DEFAULT_FORMAT_STRING) : _c, _d = _a.formatString, formatString = _d === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _d, onClose = _a.onClose, onChange = _a.onChange, showTimezoneInSummary = _a.showTimezoneInSummary, clearable = _a.clearable, onClear = _a.onClear, showFullDateInSummary = _a.showFullDateInSummary, autoSizeInput = _a.autoSizeInput, preset = _a.preset, _e = _a.startOpen, startOpen = _e === void 0 ? false : _e, fixedHeight = _a.fixedHeight, _f = _a.monthsShown, monthsShown = _f === void 0 ? 2 : _f, weekStartsOn = _a.weekStartsOn, _g = _a.disableTimezone, disableTimezone = _g === void 0 ? false : _g, _h = _a.displayVariant, displayVariant = _h === void 0 ? 'default' : _h, props = (0, tslib_1.__rest)(_a, ["adapter", "onSubmit", "timezone", "value", "formatDisplayValue", "timeRangePresets", "overrides", "timeSelect", "peekNextMonth", "excludeDates", "filterDate", "minDate", "maxDate", "placeholder", "formatString", "onClose", "onChange", "showTimezoneInSummary", "clearable", "onClear", "showFullDateInSummary", "autoSizeInput", "preset", "startOpen", "fixedHeight", "monthsShown", "weekStartsOn", "disableTimezone", "displayVariant"]);
     if (__DEV__) {
@@ -127,12 +131,14 @@ var TimeRangePicker = function (_a) {
         return (0, overrides_1.mergeOverrides)({
             Input: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (displayVariant === 'iconButton'
                 ? {
-                    component: function () { return ((0, jsx_runtime_1.jsx)(button_1.IconButton, (0, tslib_1.__assign)({ tooltipContent: locale.calendar.calendarButtonAriaLabel, size: props.size, bordered: true, shape: "square" }, { children: (0, jsx_runtime_1.jsx)(calendar_solid_1.default, {}, void 0) }), void 0)); },
+                    component: CalendarIconInputButton,
                     Before: {
                         component: function () { return null; },
                     },
                 }
                 : {})), { props: {
+                    isSelected: !!value && value.length > 0,
+                    locale: locale,
                     overrides: (0, tslib_1.__assign)({}, (displayVariant === 'compact'
                         ? {
                             Before: {

package/time-range-picker/constants.d.ts

@@ -1,5 +1,3 @@
 export declare const CUSTOM_OPTION: {
     id: string;
 };
-export declare const CALENDAR_HEIGHT = 373;
-export declare const TIME_SELECT_ROW_HEIGHT = 75;

package/time-range-picker/constants.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TIME_SELECT_ROW_HEIGHT = exports.CALENDAR_HEIGHT = exports.CUSTOM_OPTION = void 0;
+exports.CUSTOM_OPTION = void 0;
 exports.CUSTOM_OPTION = {
     id: 'CUSTOM',
 };
-exports.CALENDAR_HEIGHT = 373;
-exports.TIME_SELECT_ROW_HEIGHT = 75;

package/time-range-picker/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { DatepickerOverrides, FormatString, StatelessDatePickerProps } from '../date-picker';
 import { Override } from '../overrides';
-import { Option } from 'baseui/select';
+import { Option } from '../baseui/select';
 import { BaseSelectProps } from '../select/types';
 export type { FormatString } from '../date-picker';
 export declare type TimeRangePreset = {
@@ -29,7 +29,6 @@ export declare type TimeRangePickerOverrides = DatepickerOverrides<Record<string
     Header?: Override<Record<string, any>>;
     HeaderBeforeEnhancer?: Override<Record<string, any>>;
     FooterBeforeEnhancer?: Override<Record<string, any>>;
-    TimezonePicker?: Override<Record<string, any>>;
     Calendar?: Override<Record<string, any>>;
 };
 export declare type TimeRangePickerValue = {

package/time-range-picker/utils.d.ts

@@ -1,6 +1,6 @@
-import DateHelpers from 'baseui/datepicker/utils/date-helpers';
+import DateHelpers from '../baseui/datepicker/utils/date-helpers';
 import { Locale } from '../locale';
-import { FormatSummaryValueOptions, TimeRangePreset } from './types';
+import type { FormatSummaryValueOptions, TimeRangePreset } from './types';
 export declare const getSelectedTimeRange: (selectedTimeRange: string | undefined, timeRangeOptions: Array<TimeRangePreset>) => TimeRangePreset | undefined;
 export declare const getSystemTzName: () => string;
 /**
@@ -54,10 +54,6 @@ export declare const switchEpochTimezone: (date: Date | number, tzFrom?: string,
 export declare const getDateForGivenTimezone: (timezone?: string | undefined) => Date;
 export declare const getDefaultTimeRangePresets: (locale: Locale) => TimeRangePreset[];
 export declare const formatSummaryValue: ({ date, presetId, presetLabel, timezone, formatString, showFullDateInSummary, showTimezoneInSummary, adapter, locale, hidePresetLabel, displayVariant, }: FormatSummaryValueOptions) => string;
-export declare const getHeight: ({ monthsShown, timeSelect }: {
-    monthsShown?: number | undefined;
-    timeSelect?: boolean | undefined;
-}) => number;
 export declare const getRangeError: ({ maxDate, minDate, dateHelpers, timeRange, locale, preset, }: {
     minDate?: Date | null | undefined;
     maxDate?: Date | null | undefined;

package/time-range-picker/utils.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRangeError = exports.getHeight = exports.formatSummaryValue = exports.getDefaultTimeRangePresets = exports.getDateForGivenTimezone = exports.switchEpochTimezone = exports.getTzOffset = exports.convertDateFromSystemTzToTargetTz = exports.convertDateFromTargetTzToSystemTz = exports.convertDateFromSrcTzToTargetTz = exports.getSystemTzName = exports.getSelectedTimeRange = void 0;
+exports.getRangeError = exports.formatSummaryValue = exports.getDefaultTimeRangePresets = exports.getDateForGivenTimezone = exports.switchEpochTimezone = exports.getTzOffset = exports.convertDateFromSystemTzToTargetTz = exports.convertDateFromTargetTzToSystemTz = exports.convertDateFromSrcTzToTargetTz = exports.getSystemTzName = exports.getSelectedTimeRange = void 0;
 var tslib_1 = require("tslib");
 var constants_1 = require("../date-picker/constants");
 var index_1900_2050_1 = require("timezone-support/dist/index-1900-2050");
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-fns-adapter"));
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("baseui/datepicker/utils/date-helpers"));
-var i18n_interpolation_1 = (0, tslib_1.__importDefault)(require("baseui/helpers/i18n-interpolation"));
+var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-fns-adapter"));
+var date_helpers_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-helpers"));
+var i18n_interpolation_1 = (0, tslib_1.__importDefault)(require("../baseui/helpers/i18n-interpolation"));
 var date_fns_1 = require("date-fns");
 var date_fns_tz_1 = require("date-fns-tz");
 var utils_1 = require("../date-picker/utils");
@@ -418,7 +418,6 @@ var formatSummaryForCompactVariant = function (_a) {
     // 13 Apr - 15 May
     return "".concat(dateHelpers.formatDate(date[0], 'dd MMM', locale), " \u2013 ").concat(dateHelpers.formatDate(date[1], 'dd MMM', locale));
 };
-// eslint-disable-next-line max-statements
 var formatSummaryValue = function (_a) {
     var date = _a.date, presetId = _a.presetId, presetLabel = _a.presetLabel, _b = _a.timezone, timezone = _b === void 0 ? (0, exports.getSystemTzName)() : _b, _c = _a.formatString, formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, _d = _a.showFullDateInSummary, showFullDateInSummary = _d === void 0 ? false : _d, _e = _a.showTimezoneInSummary, showTimezoneInSummary = _e === void 0 ? false : _e, _f = _a.adapter, adapter = _f === void 0 ? date_fns_adapter_1.default : _f, locale = _a.locale, _g = _a.hidePresetLabel, hidePresetLabel = _g === void 0 ? false : _g, _h = _a.displayVariant, displayVariant = _h === void 0 ? 'default' : _h;
     var dateHelpers = new date_helpers_1.default(adapter);
@@ -430,7 +429,7 @@ var formatSummaryValue = function (_a) {
         return '';
     }
     var label = hidePresetLabel ? '' : presetLabel;
-    if (displayVariant === 'compact') {
+    if (displayVariant === 'compact' || displayVariant === 'iconButton') {
         return formatSummaryForCompactVariant({
             adapter: adapter,
             date: date,
@@ -448,17 +447,6 @@ var formatSummaryValue = function (_a) {
     return label;
 };
 exports.formatSummaryValue = formatSummaryValue;
-var getHeight = function (_a) {
-    var monthsShown = _a.monthsShown, timeSelect = _a.timeSelect;
-    if (timeSelect && monthsShown === 1) {
-        return constants_2.CALENDAR_HEIGHT + 2 * constants_2.TIME_SELECT_ROW_HEIGHT;
-    }
-    if (timeSelect) {
-        return constants_2.CALENDAR_HEIGHT + constants_2.TIME_SELECT_ROW_HEIGHT;
-    }
-    return constants_2.CALENDAR_HEIGHT;
-};
-exports.getHeight = getHeight;
 var ERROR_FORMATE_DATE = 'dd MMM, yyyy hh:mm a';
 var getRangeError = function (_a) {
     var maxDate = _a.maxDate, minDate = _a.minDate, dateHelpers = _a.dateHelpers, timeRange = _a.timeRange, locale = _a.locale, preset = _a.preset;

package/tooltip/disabled-tooltip-container.d.ts

@@ -21,13 +21,14 @@ declare const DisabledTooltipContainer: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions) | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default DisabledTooltipContainer;

package/tooltip/disabled-tooltip-container.js

@@ -4,7 +4,7 @@ var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var React = (0, tslib_1.__importStar)(require("react"));
 var tooltip_1 = (0, tslib_1.__importDefault)(require("./tooltip"));
-var default_props_1 = (0, tslib_1.__importDefault)(require("baseui/tooltip/default-props"));
+var default_props_1 = (0, tslib_1.__importDefault)(require("../baseui/tooltip/default-props"));
 var overrides_1 = require("../overrides");
 var DisabledTooltipContainer = function (_a) {
     var content = _a.content, children = _a.children, onMouseEnterDelay = _a.onMouseEnterDelay, onMouseLeaveDelay = _a.onMouseLeaveDelay, overrides = _a.overrides, props = (0, tslib_1.__rest)(_a, ["content", "children", "onMouseEnterDelay", "onMouseLeaveDelay", "overrides"]);

package/tooltip/overrides.js

@@ -2,9 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.innerStyles = exports.getBodyStyle = exports.getArrowStyle = void 0;
 var tslib_1 = require("tslib");
-var getArrowStyle = function (_a) {
+var getArrowStyle = function (_a, _b) {
     var theme = _a.theme;
-    return ({ backgroundColor: theme.spr.tooltip01 });
+    var $intent = _b.$intent;
+    return ({
+        backgroundColor: $intent === 'ai' ? theme.spr.clrMagenta : theme.spr.tooltip01,
+    });
 };
 exports.getArrowStyle = getArrowStyle;
 var getBodyStyle = function () { return ({
@@ -36,10 +39,12 @@ var getTypography = function (_a, _b) {
 };
 exports.innerStyles = [
     'break-words',
-    function (utils) {
+    function (utils, _a) {
+        var $intent = _a.$intent;
         var theme = utils.theme;
+        var isAiIntent = $intent === 'ai';
         return {
-            backgroundColor: theme.spr.tooltip01,
+            backgroundColor: isAiIntent ? theme.spr.clrMagenta : theme.spr.tooltip01,
             color: theme.spr.text06,
             borderTopLeftRadius: theme.borderRadius['4'],
             borderTopRightRadius: theme.borderRadius['4'],
@@ -51,6 +56,7 @@ exports.innerStyles = [
             paddingLeft: theme.padding['3'],
             paddingRight: theme.padding['3'],
             boxSizing: 'border-box',
+            width: 'max-content',
         };
     },
     getTypography,

package/tooltip/stateful-tooltip-container.d.ts

@@ -21,13 +21,14 @@ declare const StatefulContainer: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions) | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default StatefulContainer;

package/tooltip/stateful-tooltip-container.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var default_props_1 = (0, tslib_1.__importDefault)(require("baseui/tooltip/default-props"));
+var default_props_1 = (0, tslib_1.__importDefault)(require("../baseui/tooltip/default-props"));
 var popover_1 = require("../popover");
 var StatefulContainer = function (props) { return ((0, jsx_runtime_1.jsx)(popover_1.StatefulContainer, (0, tslib_1.__assign)({}, props), void 0)); };
 StatefulContainer.displayName = 'StatefulContainer';

package/tooltip/stateful-tooltip.d.ts

@@ -23,12 +23,13 @@ declare const StatefulTooltip: {
         onMouseEnterDelay?: number | undefined;
         onMouseLeave?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
         onMouseLeaveDelay?: number | undefined;
-        overrides?: import("baseui/popover").PopoverOverrides | undefined;
+        overrides?: import("../baseui/popover").PopoverOverrides | undefined;
         placement?: "auto" | "bottom" | "left" | "right" | "top" | "topLeft" | "topRight" | "rightTop" | "rightBottom" | "bottomRight" | "bottomLeft" | "leftBottom" | "leftTop" | undefined;
         popperOptions?: any;
         renderAll?: boolean | undefined;
         triggerType?: "hover" | "click" | undefined;
         popoverMargin?: number | undefined;
+        repositionOnResize?: boolean | undefined;
     };
 };
 export default StatefulTooltip;

package/tooltip/stateful-tooltip.js

@@ -2,14 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var default_props_1 = (0, tslib_1.__importDefault)(require("baseui/tooltip/default-props"));
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
+var default_props_1 = (0, tslib_1.__importDefault)(require("../baseui/tooltip/default-props"));
 var stateful_tooltip_container_1 = (0, tslib_1.__importDefault)(require("./stateful-tooltip-container"));
 var tooltip_1 = (0, tslib_1.__importDefault)(require("./tooltip"));
 var StatefulTooltip = function (props) {
-    var children = props.children, size = props.size, label = props.label, _a = props.overrides, overrides = _a === void 0 ? {} : _a, viewportAsBoundary = props.viewportAsBoundary, restProps = (0, tslib_1.__rest)(props, ["children", "size", "label", "overrides", "viewportAsBoundary"]);
-    var _overrides = (0, useConvertOverrides_1.useConvertOverrides)(overrides, undefined, [overrides]);
-    return ((0, jsx_runtime_1.jsx)(stateful_tooltip_container_1.default, (0, tslib_1.__assign)({ dismissOnClickOutside: true, dismissOnEsc: true, triggerType: "hover" }, restProps, { overrides: _overrides }, { children: function (tooltipProps) { return ((0, jsx_runtime_1.jsx)(tooltip_1.default, (0, tslib_1.__assign)({}, tooltipProps, { size: size, label: label, viewportAsBoundary: viewportAsBoundary }, { children: children }), void 0)); } }), void 0));
+    var children = props.children, size = props.size, label = props.label, _a = props.overrides, overrides = _a === void 0 ? {} : _a, viewportAsBoundary = props.viewportAsBoundary, intent = props.intent, restProps = (0, tslib_1.__rest)(props, ["children", "size", "label", "overrides", "viewportAsBoundary", "intent"]);
+    return ((0, jsx_runtime_1.jsx)(stateful_tooltip_container_1.default, (0, tslib_1.__assign)({ dismissOnClickOutside: true, dismissOnEsc: true, triggerType: "hover" }, restProps, { overrides: overrides }, { children: function (tooltipProps) { return ((0, jsx_runtime_1.jsx)(tooltip_1.default, (0, tslib_1.__assign)({}, tooltipProps, { size: size, label: label, viewportAsBoundary: viewportAsBoundary, intent: intent }, { children: children }), void 0)); } }), void 0));
 };
 StatefulTooltip.displayName = 'StatefulTooltip';
 StatefulTooltip.defaultProps = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, default_props_1.default), { showArrow: true, focusLock: false, returnFocus: false });

package/tooltip/styled-component.d.ts

@@ -1,2 +1,2 @@
-export { StyledBody, StyledArrow, StyledInner } from 'baseui/tooltip';
+export { StyledBody, StyledArrow, StyledInner } from '../baseui/tooltip';
 export declare const StyledLabel: import("../style/styled").StyledComponent;

package/tooltip/styled-component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledLabel = exports.StyledInner = exports.StyledArrow = exports.StyledBody = void 0;
 var tslib_1 = require("tslib");
 var styled_1 = (0, tslib_1.__importDefault)(require("../style/styled"));
-var tooltip_1 = require("baseui/tooltip");
+var tooltip_1 = require("../baseui/tooltip");
 Object.defineProperty(exports, "StyledBody", { enumerable: true, get: function () { return tooltip_1.StyledBody; } });
 Object.defineProperty(exports, "StyledArrow", { enumerable: true, get: function () { return tooltip_1.StyledArrow; } });
 Object.defineProperty(exports, "StyledInner", { enumerable: true, get: function () { return tooltip_1.StyledInner; } });

package/tooltip/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { TooltipProps } from './types';
 declare const Tooltip: {
-    ({ size, label, content, overrides, children, targetElement, isOpen, triggerType, returnFocus, focusLock, placement, popperOptions, ignoreBoundary, viewportAsBoundary, ...restProps }: TooltipProps): ReactElement;
+    ({ size, label, content, overrides, children, targetElement, isOpen, triggerType, returnFocus, focusLock, placement, popperOptions, ignoreBoundary, viewportAsBoundary, intent, ...restProps }: TooltipProps): ReactElement;
     displayName: string;
 };
 export default Tooltip;

package/tooltip/tooltip.js

@@ -3,11 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 // TODO: baseui/tooltip is using Popover internally which we cannot override
-var tooltip_1 = require("baseui/tooltip");
+var tooltip_1 = require("../baseui/tooltip");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_1 = require("react");
 var PopoverEnahncer_1 = require("../popover/PopoverEnahncer");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var layer_1 = require("../layer");
 var overrides_1 = require("../overrides");
 var hooks_1 = require("../popover/hooks");
@@ -23,26 +22,31 @@ var DISABLED_FOCUS_PROPS = {
 // @ts-ignore
 tooltip_1.Tooltip.displayName = 'BaseUITooltip';
 var Tooltip = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, label = _a.label, content = _a.content, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, children = _a.children, targetElement = _a.targetElement, isOpen = _a.isOpen, _d = _a.triggerType, triggerType = _d === void 0 ? 'hover' : _d, _e = _a.returnFocus, returnFocus = _e === void 0 ? triggerType === 'click' : _e, _f = _a.focusLock, focusLock = _f === void 0 ? false : _f, _g = _a.placement, placement = _g === void 0 ? 'auto' : _g, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, viewportAsBoundary = _a.viewportAsBoundary, restProps = (0, tslib_1.__rest)(_a, ["size", "label", "content", "overrides", "children", "targetElement", "isOpen", "triggerType", "returnFocus", "focusLock", "placement", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
+    var _b = _a.size, size = _b === void 0 ? 'sm' : _b, label = _a.label, content = _a.content, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, children = _a.children, targetElement = _a.targetElement, isOpen = _a.isOpen, _d = _a.triggerType, triggerType = _d === void 0 ? 'hover' : _d, _e = _a.returnFocus, returnFocus = _e === void 0 ? triggerType === 'click' : _e, _f = _a.focusLock, focusLock = _f === void 0 ? false : _f, _g = _a.placement, placement = _g === void 0 ? 'auto' : _g, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, _h = _a.viewportAsBoundary, viewportAsBoundary = _h === void 0 ? true : _h, _j = _a.intent, intent = _j === void 0 ? 'default' : _j, restProps = (0, tslib_1.__rest)(_a, ["size", "label", "content", "overrides", "children", "targetElement", "isOpen", "triggerType", "returnFocus", "focusLock", "placement", "popperOptions", "ignoreBoundary", "viewportAsBoundary", "intent"]);
     var focusLockProps = (0, hooks_1.useFocusLock)({ returnFocus: returnFocus, focusLock: focusLock });
-    var sharedProps = { $size: size, $label: !!label };
-    var _h = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Label, styled_component_1.StyledLabel), 2), Label = _h[0], labelProps = _h[1];
+    var sharedProps = (0, react_1.useMemo)(function () { return ({ $size: size, $label: !!label, $intent: intent }); }, [intent, label, size]);
+    var _k = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides.Label, styled_component_1.StyledLabel), 2), Label = _k[0], labelProps = _k[1];
     // add label on top of content
     var contentToDisplay = [];
     if (label) {
         contentToDisplay.push((0, jsx_runtime_1.jsx)(Label, (0, tslib_1.__assign)({}, labelProps, sharedProps, { children: label }), "label"));
     }
     contentToDisplay.push((0, jsx_runtime_1.jsx)(React.Fragment, { children: typeof content === 'function' ? content() : content }, "content"));
-    var childNode = children;
+    var childNode;
     if (typeof children === 'function') {
         childNode = children({ isOpen: isOpen });
     }
-    var _j = (0, hooks_1.useContent)({ content: contentToDisplay }), setContentHost = _j.setContentHost, wrappedContent = _j.wrappedContent;
-    var _overrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        Body: { style: overrides_2.getBodyStyle, props: sharedProps },
-        Arrow: { style: overrides_2.getArrowStyle, props: sharedProps },
-        Inner: { style: overrides_2.innerStyles, props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), { ref: setContentHost }) },
-    }, overrides, [overrides, size, label, setContentHost]);
+    else {
+        childNode = children;
+    }
+    var _l = (0, hooks_1.useContent)({ content: contentToDisplay }), setContentHost = _l.setContentHost, wrappedContent = _l.wrappedContent;
+    var _overrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Body: { style: overrides_2.getBodyStyle, props: sharedProps },
+            Arrow: { style: overrides_2.getArrowStyle, props: sharedProps },
+            Inner: { style: overrides_2.innerStyles, props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), { ref: setContentHost }) },
+        }, overrides);
+    }, [overrides, setContentHost, sharedProps]);
     var id = (0, useUniqueId_1.default)();
     var mergedPopperOptions = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, utils_1.getPopperOptions)({ ignoreBoundary: ignoreBoundary, viewportAsBoundary: viewportAsBoundary })), popperOptions)); }, [popperOptions, ignoreBoundary, viewportAsBoundary]);
     return ((0, jsx_runtime_1.jsx)(layer_1.LayersManager, (0, tslib_1.__assign)({ zIndex: layer_1.Z_INDEX.POPOVER }, { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, (0, tslib_1.__assign)({ id: id }, restProps, { triggerType: triggerType, isOpen: isOpen, overrides: _overrides, content: wrappedContent, placement: placement }, focusLockProps, (triggerType === 'hover' ? DISABLED_FOCUS_PROPS : {}), { popperOptions: mergedPopperOptions }, { children: (0, jsx_runtime_1.jsx)(PopoverEnahncer_1.PopoverChildEnhancer, (0, tslib_1.__assign)({ targetElement: targetElement }, { children: childNode }), void 0) }), void 0) }), void 0));

package/tooltip/types.d.ts

@@ -1,12 +1,14 @@
-import { TetherPlacement } from 'baseui/layer';
-import { SharedStylePropsArg } from 'baseui/popover';
-import { StatefulTooltipProps as BaseStatefulTooltipProps, TooltipProps as BaseTooltipProps } from 'baseui/tooltip';
+import { TetherPlacement } from '../baseui/layer';
+import { SharedStylePropsArg } from '../baseui/popover';
+import { StatefulTooltipProps as BaseStatefulTooltipProps, TooltipProps as BaseTooltipProps } from '../baseui/tooltip';
 import * as React from 'react';
 import { Override } from '../overrides';
 import { TriggerType } from '../popover';
+import type { Intent } from '../types';
 declare type SpacewebSharedProps = {
     $size: Size;
     $label: boolean;
+    $intent: Intent;
 };
 export declare type Size = 'sm' | 'md' | 'lg';
 export declare type SharedProps = SharedStylePropsArg & SpacewebSharedProps;
@@ -40,6 +42,7 @@ export declare type StatefulTooltipProps = Omit<BaseStatefulTooltipProps, 'overr
     triggerType?: TriggerType;
     placement?: TetherPlacement;
     viewportAsBoundary?: boolean;
+    intent?: Intent;
 } & DeprecatedProps;
 export declare type TooltipProps = Omit<BaseTooltipProps, 'overrides' | 'children' | 'autoFocus' | 'focusLock' | 'returnFocus' | 'triggerType' | 'placement'> & {
     overrides?: {
@@ -56,6 +59,7 @@ export declare type TooltipProps = Omit<BaseTooltipProps, 'overrides' | 'childre
     triggerType?: TriggerType;
     placement?: TetherPlacement;
     viewportAsBoundary?: boolean;
+    intent?: Intent;
 } & DeprecatedProps;
 export type { Placement, TriggerType, AccessibilityType } from '../popover';
-export type { StatefulTooltipContainerProps } from 'baseui/tooltip';
+export type { StatefulTooltipContainerProps } from '../baseui/tooltip';

package/transitions/collapse/collapse.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { CollapseProps } from './types';
+declare const Collapse: {
+    ({ visible, timingFunction, children, onEnter, onEntering, onEntered, onExit, onExited, onExiting, disableExitTransition, disableEnterTransition, enableAppearTransition, containerRef, duration, dimension, overrides, collapsedSize, unmountOnExit, ...props }: CollapseProps): ReactElement;
+    displayName: string;
+};
+export default Collapse;

package/transitions/collapse/collapse.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Transition_1 = (0, tslib_1.__importDefault)(require("react-transition-group/Transition"));
+var helperFunction_1 = require("../transition/helperFunction");
+var useCombinedHandler_1 = (0, tslib_1.__importDefault)(require("../../hooks/useCombinedHandler"));
+var styled_components_1 = require("./styled-components");
+var overrides_1 = require("../../overrides");
+var useCombinedRef_1 = (0, tslib_1.__importDefault)(require("../../hooks/useCombinedRef"));
+var constants_1 = require("../transition/constants");
+var usePreferredReducedMotion_1 = (0, tslib_1.__importDefault)(require("../../hooks/usePreferredReducedMotion"));
+var Collapse = function (_a) {
+    var _b = _a.visible, visible = _b === void 0 ? true : _b, _c = _a.timingFunction, timingFunction = _c === void 0 ? constants_1.DEFAULT_TIMING_FUNCTION : _c, children = _a.children, onEnter = _a.onEnter, onEntering = _a.onEntering, onEntered = _a.onEntered, onExit = _a.onExit, onExited = _a.onExited, onExiting = _a.onExiting, _d = _a.disableExitTransition, disableExitTransition = _d === void 0 ? false : _d, _e = _a.disableEnterTransition, disableEnterTransition = _e === void 0 ? false : _e, _f = _a.enableAppearTransition, enableAppearTransition = _f === void 0 ? false : _f, _g = _a.containerRef, containerRef = _g === void 0 ? null : _g, _h = _a.duration, duration = _h === void 0 ? { enter: constants_1.DEFAULT_DURATION, exit: constants_1.DEFAULT_DURATION } : _h, _j = _a.dimension, dimension = _j === void 0 ? 'height' : _j, overrides = _a.overrides, _k = _a.collapsedSize, collapsedSize = _k === void 0 ? 0 : _k, unmountOnExit = _a.unmountOnExit, props = (0, tslib_1.__rest)(_a, ["visible", "timingFunction", "children", "onEnter", "onEntering", "onEntered", "onExit", "onExited", "onExiting", "disableExitTransition", "disableEnterTransition", "enableAppearTransition", "containerRef", "duration", "dimension", "overrides", "collapsedSize", "unmountOnExit"]);
+    var prefersReducedMotion = (0, usePreferredReducedMotion_1.default)();
+    var nodeRef = (0, react_1.useRef)(null);
+    var mergedRef = (0, useCombinedRef_1.default)(nodeRef, containerRef);
+    // eslint-disable-next-line no-param-reassign
+    if (unmountOnExit)
+        collapsedSize = 0;
+    var scrollKey = dimension === 'height' ? 'scrollHeight' : 'scrollWidth';
+    // accepting duration as both number and object
+    var durationProp = typeof duration === 'number' ? { enter: duration, exit: duration } : duration;
+    var handleEnter = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = collapsedSize ? "".concat(collapsedSize, "px") : '0px';
+        }
+    }, onEnter);
+    var handleEntering = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(nodeRef.current[scrollKey], "px");
+        }
+    }, onEntering);
+    var handleEntered = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = '';
+        }
+    }, onEntered);
+    var handleExit = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(nodeRef.current[scrollKey], "px");
+            (0, helperFunction_1.forceReflow)(nodeRef.current);
+        }
+    }, onExit);
+    var handleExiting = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(collapsedSize, "px");
+        }
+    }, onExiting);
+    var handleExited = (0, useCombinedHandler_1.default)(function () {
+        if (nodeRef.current) {
+            nodeRef.current.style[dimension] = "".concat(collapsedSize, "px");
+        }
+    }, onExited);
+    var _l = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Container, styled_components_1.StyledContainer), 2), Container = _l[0], containerProps = _l[1];
+    var sharedProps = {
+        $duration: durationProp,
+        $timingFunction: timingFunction,
+        $dimension: dimension,
+        $collapsedSize: collapsedSize,
+    };
+    return prefersReducedMotion ? ((0, jsx_runtime_1.jsx)(Container, (0, tslib_1.__assign)({}, containerProps, sharedProps, { children: visible ? children : null }), void 0)) : ((0, jsx_runtime_1.jsx)(Transition_1.default, (0, tslib_1.__assign)({ in: visible }, props, { unmountOnExit: unmountOnExit, timeout: durationProp, nodeRef: nodeRef, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: handleExited, enter: !disableEnterTransition, exit: !disableExitTransition, appear: enableAppearTransition }, { children: function (state) { return ((0, jsx_runtime_1.jsx)(Container, (0, tslib_1.__assign)({ ref: mergedRef, "$state": state }, sharedProps, containerProps, { children: children }), void 0)); } }), void 0));
+};
+Collapse.displayName = 'Collapse';
+exports.default = Collapse;