@sprinklrjs/spaceweb 10.1.0

package/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea, StatefulTextarea } from './textarea';
+export { StatefulContainer, StyledTextareaContainer, StyledTextarea, STATE_CHANGE_TYPE } from 'baseui/textarea';
+export * from './types';

package/textarea/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STATE_CHANGE_TYPE = exports.StyledTextarea = exports.StyledTextareaContainer = exports.StatefulContainer = exports.StatefulTextarea = exports.Textarea = void 0;
+var tslib_1 = require("tslib");
+var textarea_1 = require("./textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
+Object.defineProperty(exports, "StatefulTextarea", { enumerable: true, get: function () { return textarea_1.StatefulTextarea; } });
+var textarea_2 = require("baseui/textarea");
+Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return textarea_2.StatefulContainer; } });
+Object.defineProperty(exports, "StyledTextareaContainer", { enumerable: true, get: function () { return textarea_2.StyledTextareaContainer; } });
+Object.defineProperty(exports, "StyledTextarea", { enumerable: true, get: function () { return textarea_2.StyledTextarea; } });
+Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return textarea_2.STATE_CHANGE_TYPE; } });
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/textarea/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/textarea/index.js"
+}

package/textarea/styled-components.d.ts

@@ -0,0 +1,11 @@
+export declare const getTextareaInputStyles: (import("..").StyleFn<import("../input").SharedProps> | (({}: {}, { $autoSize }: {
+    $autoSize: any;
+}) => "overflow-hidden" | "resize") | (({ theme }: {
+    theme: any;
+}) => {
+    width: string;
+    '::placeholder': {
+        color: any;
+    };
+}))[];
+export declare const getTextareaInputContainerStyles: import("..").Styles[];

package/textarea/styled-components.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextareaInputContainerStyles = exports.getTextareaInputStyles = void 0;
+var styled_components_1 = require("../input/styled-components");
+//todo: need to use withThemeOverride to create overriden styled version of comps
+exports.getTextareaInputStyles = [
+    styled_components_1.getInputStyles,
+    function (_a, _b) {
+        var $autoSize = _b.$autoSize;
+        return ($autoSize ? 'overflow-hidden' : 'resize');
+    },
+    function (_a) {
+        var theme = _a.theme;
+        return ({ width: '100vw', '::placeholder': { color: theme.spr.textPlaceholder } });
+    },
+];
+exports.getTextareaInputContainerStyles = [styled_components_1.getInputContainerStyles, 'max-w-full', { width: 'min-content' }];

package/textarea/textarea.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { TextareaProps, StatefulTextareaProps } from './types';
+export declare const Textarea: {
+    (props: TextareaProps): ReactElement;
+    displayName: string;
+};
+export declare const StatefulTextarea: {
+    (props: StatefulTextareaProps): ReactElement;
+    displayName: string;
+};

package/textarea/textarea.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatefulTextarea = exports.Textarea = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var textarea_1 = require("baseui/textarea");
+var basewebAdapters_1 = (0, tslib_1.__importDefault)(require("./basewebAdapters"));
+var useAutoFocus_1 = (0, tslib_1.__importDefault)(require("../hooks/useAutoFocus"));
+var useAutoSizeTextarea_1 = (0, tslib_1.__importDefault)(require("./useAutoSizeTextarea"));
+// @ts-ignore
+textarea_1.Textarea.displayName = 'BaseUITextarea';
+textarea_1.StatefulTextarea.displayName = 'BaseUIStatefulTextarea';
+var Textarea = function (props) {
+    var autoFocus = props.autoFocus, restProps = (0, tslib_1.__rest)(props, ["autoFocus"]);
+    var autoFocusRef = (0, useAutoFocus_1.default)({ autoFocus: autoFocus, inputRef: restProps.inputRef });
+    var inputRef = (0, useAutoSizeTextarea_1.default)({
+        value: restProps.value,
+        autoSize: restProps.autoSize,
+        inputRef: autoFocusRef,
+    });
+    var adaptedProps = (0, basewebAdapters_1.default)(restProps);
+    return (0, jsx_runtime_1.jsx)(textarea_1.Textarea, (0, tslib_1.__assign)({}, adaptedProps, { inputRef: inputRef }), void 0);
+};
+exports.Textarea = Textarea;
+exports.Textarea.displayName = 'Textarea';
+var StatefulTextarea = function (props) {
+    var autoFocus = props.autoFocus, restProps = (0, tslib_1.__rest)(props, ["autoFocus"]);
+    var autoFocusRef = (0, useAutoFocus_1.default)({ autoFocus: autoFocus, inputRef: restProps.inputRef });
+    var inputRef = (0, useAutoSizeTextarea_1.default)({
+        value: restProps.value,
+        autoSize: restProps.autoSize,
+        inputRef: autoFocusRef,
+    });
+    var adaptedProps = (0, basewebAdapters_1.default)(restProps);
+    return (0, jsx_runtime_1.jsx)(textarea_1.StatefulTextarea, (0, tslib_1.__assign)({}, adaptedProps, { inputRef: inputRef }), void 0);
+};
+exports.StatefulTextarea = StatefulTextarea;
+exports.StatefulTextarea.displayName = 'StatefulTextarea';

