@sprinklrjs/spaceweb 11.0.0 → 12.33.2-rc.1

package/types.d.ts

@@ -1,5 +1,4 @@
 import { AllHTMLAttributes, ElementType } from 'react';
-import { Theme as BaseTheme } from 'baseui/theme';
 import { StyleObject as StyletronStyleObject } from 'styletron-react';
 import { StandardEngine as StyletronStandardEngine } from 'styletron-standard';
 import { Direction, Theme, ThemeClassNames } from '@sprinklrjs/spaceweb-themes/types';
@@ -11,9 +10,7 @@ export declare type StandardEngine = StyletronStandardEngine;
  * TODO: Replace `any` for `unknown`, the change will cause several
  * components to fail.
  */
-export declare type StyleFn<P = any> = (utils: StyleUtils, props: {
-    $theme?: BaseTheme;
-} & P) => StyleObject | string | undefined;
+export declare type StyleFn<P = any> = (utils: StyleUtils, props: P) => StyleObject | string | undefined;
 declare type RecursiveArray<T> = Array<T | RecursiveArray<T>>;
 /**
  * CSS in JS object
@@ -60,11 +57,11 @@ export declare type Variant = 'primary' | 'secondary' | 'tertiary' | 'minimal';
 /**
  * Size Options
  */
-export declare type Size = 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare type Size = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * Intent Options
  */
-export declare type Intent = 'default' | 'success' | 'warning' | 'error';
+export declare type Intent = 'default' | 'success' | 'warning' | 'error' | 'ai';
 /**
  * Gets Styletron's generated class names from `StyleArg`s
  */
@@ -77,6 +74,7 @@ export declare type Px2Rem = (px: number | string) => string;
  * `useStyle` return type
  */
 export declare type StyleUtils = ThemeContext & {
+    isRTL?: boolean;
     css: CSSFunc;
     getStyle: GetStyle;
     px2rem: Px2Rem;

package/typography/Typography.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { TruncateWithTooltipProps } from '../truncateWithTooltip';
 declare const Typography: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
     $as?: import("react").ElementType<any> | undefined;
     className?: import("..").Styles;
@@ -8,5 +9,10 @@ declare const Typography: import("react").ForwardRefExoticComponent<Omit<import(
 } & {
     variant?: import("./types").TypographyVariant | undefined;
     weight?: import("./types").FontWeight | undefined;
+    overrides?: {
+        TruncateWithTooltip?: import("../overrides").Override<TruncateWithTooltipProps & Record<string, any>> | undefined;
+    } | undefined;
+    maxLines?: number | undefined;
+    maxWidth?: number | undefined;
 } & import("react").RefAttributes<HTMLElement>>;
 export default Typography;

package/typography/Typography.js

@@ -3,8 +3,11 @@ 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 isNumber_1 = (0, tslib_1.__importDefault)(require("lodash/isNumber"));
 var helpers_1 = require("../helpers");
 var styled_components_1 = require("./styled-components");
+var truncateWithTooltip_1 = require("../truncateWithTooltip");
+var overrides_1 = require("../overrides");
 var defaultVariantToHTMLTagMapping = {
     h1: 'div',
     h2: 'div',
@@ -19,11 +22,26 @@ var defaultVariantToHTMLTagMapping = {
     bl1: 'p',
     bl2: 'p',
     bl3: 'p',
+    'body-8': 'span',
+    'body-10': 'span',
+    'body-12': 'span',
+    'body-13': 'span',
+    'body-14': 'span',
+    'body-16': 'span',
+    'display-18': 'h6',
+    'display-20': 'h5',
+    'display-24': 'h4',
+    'display-28': 'h3',
+    'display-32': 'h2',
+    'display-40': 'h1',
+    'display-42': 'h1',
 };
 var Typography = (0, react_1.forwardRef)(function (_a, ref) {
-    var $as = _a.$as, _b = _a.variant, variant = _b === void 0 ? 'l1' : _b, weight = _a.weight, restProps = (0, tslib_1.__rest)(_a, ["$as", "variant", "weight"]);
+    var $as = _a.$as, _b = _a.variant, variant = _b === void 0 ? 'body-14' : _b, weight = _a.weight, overrides = _a.overrides, children = _a.children, maxLines = _a.maxLines, maxWidth = _a.maxWidth, restProps = (0, tslib_1.__rest)(_a, ["$as", "variant", "weight", "overrides", "children", "maxLines", "maxWidth"]);
     var sharedProps = (0, helpers_1.add$props)({ variant: variant, weight: weight });
-    return ((0, jsx_runtime_1.jsx)(styled_components_1.StyledTypography, (0, tslib_1.__assign)({ ref: ref, "data-spaceweb": "typography-".concat(variant), "$as": $as || defaultVariantToHTMLTagMapping[variant] }, restProps, sharedProps), void 0));
+    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.TruncateWithTooltip, truncateWithTooltip_1.TruncateWithTooltip), 2), TruncateWithTooltip = _c[0], truncateWithTooltipProps = _c[1];
+    var mergedTruncateWithTooltipProps = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, truncateWithTooltipProps), ((0, isNumber_1.default)(maxWidth) && { maxWidth: maxWidth })), ((0, isNumber_1.default)(maxLines) && { maxLines: maxLines }));
+    return ((0, jsx_runtime_1.jsx)(styled_components_1.StyledTypography, (0, tslib_1.__assign)({ ref: ref, "data-spaceweb": "typography-".concat(variant), "$as": $as || defaultVariantToHTMLTagMapping[variant] }, restProps, sharedProps, { children: (0, isNumber_1.default)(maxWidth) || (0, isNumber_1.default)(maxLines) ? ((0, jsx_runtime_1.jsx)(TruncateWithTooltip, (0, tslib_1.__assign)({}, mergedTruncateWithTooltipProps, { children: children }), void 0)) : (children) }), void 0));
 });
 Typography.displayName = 'Typography';
 exports.default = Typography;

