@sprinklrjs/spaceweb 12.14.4 → 12.33.2

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
@@ -64,7 +61,7 @@ export declare type Size = 'xxxxs' | 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg'
 /**
  * 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
  */

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',
@@ -34,9 +37,11 @@ var defaultVariantToHTMLTagMapping = {
     'display-42': 'h1',
 };
 var Typography = (0, react_1.forwardRef)(function (_a, ref) {
-    var $as = _a.$as, _b = _a.variant, variant = _b === void 0 ? 'body-14' : _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/types.d.ts

@@ -1,9 +1,15 @@
 import { PropsWithChildren } from 'react';
 import { SpacewebComponentProps } from '../types';
+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.js

@@ -35,6 +35,8 @@ var getFormattedNumber = function (_a) {
             break;
         }
     }
-    return Intl.NumberFormat(locale, (0, tslib_1.__assign)({ minimumFractionDigits: 0, maximumFractionDigits: maximumFractionDigits, notation: notation }, numberOptions)).format(value);
+    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/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,19 +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, showTimezone, timezone, ...props }: SharedProps & {
-    adapter?: any;
-    locale?: any;
-    overrides?: {
-        DatePicker?: Override<Record<string, any>> | undefined;
-    } | undefined;
-    onChange: (value?: Date | undefined, timezone?: string | undefined) => void;
-    weekStartsOn?: WeekStartsOn | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    value?: Date | undefined;
-    timeSelect?: boolean | undefined;
-    showTimezone?: boolean | undefined;
-    timezone?: string | 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, _b = _a.showTimezone, showTimezone = _b === void 0 ? false : _b, timezone = _a.timezone, props = (0, tslib_1.__rest)(_a, ["weekStartsOn", "adapter", "locale", "overrides", "onChange", "minDate", "maxDate", "value", "timeSelect", "showTimezone", "timezone"]);
-    var onChange = (0, react_1.useCallback)(function (data) {
-        _onChange(data.value, data.timezone);
-    }, [_onChange]);
-    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.DatePicker, date_picker_1.DatePicker), 2), DatePicker = _c[0], datePickerProps = _c[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, showTimezone: showTimezone, timezone: timezone }, 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,16 +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 locale_1 = require("../locale");
-var style_1 = require("../style");
-var CalendarIconButton = function (props) {
-    var locale = (0, locale_1.useLocale)();
-    var theme = (0, style_1.useStyle)().theme;
-    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: theme.density === 'COMPACT' ? 'xxxs' : 'xxs', className: "flex items-center", disabled: props.$disabled, type: "button", "aria-label": locale.calendar.calendarButtonAriaLabel }, { 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,19 +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, showTimezone, timezone, ...props }: SharedProps & {
-    adapter?: any;
-    locale?: any;
-    overrides?: {
-        DatePicker?: Override<Record<string, any>> | undefined;
-    } | undefined;
-    onChange: (value?: Date | undefined, timezone?: string | undefined) => void;
-    weekStartsOn?: WeekStartsOn | undefined;
-    minDate?: Date | undefined;
-    maxDate?: Date | undefined;
-    value?: Date | undefined;
-    timeSelect?: boolean | undefined;
-    showTimezone?: boolean | undefined;
-    timezone?: string | 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, _b = _a.showTimezone, showTimezone = _b === void 0 ? false : _b, timezone = _a.timezone, props = __rest(_a, ["weekStartsOn", "adapter", "locale", "overrides", "onChange", "minDate", "maxDate", "value", "timeSelect", "showTimezone", "timezone"]);
-    var onChange = useCallback(function (data) {
-        _onChange(data.value, data.timezone);
-    }, [_onChange]);
-    var _c = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.DatePicker, DefaultDatePicker), 2), DatePicker = _c[0], datePickerProps = _c[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, showTimezone: showTimezone, timezone: timezone }, 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,12 +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';
-import { useLocale } from '../locale';
-import { useStyle } from '../style';
-export var CalendarIconButton = function (props) {
-    var locale = useLocale();
-    var theme = useStyle().theme;
-    return (_jsx(Box, __assign({ className: "flex items-center h-full pl-1" }, { children: _jsx(IconButton, __assign({ size: theme.density === 'COMPACT' ? 'xxxs' : 'xxs', className: "flex items-center", disabled: props.$disabled, type: "button", "aria-label": locale.calendar.calendarButtonAriaLabel }, { 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,35 +0,0 @@
-import { __assign, __read, __spreadArray } from "tslib";
-import _reduce from 'lodash/reduce';
-import { useMemo } from 'react';
-import rtlCSSJS from 'rtl-css-js';
-import { mergeOverrides } from '../../overrides';
-import _getStyleWithProps from '../../style/_getStyleWithProps';
-import useStyle from '../../style/useStyle';
-var identity = function (x) { return x; };
-var convertOverrideObject = function (override, utils) { return (__assign(__assign({}, override), { style: function (props) {
-        var decorator = utils.isRTL ? rtlCSSJS : identity;
-        return decorator(_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/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;

package/esm/style/__mocks__/CSS.mock.js

@@ -1,9 +0,0 @@
-import { __assign, __read, __spreadArray } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import useStyle from '../useStyle';
-var StyledComponent = function (props) {
-    var styleTest = props.styleTest;
-    var css = useStyle().css;
-    return (_jsx("div", __assign({ "data-testid": "cssComponent", className: css.apply(void 0, __spreadArray([], __read((Array.isArray(styleTest) ? styleTest : [styleTest])), false)) }, { children: "Hello World!" }), void 0));
-};
-export default StyledComponent;

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

@@ -1,10 +0,0 @@
-/**
- * @author Ivan Torres
- */
-import { ReactElement } from 'react';
-import { StyleUtils } from '../../types';
-declare type Props = {
-    children: (styleUtils: StyleUtils) => ReactElement;
-};
-declare const _default: ({ children }: Props) => ReactElement;
-export default _default;

package/esm/style/__mocks__/UseStyle.mock.js

@@ -1,8 +0,0 @@
-/**
- * @author Ivan Torres
- */
-import useStyle from '../useStyle';
-export default (function (_a) {
-    var children = _a.children;
-    return children(useStyle());
-});

package/esm/themes/dark-theme.d.ts

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

package/esm/themes/dark-theme.js

@@ -1,9 +0,0 @@
-/**
- * @author Yash Soni
- * @author Ivan Torres
- */
-import { __assign } from "tslib";
-/* eslint import/prefer-default-export: 0 */
-import { createTheme, DarkTheme as BaseuiTheme, darkThemePrimitives as primitives } from 'baseui';
-import { sharedPrimitives } from './shared';
-export var DarkTheme = __assign(__assign({}, createTheme(__assign(__assign({}, primitives), sharedPrimitives))), { name: 'dark', colors: BaseuiTheme.colors });

package/esm/themes/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * @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/esm/themes/index.js

@@ -1,18 +0,0 @@
-/**
- * @author Yash Soni
- * @author Ivan Torres
- */
-import _merge from 'lodash/merge';
-import { DarkTheme } from './dark-theme';
-import { LightTheme } from './light-theme';
-import { withResponsiveTheme } from './responsive-theme';
-var SPACEWEB_THEME_VS_BASEUI_THEME = {
-    'space-dark': withResponsiveTheme(DarkTheme),
-    'space-light': withResponsiveTheme(LightTheme),
-    'hyperspace-dark': withResponsiveTheme(DarkTheme),
-    'hyperspace-light': withResponsiveTheme(LightTheme),
-};
-export default SPACEWEB_THEME_VS_BASEUI_THEME;
-export function createTheme(theme, overrides) {
-    return _merge({}, theme, overrides);
-}

package/esm/themes/light-theme.d.ts

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

package/esm/themes/light-theme.js

@@ -1,9 +0,0 @@
-/**
- * @author Yash Soni
- * @author Ivan Torres
- */
-import { __assign } from "tslib";
-/* eslint import/prefer-default-export: 0 */
-import { createTheme, LightTheme as BaseuiTheme, lightThemePrimitives as primitives } from 'baseui';
-import { sharedPrimitives } from './shared';
-export var LightTheme = __assign(__assign({}, createTheme(__assign(__assign({}, primitives), sharedPrimitives))), { name: 'light', colors: BaseuiTheme.colors });

package/esm/themes/responsive-theme.d.ts

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

package/esm/themes/responsive-theme.js

@@ -1,19 +0,0 @@
-/**
- * @author Yash Soni
- */
-import { __assign } from "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: {},
-});
-export var withResponsiveTheme = function (theme) { return (__assign(__assign({}, theme), responsiveTheme)); };

package/esm/themes/shared.d.ts

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

package/esm/themes/shared.js

@@ -1,4 +0,0 @@
-var sharedPrimitives = {
-    primaryFontFamily: 'inherit',
-};
-export { sharedPrimitives };

package/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/helpers/baseui/useConvertOverrides.js

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertOverrideObject = exports.mergeAndConvertOverrides = exports.useConvertOverrides = void 0;
-var tslib_1 = require("tslib");
-var reduce_1 = (0, tslib_1.__importDefault)(require("lodash/reduce"));
-var react_1 = require("react");
-var rtl_css_js_1 = (0, tslib_1.__importDefault)(require("rtl-css-js"));
-var overrides_1 = require("../../overrides");
-var _getStyleWithProps_1 = (0, tslib_1.__importDefault)(require("../../style/_getStyleWithProps"));
-var useStyle_1 = (0, tslib_1.__importDefault)(require("../../style/useStyle"));
-var identity = function (x) { return x; };
-var convertOverrideObject = function (override, utils) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, override), { style: function (props) {
-        var decorator = utils.isRTL ? rtl_css_js_1.default : identity;
-        return decorator((0, _getStyleWithProps_1.default)(utils, props, override.style));
-    } })); };
-exports.convertOverrideObject = convertOverrideObject;
-var mergeAndConvertOverrides = function (target, source, utils) {
-    if (source === void 0) { source = {}; }
-    var mergedOverrides = (0, overrides_1.mergeOverrides)(target, source);
-    return (0, reduce_1.default)(mergedOverrides, function (acc, componentOverride, componentName) {
-        acc[componentName] = convertOverrideObject(componentOverride || {}, utils);
-        return acc;
-    }, {});
-};
-exports.mergeAndConvertOverrides = mergeAndConvertOverrides;
-/**
- * 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 = (0, useStyle_1.default)();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return (0, react_1.useMemo)(function () { return mergeAndConvertOverrides(target, source, utils); }, (0, tslib_1.__spreadArray)([source, target, utils], (0, tslib_1.__read)(deps), false));
-};
-exports.useConvertOverrides = useConvertOverrides;

package/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/helpers/baseui/withThemeOverride.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var React = (0, tslib_1.__importStar)(require("react"));
-var baseui_1 = require("baseui");
-var useMemoizedStyletron_1 = (0, tslib_1.__importDefault)(require("../../style/useMemoizedStyletron"));
-var useStyle_1 = (0, tslib_1.__importDefault)(require("../../style/useStyle"));
-var themes_1 = require("../../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 = (0, useStyle_1.default)().theme;
-        var _a = (0, tslib_1.__read)((0, useMemoizedStyletron_1.default)(), 2), styletronTheme = _a[1];
-        var updatedTheme = React.useMemo(function () { return (0, themes_1.createTheme)(styletronTheme, mapSpaceThemeToBaseTheme(theme)); }, [styletronTheme, theme]);
-        return ((0, jsx_runtime_1.jsx)(baseui_1.ThemeProvider, (0, tslib_1.__assign)({ theme: updatedTheme }, { children: (0, jsx_runtime_1.jsx)(Component, (0, tslib_1.__assign)({ ref: ref }, props), void 0) }), void 0));
-    });
-    ThemeOverridenComponent.displayName = "withThemeOverride(".concat(Component.displayName || Component.name, ")");
-    return ThemeOverridenComponent;
-};
-exports.default = withThemeOverride;