package/textarea/types.d.ts

@@ -0,0 +1,27 @@
+import { TextareaProps as BaseTextareaProps, StatefulTextareaProps as BaseStatefulTextareaProps } from 'baseui/textarea';
+import { InputSize, InputVariant, FocusPosition } from '../input';
+import { Intent, SpacewebComponentProps } from '../types';
+import { Override } from '../overrides';
+export declare type TextareaProps = SpacewebComponentProps<Omit<BaseTextareaProps, 'size' | 'overrides' | 'autoFocus'>> & {
+    size?: InputSize;
+    variant?: InputVariant;
+    overrides?: {
+        [key in keyof BaseTextareaProps['overrides']]?: Override<any>;
+    };
+    intent?: Intent;
+    debouncedOnChange?: BaseTextareaProps['onChange'];
+    debounceInterval?: number;
+    autoFocus?: FocusPosition;
+    autoSize?: boolean;
+};
+export declare type StatefulTextareaProps = SpacewebComponentProps<Omit<BaseStatefulTextareaProps, 'size' | 'overrides' | 'autoFocus'>> & {
+    size?: InputSize;
+    variant?: InputVariant;
+    overrides?: {
+        [key in keyof BaseStatefulTextareaProps['overrides']]?: Override<any>;
+    };
+    debouncedOnChange?: BaseStatefulTextareaProps['onChange'];
+    debounceInterval?: number;
+    autoFocus?: FocusPosition;
+    autoSize?: boolean;
+};

package/textarea/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/textarea/useAutoSizeTextarea.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { TextareaProps } from './types';
+declare const useAutoSizeTextarea: ({ value, inputRef, autoSize, }: {
+    value: TextareaProps['value'];
+    inputRef: React.RefObject<HTMLTextAreaElement>;
+    autoSize: TextareaProps['autoSize'];
+}) => React.RefObject<HTMLTextAreaElement>;
+export default useAutoSizeTextarea;

package/textarea/useAutoSizeTextarea.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var useAutoSizeTextarea = function (_a) {
+    var value = _a.value, inputRef = _a.inputRef, autoSize = _a.autoSize;
+    (0, react_1.useLayoutEffect)(function () {
+        if (autoSize && inputRef.current) {
+            inputRef.current.style.height = 'auto';
+            if (inputRef.current.scrollHeight > 0) {
+                inputRef.current.style.height = "".concat(inputRef.current.scrollHeight, "px");
+            }
+        }
+    }, [value, autoSize, inputRef]);
+    return inputRef;
+};
+exports.default = useAutoSizeTextarea;

package/theme/context.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement, PropsWithChildren } from 'react';
+import { ThemeContext } from '../types';
+import { ThemeProviderT } from './types';
+import type { Density } from '@sprinklrjs/spaceweb-themes/types';
+export declare const themeContext: import("react").Context<ThemeContext>;
+export declare const useTheme: () => ThemeContext;
+declare type Props = PropsWithChildren<{
+    theme?: ThemeProviderT;
+    containerElement?: HTMLElement | null;
+    density?: Density;
+}>;
+export declare const ThemeProvider: (props: Props) => ReactElement;
+export declare const ThemeConsumer: import("react").Consumer<ThemeContext>;
+export {};