package/typography/constants.d.ts

@@ -4,3 +4,59 @@ export declare const WEIGHT: Readonly<{
     semibold: number;
     bold: number;
 }>;
+export declare const DEFAULT_BODY_WEIGHT = 400;
+export declare const DEFAULT_DISPLAY_WEIGHT = 600;
+export declare const TYPOGRAPHY_VARIANT_MAP: {
+    'body-8': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body-10': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body-12': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body-13': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body-14': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'body-16': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-18': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-20': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-24': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-28': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-32': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-40': {
+        fontSize: string;
+        lineHeight: string;
+    };
+    'display-42': {
+        fontSize: string;
+        lineHeight: string;
+    };
+};

package/typography/constants.js

@@ -1,9 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WEIGHT = void 0;
+exports.TYPOGRAPHY_VARIANT_MAP = exports.DEFAULT_DISPLAY_WEIGHT = exports.DEFAULT_BODY_WEIGHT = exports.WEIGHT = void 0;
 exports.WEIGHT = Object.freeze({
     regular: 400,
     medium: 500,
     semibold: 600,
     bold: 700,
 });
+exports.DEFAULT_BODY_WEIGHT = 400;
+exports.DEFAULT_DISPLAY_WEIGHT = 600;
+exports.TYPOGRAPHY_VARIANT_MAP = {
+    'body-8': {
+        fontSize: '8px',
+        lineHeight: '10px',
+    },
+    'body-10': {
+        fontSize: '10px',
+        lineHeight: '12px',
+    },
+    'body-12': {
+        fontSize: '12px',
+        lineHeight: '15px',
+    },
+    'body-13': {
+        fontSize: '13px',
+        lineHeight: '16px',
+    },
+    'body-14': {
+        fontSize: '14px',
+        lineHeight: '18px',
+    },
+    'body-16': {
+        fontSize: '16px',
+        lineHeight: '20px',
+    },
+    'display-18': {
+        fontSize: '18px',
+        lineHeight: '24px',
+    },
+    'display-20': {
+        fontSize: '20px',
+        lineHeight: '26px',
+    },
+    'display-24': {
+        fontSize: '24px',
+        lineHeight: '34px',
+    },
+    'display-28': {
+        fontSize: '28px',
+        lineHeight: '34px',
+    },
+    'display-32': {
+        fontSize: '32px',
+        lineHeight: '38px',
+    },
+    'display-40': {
+        fontSize: '40px',
+        lineHeight: '46px',
+    },
+    'display-42': {
+        fontSize: '42px',
+        lineHeight: '48px',
+    },
+};