package/theme/context.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeConsumer = exports.ThemeProvider = exports.useTheme = exports.themeContext = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var merge_1 = (0, tslib_1.__importDefault)(require("lodash/merge"));
+var light_1 = (0, tslib_1.__importDefault)(require("@sprinklrjs/spaceweb-themes/hyperspace/light"));
+var baseui_1 = require("baseui");
+var usePrevious_1 = (0, tslib_1.__importDefault)(require("../hooks/usePrevious"));
+var useMemoizedStyletron_1 = (0, tslib_1.__importDefault)(require("../style/useMemoizedStyletron"));
+var themes_1 = (0, tslib_1.__importDefault)(require("../themes"));
+var useIsomorphicLayoutEffect_1 = require("../hooks/useIsomorphicLayoutEffect");
+//todo: remove default sprLight, too many tests failing on removal
+exports.themeContext = (0, react_1.createContext)(light_1.default);
+var useTheme = function () { return (0, react_1.useContext)(exports.themeContext); };
+exports.useTheme = useTheme;
+var THEME_NAMES = ['hyperspace-light', 'space-light', 'space-dark', 'hyperspace-dark'];
+var addDensityToTheme = function (theme, density) {
+    var _a;
+    return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme), { theme: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme.theme), { density: density || ((_a = theme.theme) === null || _a === void 0 ? void 0 : _a.density) }) }));
+};
+var ThemeProvider = function (props) {
+    var _a;
+    var theme = props.theme, children = props.children, elementToApplyClass = props.containerElement, density = props.density;
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(null), 2), containerElementRef = _b[0], setContainerElementRef = _b[1];
+    var outerTheme = (0, exports.useTheme)();
+    var _c = (0, tslib_1.__read)((0, useMemoizedStyletron_1.default)(), 2), baseUITheme = _c[1];
+    if (typeof outerTheme === 'undefined' && typeof theme === 'undefined') {
+        throw new Error('No Theme present in context & props');
+    }
+    var Provider = exports.themeContext.Provider;
+    var value = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        if (theme) {
+            var newTheme = void 0;
+            if (typeof theme === 'function') {
+                newTheme = theme(outerTheme);
+            }
+            else {
+                var newThemeName = (_a = theme.theme) === null || _a === void 0 ? void 0 : _a.name, outerThemeName = (_b = outerTheme === null || outerTheme === void 0 ? void 0 : outerTheme.theme) === null || _b === void 0 ? void 0 : _b.name, 
+                // theme should be merged if both the outerTheme & themeToOverride has same name
+                shouldMergeThemes = !newThemeName || !outerThemeName || newThemeName === outerThemeName;
+                if (shouldMergeThemes) {
+                    newTheme = (0, merge_1.default)({}, outerTheme, theme);
+                }
+                else {
+                    newTheme = (0, tslib_1.__assign)({ direction: outerTheme === null || outerTheme === void 0 ? void 0 : outerTheme.direction }, theme);
+                }
+            }
+            if (typeof newTheme !== 'object') {
+                throw new Error('theme has to be an object of shape {theme : {}, classes : {}}');
+            }
+            return addDensityToTheme(newTheme, density);
+        }
+        return addDensityToTheme(outerTheme, density);
+    }, [theme, outerTheme, density]);
+    var themeName = value.theme.name, prevThemName = (0, usePrevious_1.default)(themeName), containerElement = elementToApplyClass !== null && elementToApplyClass !== void 0 ? elementToApplyClass : containerElementRef, prevContainerElement = (0, usePrevious_1.default)(containerElement);
+    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(function () {
+        prevThemName && (prevContainerElement === null || prevContainerElement === void 0 ? void 0 : prevContainerElement.classList.remove(prevThemName));
+        THEME_NAMES.forEach(function (name) { return containerElement === null || containerElement === void 0 ? void 0 : containerElement.classList.remove(name); });
+        containerElement === null || containerElement === void 0 ? void 0 : containerElement.classList.add(themeName);
+    }, [themeName, prevThemName, containerElement, prevContainerElement]);
+    /**
+     * Box component/styled cannot be used here as styletron might not be initialized when ThemeProvider renders for the first time.
+     */
+    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ "data-testid": "theme-provider-container", style: { display: 'contents' }, ref: setContainerElementRef }, { children: (0, jsx_runtime_1.jsx)(baseui_1.ThemeProvider, (0, tslib_1.__assign)({ theme: (_a = themes_1.default[themeName]) !== null && _a !== void 0 ? _a : baseUITheme }, { children: (0, jsx_runtime_1.jsx)(Provider, (0, tslib_1.__assign)({ value: value }, { children: children }), void 0) }), void 0) }), void 0));
+};
+exports.ThemeProvider = ThemeProvider;
+exports.ThemeConsumer = exports.themeContext.Consumer;