package/typography/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Typography } from './Typography';
+export { TYPOGRAPHY_VARIANT_MAP } from './constants';
 export type { TypographyProps, FontWeight, TypographyVariant } from './types';

package/typography/index.js

@@ -3,6 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = void 0;
+exports.TYPOGRAPHY_VARIANT_MAP = exports.Typography = void 0;
 var Typography_1 = require("./Typography");
 Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return __importDefault(Typography_1).default; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "TYPOGRAPHY_VARIANT_MAP", { enumerable: true, get: function () { return constants_1.TYPOGRAPHY_VARIANT_MAP; } });

package/typography/styled-components.js

@@ -3,11 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledTypography = void 0;
 var style_1 = require("../style");
 var constants_1 = require("./constants");
+var getTypographyWeight = function ($variant) {
+    return $variant.includes('body')
+        ? constants_1.DEFAULT_BODY_WEIGHT
+        : $variant.includes('display')
+            ? constants_1.DEFAULT_DISPLAY_WEIGHT
+            : constants_1.WEIGHT.regular;
+};
 exports.StyledTypography = (0, style_1.styled)('span', function (_a, _b) {
-    var theme = _a.theme;
+    var _c, _d;
+    var theme = _a.theme, classes = _a.classes;
     var $variant = _b.$variant, $weight = _b.$weight;
-    var variantStyles = theme.typography[$variant] || theme.typography.l3;
+    var variantStyles = (_d = (_c = constants_1.TYPOGRAPHY_VARIANT_MAP[$variant]) !== null && _c !== void 0 ? _c : theme.typography[$variant]) !== null && _d !== void 0 ? _d : theme.typography['l1'];
     var fontSize = variantStyles.fontSize, lineHeight = variantStyles.lineHeight, variantFontWeight = variantStyles.fontWeight;
-    var fontWeight = $weight ? "".concat(constants_1.WEIGHT[$weight]) : variantFontWeight;
+    var fontWeight = $weight ? "".concat(constants_1.WEIGHT[$weight]) : variantFontWeight !== null && variantFontWeight !== void 0 ? variantFontWeight : getTypographyWeight($variant);
     return { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight };
 });

package/typography/types.d.ts

@@ -1,9 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { SpacewebComponentProps } from '../types';
-export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'bl1' | 'bl2' | 'bl3' | 'bs1' | 'bs2' | 'bs3' | 'l1' | 'l2' | 'l3' | 'l4';
+import { Override } from '../overrides';
+import { TruncateWithTooltipProps } from '../truncateWithTooltip';
+export declare type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'h7' | 'bl1' | 'bl2' | 'bl3' | 'bs1' | 'bs2' | 'bs3' | 'l1' | 'l2' | 'l3' | 'l4' | 'body-8' | 'body-10' | 'body-12' | 'body-13' | 'body-14' | 'body-16' | 'display-18' | 'display-20' | 'display-24' | 'display-28' | 'display-32' | 'display-40' | 'display-42';
 export declare type FontWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 export declare type TypographyProps = PropsWithChildren<SpacewebComponentProps> & {
-    /** variant of typography element */
     variant?: TypographyVariant;
     weight?: FontWeight;
+    overrides?: {
+        TruncateWithTooltip?: Override<TruncateWithTooltipProps & Record<string, any>>;
+    };
+    maxLines?: number;
+    maxWidth?: number;
 };

package/utils/intlNumberFormatUtils/index.d.ts

@@ -0,0 +1,7 @@
+import { NumberVariant } from './types';
+export declare const getFormattedNumber: ({ value, locale, variant, numberOptions, }: {
+    value: number;
+    locale: string;
+    variant: NumberVariant;
+    numberOptions?: Intl.NumberFormatOptions | undefined;
+}) => string;

package/utils/intlNumberFormatUtils/index.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFormattedNumber = void 0;
+var tslib_1 = require("tslib");
+var types_1 = require("./types");
+var getFormattedNumber = function (_a) {
+    var value = _a.value, locale = _a.locale, variant = _a.variant, numberOptions = _a.numberOptions;
+    var absValue = Math.abs(value);
+    var betweenZeroAndOne = absValue > 0 && absValue < 1;
+    var maximumFractionDigits, notation;
+    switch (variant.type) {
+        case types_1.NUMBER_VARIANTS.EXPANDED_AUTO_FORMAT: {
+            var decimalDigits = betweenZeroAndOne ? 4 : 2;
+            maximumFractionDigits = decimalDigits;
+            notation = 'standard';
+            break;
+        }
+        case types_1.NUMBER_VARIANTS.EXPANDED_DECIMAL_FORMAT: {
+            maximumFractionDigits = variant.decimalDigits;
+            notation = 'standard';
+            break;
+        }
+        case types_1.NUMBER_VARIANTS.COMPACT_AUTO_FORMAT: {
+            var decimalDigits = betweenZeroAndOne ? 4 : 2;
+            maximumFractionDigits = decimalDigits;
+            notation = 'compact';
+            break;
+        }
+        case types_1.NUMBER_VARIANTS.COMPACT_DECIMAL_FORMAT: {
+            maximumFractionDigits = variant.decimalDigits;
+            notation = 'compact';
+            break;
+        }
+        default: {
+            break;
+        }
+    }
+    return Intl.NumberFormat(locale, (0, tslib_1.__assign)({ minimumFractionDigits: 0, maximumFractionDigits: maximumFractionDigits, 
+        // @ts-ignore -- yarn migration
+        notation: notation }, numberOptions)).format(value);
+};
+exports.getFormattedNumber = getFormattedNumber;

package/utils/intlNumberFormatUtils/types.d.ts

@@ -0,0 +1,21 @@
+export declare const NUMBER_VARIANTS: {
+    readonly EXPANDED_AUTO_FORMAT: "expandedAutoFormat";
+    readonly COMPACT_AUTO_FORMAT: "compactAutoFormat";
+    readonly EXPANDED_DECIMAL_FORMAT: "expandedDecimalFormat";
+    readonly COMPACT_DECIMAL_FORMAT: "compactDecimalFormat";
+};
+export declare type ExpandedAutoFormat = {
+    type: typeof NUMBER_VARIANTS.EXPANDED_AUTO_FORMAT;
+};
+export declare type CompactAutoFormat = {
+    type: typeof NUMBER_VARIANTS.COMPACT_AUTO_FORMAT;
+};
+export declare type ExpandedDecimalFormat = {
+    type: typeof NUMBER_VARIANTS.EXPANDED_DECIMAL_FORMAT;
+    decimalDigits: number;
+};
+export declare type CompactDecimalFormat = {
+    type: typeof NUMBER_VARIANTS.COMPACT_DECIMAL_FORMAT;
+    decimalDigits: number;
+};
+export declare type NumberVariant = ExpandedAutoFormat | CompactAutoFormat | ExpandedDecimalFormat | CompactDecimalFormat;

package/utils/intlNumberFormatUtils/types.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NUMBER_VARIANTS = void 0;
+exports.NUMBER_VARIANTS = {
+    EXPANDED_AUTO_FORMAT: 'expandedAutoFormat',
+    COMPACT_AUTO_FORMAT: 'compactAutoFormat',
+    EXPANDED_DECIMAL_FORMAT: 'expandedDecimalFormat',
+    COMPACT_DECIMAL_FORMAT: 'compactDecimalFormat',
+};