package/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './context';
+export * from './types';

package/theme/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+(0, tslib_1.__exportStar)(require("./context"), exports);
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/theme/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/theme/index.js"
+}

package/theme/types.d.ts

@@ -0,0 +1,6 @@
+import { ThemeContext } from '../types';
+declare type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends (infer U)[] ? RecursivePartial<U>[] : T[P] extends object ? RecursivePartial<T[P]> : T[P];
+};
+export declare type ThemeProviderT = ((theme?: ThemeContext) => ThemeContext) | RecursivePartial<ThemeContext>;
+export {};

package/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/themes/dark-theme.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+import { Theme } from 'baseui/theme';
+export declare const DarkTheme: Theme;

package/themes/dark-theme.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkTheme = void 0;
+var tslib_1 = require("tslib");
+/* eslint import/prefer-default-export: 0 */
+var baseui_1 = require("baseui");
+var shared_1 = require("./shared");
+exports.DarkTheme = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, baseui_1.createTheme)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, baseui_1.darkThemePrimitives), shared_1.sharedPrimitives))), { name: 'dark', colors: baseui_1.DarkTheme.colors });

package/themes/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+import { Theme } from 'baseui/theme';
+declare const SPACEWEB_THEME_VS_BASEUI_THEME: {
+    [theme: string]: Theme;
+};
+export default SPACEWEB_THEME_VS_BASEUI_THEME;
+export declare function createTheme<P>(theme: Theme, overrides: P): Theme & P;

package/themes/index.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTheme = void 0;
+var tslib_1 = require("tslib");
+var merge_1 = (0, tslib_1.__importDefault)(require("lodash/merge"));
+var dark_theme_1 = require("./dark-theme");
+var light_theme_1 = require("./light-theme");
+var responsive_theme_1 = require("./responsive-theme");
+var SPACEWEB_THEME_VS_BASEUI_THEME = {
+    'space-dark': (0, responsive_theme_1.withResponsiveTheme)(dark_theme_1.DarkTheme),
+    'space-light': (0, responsive_theme_1.withResponsiveTheme)(light_theme_1.LightTheme),
+    'hyperspace-dark': (0, responsive_theme_1.withResponsiveTheme)(dark_theme_1.DarkTheme),
+    'hyperspace-light': (0, responsive_theme_1.withResponsiveTheme)(light_theme_1.LightTheme),
+};
+exports.default = SPACEWEB_THEME_VS_BASEUI_THEME;
+function createTheme(theme, overrides) {
+    return (0, merge_1.default)(theme, overrides);
+}
+exports.createTheme = createTheme;

package/themes/light-theme.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+import { Theme } from 'baseui/theme';
+export declare const LightTheme: Theme;

package/themes/light-theme.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * @author Yash Soni
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LightTheme = void 0;
+var tslib_1 = require("tslib");
+/* eslint import/prefer-default-export: 0 */
+var baseui_1 = require("baseui");
+var shared_1 = require("./shared");
+exports.LightTheme = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, baseui_1.createTheme)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, baseui_1.lightThemePrimitives), shared_1.sharedPrimitives))), { name: 'light', colors: baseui_1.LightTheme.colors });

package/themes/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/themes/index.js"
+}

package/themes/responsive-theme.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @author Yash Soni
+ */
+declare const responsiveTheme: {
+    breakpoints: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+    mediaQuery: Record<"medium" | "large" | "small", string>;
+};
+export declare const withResponsiveTheme: <T extends object>(theme: T) => T & {
+    breakpoints: {
+        small: number;
+        medium: number;
+        large: number;
+    };
+    mediaQuery: Record<"medium" | "large" | "small", string>;
+};
+export {};

package/themes/responsive-theme.js