package/utils/package.json

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

package/video/Video.js

@@ -26,7 +26,8 @@ var Video = (0, react_1.forwardRef)(function (props, ref) {
     var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.Root, StyledRoot), 2), Root = _c[0], rootProps = _c[1];
     var _d = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.Video, StyledVideo), 2), Vid = _d[0], videoProps = _d[1];
     var _e = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.PlayButton, play_video_1.default), 2), PlayButton = _e[0], playButtonProps = _e[1];
-    var _f = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.PosterImage, image_1.Image), 2), PosterImage = _f[0], posterImageProps = _f[1];
+    var _f = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.VideoDisabledIcon, video_non_playable_1.default), 2), VideoDisabledIcon = _f[0], VideoDisabledIconProps = _f[1];
+    var _g = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides.PosterImage, image_1.Image), 2), PosterImage = _g[0], posterImageProps = _g[1];
     var onPlay = videoProps.onPlay;
     var onClickPlay = (0, react_1.useCallback)(function (event) {
         startPlay(true);
@@ -36,7 +37,7 @@ var Video = (0, react_1.forwardRef)(function (props, ref) {
     return played || !videoProps.poster ? ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "video" }, rootProps, { children: (0, jsx_runtime_1.jsx)(Vid, (0, tslib_1.__assign)({ ref: ref, "data-testid": "video" }, videoProps, { autoPlay: played }, { children: children }), void 0) }), void 0)) : ((0, jsx_runtime_1.jsxs)(Root, (0, tslib_1.__assign)({ "data-spaceweb": "video" }, rootProps, { className: "flex items-center relative justify-center ".concat((0, classNames_1.default)({ 'cursor-pointer': !videoProps.disabled })) }, { children: [(0, jsx_runtime_1.jsx)(PosterImage, (0, tslib_1.__assign)({}, videoProps, { src: videoProps.poster, alt: "Thumbnail", overrides: {
                     Image: { style: videoProps.$style },
                     Root: { style: rootProps.$style },
-                }, onClick: videoProps.disabled ? noop_1.default : onClickPlay }, posterImageProps), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: css('absolute') }, { children: videoProps.disabled ? ((0, jsx_runtime_1.jsx)(video_non_playable_1.default, { className: "w-8 h-8 cursor-not-allowed spr-icon-05" }, void 0)) : ((0, jsx_runtime_1.jsx)(PlayButton, (0, tslib_1.__assign)({ className: "w-8 h-8 spr-icon-05", onClick: onClickPlay }, playButtonProps), void 0)) }), void 0)] }), void 0));
+                }, onClick: videoProps.disabled ? noop_1.default : onClickPlay }, posterImageProps), void 0), (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: css('absolute') }, { children: videoProps.disabled ? ((0, jsx_runtime_1.jsx)(VideoDisabledIcon, (0, tslib_1.__assign)({ className: "w-8 h-8 cursor-not-allowed spr-icon-05" }, VideoDisabledIconProps), void 0)) : ((0, jsx_runtime_1.jsx)(PlayButton, (0, tslib_1.__assign)({ className: "w-8 h-8 spr-icon-05", onClick: onClickPlay }, playButtonProps), void 0)) }), void 0)] }), void 0));
 });
 Video.displayName = 'Video';
 exports.default = Video;

package/video/types.d.ts

@@ -7,6 +7,7 @@ export declare type VideoOverrides = {
     Video?: Override<{}>;
     PlayButton?: Override<{}>;
     PosterImage?: Override<{}>;
+    VideoDisabledIcon?: Override<{}>;
 };
 export declare type VideoProps = SpacewebComponentProps<React.VideoHTMLAttributes<HTMLVideoElement>> & {
     children?: ReactChildren;

package/date-input/Before.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { SharedProps } from 'baseui/input';
-import { WeekStartsOn } from '../date-picker';
-import { Override } from '../overrides';
-export declare const Before: ({ weekStartsOn, adapter, locale, overrides, onChange: _onChange, minDate, maxDate, value, timeSelect, ...props }: SharedProps & {
-    adapter?: any;
-    locale?: any;
-    overrides?: {
-        DatePicker?: Override<Record<string, any>> | undefined;
-    } | undefined;
-    onChange: (value?: Date | undefined) => void;
-    weekStartsOn?: WeekStartsOn | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    value?: Date | undefined;
-    timeSelect?: boolean | undefined;
-}) => ReactElement;

package/date-input/Before.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Before = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var date_picker_1 = require("../date-picker");
-var CalendarIconButton_1 = require("./CalendarIconButton");
-var overrides_1 = require("../overrides");
-var Before = function (_a) {
-    var weekStartsOn = _a.weekStartsOn, adapter = _a.adapter, locale = _a.locale, overrides = _a.overrides, _onChange = _a.onChange, minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, timeSelect = _a.timeSelect, props = (0, tslib_1.__rest)(_a, ["weekStartsOn", "adapter", "locale", "overrides", "onChange", "minDate", "maxDate", "value", "timeSelect"]);
-    var onChange = (0, react_1.useCallback)(function (data) {
-        _onChange(data.value);
-    }, [_onChange]);
-    var _b = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.DatePicker, date_picker_1.DatePicker), 2), DatePicker = _b[0], datePickerProps = _b[1];
-    var mergedOverrides = (0, react_1.useMemo)(function () {
-        var _a;
-        return (0, overrides_1.mergeOverrides)({
-            Input: {
-                component: CalendarIconButton_1.CalendarIconButton,
-                props: props,
-            },
-        }, (_a = datePickerProps) === null || _a === void 0 ? void 0 : _a.overrides);
-    }, [datePickerProps, props]);
-    return ((0, jsx_runtime_1.jsx)(DatePicker, (0, tslib_1.__assign)({ weekStartsOn: weekStartsOn, adapter: adapter, locale: locale, onChange: onChange, disabled: props.$disabled, timeSelect: timeSelect, minDate: minDate, maxDate: maxDate, value: value }, datePickerProps, { overrides: mergedOverrides }), void 0));
-};
-exports.Before = Before;

package/date-input/CalendarIconButton.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-import { SharedProps } from 'baseui/input';
-export declare const CalendarIconButton: (props: SharedProps) => ReactElement;

package/date-input/CalendarIconButton.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarIconButton = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var calendar_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/calendar-solid"));
-var button_1 = require("../button");
-var box_1 = require("../box");
-var CalendarIconButton = function (props) { return ((0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ className: "flex items-center h-full pl-1" }, { children: (0, jsx_runtime_1.jsx)(button_1.IconButton, (0, tslib_1.__assign)({ size: "xs", className: "flex items-center", disabled: props.$disabled, type: "button" }, { children: (0, jsx_runtime_1.jsx)(calendar_solid_1.default, {}, void 0) }), void 0) }), void 0)); };
-exports.CalendarIconButton = CalendarIconButton;

package/esm/date-input/Before.d.ts

@@ -1,17 +0,0 @@
-import { ReactElement } from 'react';
-import { SharedProps } from 'baseui/input';
-import { WeekStartsOn } from '../date-picker';
-import { Override } from '../overrides';
-export declare const Before: ({ weekStartsOn, adapter, locale, overrides, onChange: _onChange, minDate, maxDate, value, timeSelect, ...props }: SharedProps & {
-    adapter?: any;
-    locale?: any;
-    overrides?: {
-        DatePicker?: Override<Record<string, any>> | undefined;
-    } | undefined;
-    onChange: (value?: Date | undefined) => void;
-    weekStartsOn?: WeekStartsOn | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    value?: Date | undefined;
-    timeSelect?: boolean | undefined;
-}) => ReactElement;

package/esm/date-input/Before.js