@@ -0,0 +1,23 @@
+"use strict";
+/**
+ * @author Yash Soni
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withResponsiveTheme = void 0;
+var tslib_1 = require("tslib");
+/* eslint import/prefer-default-export: 0 */
+// TODO: Grab breakpoints from theme
+var breakpoints = {
+    small: 670,
+    medium: 920,
+    large: 1280,
+};
+var responsiveTheme = Object.keys(breakpoints).reduce(function (acc, key) {
+    acc.mediaQuery[key] = "@media screen and (min-width: ".concat(breakpoints[key], "px)");
+    return acc;
+}, {
+    breakpoints: breakpoints,
+    mediaQuery: {},
+});
+var withResponsiveTheme = function (theme) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme), responsiveTheme)); };
+exports.withResponsiveTheme = withResponsiveTheme;

package/themes/shared.d.ts

@@ -0,0 +1,4 @@
+declare const sharedPrimitives: {
+    primaryFontFamily: string;
+};
+export { sharedPrimitives };

package/themes/shared.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sharedPrimitives = void 0;
+var sharedPrimitives = {
+    primaryFontFamily: 'inherit',
+};
+exports.sharedPrimitives = sharedPrimitives;

package/time-picker/TimePicker.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { TimePickerProps } from './types';
+export declare const TimePicker: {
+    (props: TimePickerProps): ReactElement;
+    defaultProps: {
+        size: "md";
+    };
+};

package/time-picker/TimePicker.js

@@ -0,0 +1,32 @@
+"use strict";
+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 select_1 = require("../select");
+var context_1 = require("../form-control/context");
+var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
+var useTimePickerBasewebAdapter = function (props) {
+    var _a = (0, context_1.useContextualFormProps)(props), size = _a.size, 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,
+            },
+            style: [className, style],
+        },
+    }, overrides, [overrides, className, style, size, intent]);
+    return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { nullable: clearable, overrides: convertedOverrides });
+};
+var TimePicker = function (props) {
+    var adaptedProps = useTimePickerBasewebAdapter(props);
+    return (0, jsx_runtime_1.jsx)(timepicker_1.TimePicker, (0, tslib_1.__assign)({}, adaptedProps), void 0);
+};
+exports.TimePicker = TimePicker;
+exports.TimePicker.defaultProps = {
+    size: 'md',
+};

package/time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from './TimePicker';
+export type { TimePickerProps } from './types';

package/time-picker/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = void 0;
+var TimePicker_1 = require("./TimePicker");
+Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });

package/time-picker/package.json

@@ -0,0 +1,4 @@
+{
+  "sideEffects": false,
+  "module": "../esm/time-picker/index.js"
+}

package/time-picker/types.d.ts

@@ -0,0 +1,15 @@
+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';
+export declare type TimePickerOverrides = {
+    [key in keyof BaseTimePickerOverrides]?: Override<SharedProps>;
+};
+export declare type TimePickerProps = Omit<BaseTimePickerProps, 'error' | 'positive' | 'overrides' | 'size' | 'nullable'> & {
+    intent?: Intent;
+    className?: Styles;
+    style?: Styles;
+    overrides?: TimePickerOverrides;
+    size?: Size;
+    clearable?: boolean;
+};

package/time-picker/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { RangeSelectorProps } from './types';
+declare const _default: import("react").MemoExoticComponent<{
+    ({ timeRange, preset, onChange, formatString, ...props }: RangeSelectorProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    displayName: string;
+}>;
+export default _default;

package/time-range-picker/RangeSelector.js

@@ -0,0 +1,27 @@
+"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 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;
+    var timeRange = _a.timeRange, preset = _a.preset, onChange = _a.onChange, formatString = _a.formatString, props = (0, tslib_1.__rest)(_a, ["timeRange", "preset", "onChange", "formatString"]);
+    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)((_b = props.overrides) === null || _b === void 0 ? void 0 : _b.TimeRangeList, TimeRangeList_1.default), 2), TimeRangeList = _c[0], timeRangeListProps = _c[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_1.default, { 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 }, void 0) }), void 0)] }), void 0));
+};
+RangeSelector.displayName = 'RangeSelector';
+exports.default = (0, react_1.memo)(RangeSelector);

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { RangeSelectorContainerProps } from './types';
+declare const RangeSelectorContainer: {
+    ({ adapter, timeRangePresets, onChange, onSubmit, timezone: selectedTimezone, value: selectedValue, timeRange: selectedTimeRange, preset: selectedPreset, minDate, maxDate, monthsShown, disableTimezone, ...props }: RangeSelectorContainerProps): ReactElement;
+    displayName: string;
+};
+export default RangeSelectorContainer;