@@ -1,23 +0,0 @@
-import { __assign, __read, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useCallback } from 'react';
-import { DatePicker as DefaultDatePicker } from '../date-picker';
-import { CalendarIconButton } from './CalendarIconButton';
-import { mergeOverrides, useOverrides } from '../overrides';
-export var Before = function (_a) {
-    var weekStartsOn = _a.weekStartsOn, adapter = _a.adapter, locale = _a.locale, overrides = _a.overrides, _onChange = _a.onChange, minDate = _a.minDate, maxDate = _a.maxDate, value = _a.value, timeSelect = _a.timeSelect, props = __rest(_a, ["weekStartsOn", "adapter", "locale", "overrides", "onChange", "minDate", "maxDate", "value", "timeSelect"]);
-    var onChange = useCallback(function (data) {
-        _onChange(data.value);
-    }, [_onChange]);
-    var _b = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.DatePicker, DefaultDatePicker), 2), DatePicker = _b[0], datePickerProps = _b[1];
-    var mergedOverrides = useMemo(function () {
-        var _a;
-        return mergeOverrides({
-            Input: {
-                component: CalendarIconButton,
-                props: props,
-            },
-        }, (_a = datePickerProps) === null || _a === void 0 ? void 0 : _a.overrides);
-    }, [datePickerProps, props]);
-    return (_jsx(DatePicker, __assign({ weekStartsOn: weekStartsOn, adapter: adapter, locale: locale, onChange: onChange, disabled: props.$disabled, timeSelect: timeSelect, minDate: minDate, maxDate: maxDate, value: value }, datePickerProps, { overrides: mergedOverrides }), void 0));
-};

package/esm/date-input/CalendarIconButton.d.ts

@@ -1,3 +0,0 @@
-import { ReactElement } from 'react';
-import { SharedProps } from 'baseui/input';
-export declare const CalendarIconButton: (props: SharedProps) => ReactElement;

package/esm/date-input/CalendarIconButton.js

@@ -1,6 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import BaseCalendarIcon from '../icon/components/calendar-solid';
-import { IconButton } from '../button';
-import { Box } from '../box';
-export var CalendarIconButton = function (props) { return (_jsx(Box, __assign({ className: "flex items-center h-full pl-1" }, { children: _jsx(IconButton, __assign({ size: "xs", className: "flex items-center", disabled: props.$disabled, type: "button" }, { children: _jsx(BaseCalendarIcon, {}, void 0) }), void 0) }), void 0)); };

package/esm/helpers/baseui/useConvertOverrides.d.ts

@@ -1,15 +0,0 @@
-import { Override as BaseOverride, Overrides as BaseOverrides } from 'baseui/overrides';
-import { DependencyList } from 'react';
-import { OverrideObject, Overrides } from '../../overrides';
-import { StyleUtils } from '../../types';
-declare const convertOverrideObject: <T>(override: OverrideObject<T>, utils: StyleUtils) => BaseOverride<T>;
-declare const mergeAndConvertOverrides: <T>(target: Overrides<T>, source: Overrides<T> | undefined, utils: StyleUtils) => BaseOverrides<T>;
-/**
- * Wraps on top of mergeOverrides from baseui
- *
- * This provides Space's `StyleUtils` as first argument to all style override's functions, and then the override properties.
- * Merges 2 spaceweb overrides and converts them to baseui override object
- * Useful when overriding baseui's component to create spaceweb component.
- */
-declare const useConvertOverrides: <T>(target: Overrides<T>, source?: Overrides<T>, deps?: DependencyList) => BaseOverrides<T>;
-export { useConvertOverrides, mergeAndConvertOverrides, convertOverrideObject };

package/esm/helpers/baseui/useConvertOverrides.js

@@ -1,30 +0,0 @@
-import { __assign, __read, __spreadArray } from "tslib";
-import _reduce from 'lodash/reduce';
-import { useMemo } from 'react';
-import { mergeOverrides } from '../../overrides';
-import _getStyleWithProps from '../../style/_getStyleWithProps';
-import useStyle from '../../style/useStyle';
-var convertOverrideObject = function (override, utils) { return (__assign(__assign({}, override), { style: function (props) { return _getStyleWithProps(utils, props, override.style); } })); };
-var mergeAndConvertOverrides = function (target, source, utils) {
-    if (source === void 0) { source = {}; }
-    var mergedOverrides = mergeOverrides(target, source);
-    return _reduce(mergedOverrides, function (acc, componentOverride, componentName) {
-        acc[componentName] = convertOverrideObject(componentOverride || {}, utils);
-        return acc;
-    }, {});
-};
-/**
- * Wraps on top of mergeOverrides from baseui
- *
- * This provides Space's `StyleUtils` as first argument to all style override's functions, and then the override properties.
- * Merges 2 spaceweb overrides and converts them to baseui override object
- * Useful when overriding baseui's component to create spaceweb component.
- */
-var useConvertOverrides = function (target, source, deps) {
-    if (source === void 0) { source = {}; }
-    if (deps === void 0) { deps = []; }
-    var utils = useStyle();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return useMemo(function () { return mergeAndConvertOverrides(target, source, utils); }, __spreadArray([source, target, utils], __read(deps), false));
-};
-export { useConvertOverrides, mergeAndConvertOverrides, convertOverrideObject };

package/esm/helpers/baseui/withThemeOverride.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Theme as StyletronTheme } from 'baseui/theme';
-import { Theme } from '@sprinklrjs/spaceweb-themes/types';
-declare const withThemeOverride: <P, FR>(Component: React.ComponentType<P>, mapSpaceThemeToBaseTheme: ThemeOverrideFunction) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<FR>>;
-export default withThemeOverride;
-declare type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
-};
-declare type ThemeOverrideFunction = (theme: Theme) => DeepPartial<StyletronTheme>;

package/esm/helpers/baseui/withThemeOverride.js

@@ -1,21 +0,0 @@
-import { __assign, __read } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { ThemeProvider } from 'baseui';
-import useMemoizedStyletron from '../../style/useMemoizedStyletron';
-import useStyle from '../../style/useStyle';
-import { createTheme } from '../../themes';
-/* To update baseui theme object
- * 2nd arg provides callback to map Theme to Baseweb Theme
- * */
-var withThemeOverride = function (Component, mapSpaceThemeToBaseTheme) {
-    var ThemeOverridenComponent = React.forwardRef(function ThemeOverride(props, ref) {
-        var theme = useStyle().theme;
-        var _a = __read(useMemoizedStyletron(), 2), styletronTheme = _a[1];
-        var updatedTheme = React.useMemo(function () { return createTheme(styletronTheme, mapSpaceThemeToBaseTheme(theme)); }, [styletronTheme, theme]);
-        return (_jsx(ThemeProvider, __assign({ theme: updatedTheme }, { children: _jsx(Component, __assign({ ref: ref }, props), void 0) }), void 0));
-    });
-    ThemeOverridenComponent.displayName = "withThemeOverride(".concat(Component.displayName || Component.name, ")");
-    return ThemeOverridenComponent;
-};
-export default withThemeOverride;

package/esm/icon/components/chevron-right-solid.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { IconProps } from '../types';
-export default function ChevronRightSolid(props: IconProps): React.ReactElement;

package/esm/icon/components/chevron-right-solid.js

@@ -1,6 +0,0 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import Icon from '../icon';
-export default function ChevronRightSolid(props) {
-    return (_jsx(Icon, __assign({ viewBox: "0 0 10 10", "data-icon-name": "ChevronRightSolid" }, props, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.369 1.97v6.06a.5.5 0 00.79.408l4.262-3.03a.5.5 0 000-.815L3.159 1.562a.5.5 0 00-.79.407z" }, void 0) }), void 0));
-}

package/esm/style/__mocks__/CSS.mock.d.ts

@@ -1,10 +0,0 @@
-/**
- * @author Ivan Torres
- */
-import { ReactElement } from 'react';
-import { Styles } from '../../types';
-declare type Props = {
-    styleTest: Styles | Styles[];
-};
-declare const StyledComponent: (props: Props) => ReactElement;
-export default StyledComponent;