@sprinklrjs/spaceweb 10.1.0

package/slider/styled-components.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMarkLabel = exports.StyledMark = exports.getThumbValueStyles = exports.getInnerThumbStyles = exports.getThumbStyles = exports.getInnerTrackStyles = void 0;
+var tslib_1 = require("tslib");
+var styled_1 = (0, tslib_1.__importDefault)(require("../style/styled"));
+var longHandHelpers_1 = require("../helpers/longHandHelpers");
+var intentHelper_1 = require("../helpers/intentHelper");
+var helpers_1 = require("../helpers");
+var addOpacity = function (token, opacity) {
+    return token.includes('rgb') ? token.split(')')[0] + opacity + ')' : (0, helpers_1.hex2rgb)(token, opacity);
+};
+var secondaryIntentColor = function (_a, _b) {
+    var theme = _a.theme;
+    var $intent = _b.$intent;
+    switch ($intent) {
+        case 'error':
+            return theme.spr.supportErrorHighlight;
+        case 'success':
+            return theme.spr.supportSuccessHighlight;
+        case 'warning':
+            return theme.spr.supportWarningHighlight;
+        default:
+            return addOpacity(theme.spr.ui04, '0.1');
+    }
+};
+exports.getInnerTrackStyles = [
+    'w-full self-center',
+    function (_a, _b) {
+        var theme = _a.theme, direction = _a.direction, px2rem = _a.px2rem;
+        var $disabled = _b.$disabled, $value = _b.$value, $min = _b.$min, $max = _b.$max, $intent = _b.$intent;
+        var intentPrimary = (0, intentHelper_1.intentColor)({ theme: theme }, { $intent: $intent });
+        var intentSecondary = secondaryIntentColor({ theme: theme }, { $intent: $intent });
+        var scaledValue = $value.map(function (value) { return ((value - $min) / ($max - $min)) * 100; });
+        var gradientDirection = direction === 'rtl' ? 'to left' : 'to right';
+        return (0, tslib_1.__assign)({ background: scaledValue.length == 1
+                ? "linear-gradient(".concat(gradientDirection, ", \n          ").concat(intentPrimary, " ").concat(scaledValue[0], "%, \n            ").concat(intentSecondary, " ").concat(scaledValue[0], "%)")
+                : "linear-gradient(".concat(gradientDirection, ", \n          ").concat(intentSecondary, " ").concat(scaledValue[0], "%,\n            ").concat(intentPrimary, " ").concat(scaledValue[0], "% ").concat(scaledValue[1], "%, \n              ").concat(intentSecondary, " ").concat(scaledValue[1], "%)"), opacity: $disabled ? '0.6' : '1', height: px2rem('6px'), cursor: $disabled ? 'not-allowed' : 'inherit' }, (0, longHandHelpers_1.borderRadius)('6px'));
+    },
+];
+exports.getThumbStyles = [
+    'flex items-center justify-center h-4 w-4',
+    function (_a, _b) {
+        var theme = _a.theme;
+        var $disabled = _b.$disabled, $isFocusVisible = _b.$isFocusVisible, $intent = _b.$intent;
+        var intentPrimary = (0, intentHelper_1.intentColor)({ theme: theme }, { $intent: $intent });
+        var intentSecondary = secondaryIntentColor({ theme: theme }, { $intent: $intent });
+        var hoverStyles = {
+            boxShadow: "0px 0px 0px 6px ".concat(intentSecondary),
+        };
+        return (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ backgroundColor: intentPrimary }, (0, longHandHelpers_1.borderRadius)('16px')), { cursor: $disabled ? 'not-allowed' : 'inherit' }), (!$disabled && {
+            ':hover': hoverStyles,
+            ':focus': (0, tslib_1.__assign)({ outline: 'none' }, ($isFocusVisible && hoverStyles)),
+        }));
+    },
+];
+exports.getInnerThumbStyles = [
+    'h-0 w-0 absolute border-l-8 border-t-8 border-b-8 border-r-8 border-solid',
+    function (_a) {
+        var theme = _a.theme, px2rem = _a.px2rem;
+        return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, longHandHelpers_1.borderColor)('transparent')), { borderTopColor: theme.spr.tooltip01, backgroundColor: 'transparent', top: px2rem('-16px') }));
+    },
+];
+exports.getThumbValueStyles = [
+    'py-2 px-3 spr-tooltip-01 typography-l3 spr-text-06 absolute',
+    function (_a) {
+        var px2rem = _a.px2rem;
+        return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, longHandHelpers_1.borderRadius)('4px')), { top: px2rem('-47px') }));
+    },
+];
+exports.StyledMark = (0, styled_1.default)('div', 'ml-4 spr-ui-01 w-px relative opacity-50', function (_a, _b) {
+    var px2rem = _a.px2rem, theme = _a.theme;
+    var $markIndex = _b.$markIndex, $intent = _b.$intent, $value = _b.$value, $min = _b.$min, $max = _b.$max, $step = _b.$step;
+    var intentPrimary = (0, intentHelper_1.intentColor)({ theme: theme }, { $intent: $intent });
+    var markValue = $min + $markIndex * $step;
+    var backgroundColor;
+    if ($markIndex === 0 || $markIndex === ($max - $min) / $step)
+        backgroundColor = 'transparent';
+    else if ($value.length === 1)
+        backgroundColor = $value[0] > markValue ? theme.spr.ui01 : intentPrimary;
+    else
+        backgroundColor = $value[0] < markValue && markValue < $value[1] ? theme.spr.ui01 : intentPrimary;
+    return {
+        height: px2rem('6px'),
+        backgroundColor: backgroundColor,
+    };
+});
+exports.StyledMarkLabel = (0, styled_1.default)('div', 'absolute typography-l3', function (_a) {
+    var px2rem = _a.px2rem;
+    return ({
+        top: px2rem('15px'),
+        transform: 'translateX(-50%)',
+    });
+});

package/slider/types.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+import { SliderProps as BaseSliderProps, StatefulContainerProps as BaseStatefulContainerProps, StatefulSliderProps as BaseStatefulSliderProps, SharedProps as BaseSharedProps } from 'baseui/slider';
+import { Intent, SpacewebComponentProps } from '../types';
+import { Override } from '../overrides';
+declare type GetMarkLabelFn = (props: SharedProps & {
+    $markIndex: number;
+}) => React.ReactNode;
+declare type CommonSliderProps = {
+    intent?: Intent;
+    markLabel?: boolean;
+    overrides?: {
+        Root?: Override<SharedProps & Record<string, any>>;
+        Track?: Override<SharedProps & Record<string, any>>;
+        InnerTrack?: Override<SharedProps & Record<string, any>>;
+        Thumb?: Override<SharedProps & Record<string, any>>;
+        InnerThumb?: Override<SharedProps & Record<string, any>>;
+        ThumbValue?: Override<SharedProps & Record<string, any>>;
+        Mark?: Override<SharedProps & Record<string, any>>;
+        MarkLabel?: Override<SharedProps & Record<string, any>>;
+    };
+    disabled?: boolean;
+    getMarkLabel?: GetMarkLabelFn;
+};
+export declare type SharedProps = BaseSharedProps & {
+    $intent?: boolean;
+    $step: number;
+};
+export declare type SliderProps = SpacewebComponentProps<Omit<BaseSliderProps, 'overrides'>> & CommonSliderProps;
+export declare type StatefulContainerProps = SpacewebComponentProps<Omit<BaseStatefulContainerProps, 'overrides'>> & CommonSliderProps;
+export declare type StatefulSliderProps = SpacewebComponentProps<Omit<BaseStatefulSliderProps, 'overrides'>> & CommonSliderProps;
+export declare type MarkProps = SharedProps & {
+    $markIndex: number;
+    overrides?: {
+        MarkLabel?: Override<SharedProps & Record<string, any>>;
+    };
+    getMarkLabel: GetMarkLabelFn;
+    markLabel?: boolean;
+};
+export {};

package/slider/types.js

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

package/snackbar/Snackbar.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { SnackbarProps } from './types';
+declare const Snackbar: ({ intent: _intent, message: _message, disableManualClose, placement, autoHide, autoHideDuration, hideOnClickAway, overrides, onClose, }: SnackbarProps) => ReactElement | null;
+export default Snackbar;

package/snackbar/Snackbar.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var layer_1 = require("baseui/layer");
+var react_1 = require("react");
+var noop_1 = (0, tslib_1.__importDefault)(require("lodash/noop"));
+var button_1 = require("../button");
+var helpers_1 = require("../helpers");
+var close_1 = (0, tslib_1.__importDefault)(require("../icon/components/close"));
+var overrides_1 = require("../overrides");
+var constants_1 = require("./constants");
+var layer_2 = require("../layer");
+var styled_component_1 = require("./styled-component");
+var useSnackbar_1 = (0, tslib_1.__importDefault)(require("./useSnackbar"));
+var Snackbar = function (_a) {
+    var _b = _a.intent, _intent = _b === void 0 ? 'success' : _b, _message = _a.message, _c = _a.disableManualClose, disableManualClose = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'bottom' : _d, _e = _a.autoHide, autoHide = _e === void 0 ? true : _e, _f = _a.autoHideDuration, autoHideDuration = _f === void 0 ? constants_1.TYPE_TO_HIDE_DURATION[_intent] : _f, _g = _a.hideOnClickAway, hideOnClickAway = _g === void 0 ? true : _g, overrides = _a.overrides, _h = _a.onClose, onClose = _h === void 0 ? noop_1.default : _h;
+    var _j = (0, useSnackbar_1.default)({
+        intent: _intent,
+        message: _message,
+        autoHide: autoHide,
+        autoHideDuration: autoHideDuration,
+        hideOnClickAway: hideOnClickAway,
+        onClose: onClose,
+    }), open = _j.open, shouldRender = _j.shouldRender, handleClose = _j.handleClose, snackbarContainerProps = _j.snackbarContainerProps, snackbarContainerRef = _j.snackbarContainerRef, intent = _j.intent, message = _j.message;
+    var IntentIconComponent = constants_1.INTENT_TO_ICON[intent];
+    var sharedProps = (0, helpers_1.add$props)({
+        intent: intent,
+        disableManualClose: disableManualClose,
+        placement: placement,
+        autoHide: autoHide,
+        autoHideDuration: autoHideDuration,
+        hideOnClickAway: hideOnClickAway,
+        open: open,
+    });
+    var _k = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Layer, layer_1.Layer), 2), Layer = _k[0], layerProps = _k[1];
+    var _l = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.PlacementContainer, styled_component_1.StyledPlacementContainer), 2), PlacementContainer = _l[0], placementContainerProps = _l[1];
+    var _m = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.SnackbarContainer, styled_component_1.StyledSnackbarContainer), 2), SnackbarContainer = _m[0], snackbarContainerOverrideProps = _m[1];
+    var _o = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.ContentContainer, styled_component_1.StyledContentContainer), 2), ContentContainer = _o[0], contentContainerProps = _o[1];
+    var _p = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Message, styled_component_1.StyledMessage), 2), Message = _p[0], messageProps = _p[1];
+    var _q = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.IconsContainer, styled_component_1.StyledIconsContainer), 2), IconsContainer = _q[0], iconsContainerProps = _q[1];
+    var _r = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.IntentIcon, IntentIconComponent), 2), IntentIcon = _r[0], intentIconProps = _r[1];
+    var _s = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.CloseIcon, close_1.default), 2), Close = _s[0], closeProps = _s[1];
+    var _t = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.CloseIconButton, button_1.IconButton)), CloseIconButton = _t[0], closeIconButtonProps = _t.slice(1);
+    return shouldRender ? ((0, jsx_runtime_1.jsx)(layer_2.LayersManager, (0, tslib_1.__assign)({ zIndex: layer_2.Z_INDEX.SNACKBAR }, { children: (0, jsx_runtime_1.jsx)(Layer, (0, tslib_1.__assign)({}, sharedProps, layerProps, { children: (0, jsx_runtime_1.jsx)(PlacementContainer, (0, tslib_1.__assign)({ "data-spaceweb": "snackbar", "data-testid": "snackbar" }, sharedProps, placementContainerProps, { children: (0, jsx_runtime_1.jsxs)(SnackbarContainer, (0, tslib_1.__assign)({}, snackbarContainerProps, { ref: snackbarContainerRef, role: "alert" }, sharedProps, snackbarContainerOverrideProps, { children: [(0, jsx_runtime_1.jsxs)(ContentContainer, (0, tslib_1.__assign)({}, sharedProps, contentContainerProps, { children: [(0, jsx_runtime_1.jsx)(IconsContainer, (0, tslib_1.__assign)({}, sharedProps, iconsContainerProps, { children: (0, jsx_runtime_1.jsx)(IntentIcon, (0, tslib_1.__assign)({ size: 30, className: styled_component_1.getIconStyles }, sharedProps, intentIconProps), void 0) }), void 0), (0, jsx_runtime_1.jsx)(Message, (0, tslib_1.__assign)({ "aria-atomic": true, "aria-live": "assertive" }, sharedProps, messageProps, { children: (0, react_1.isValidElement)(message) ? (0, react_1.cloneElement)(message) : message }), void 0)] }), void 0), !disableManualClose && ((0, jsx_runtime_1.jsx)(CloseIconButton, (0, tslib_1.__assign)({ shape: "square", className: [
+                                'cursor-pointer absolute h-4 w-4 rounded-2 min-w-0 border-0',
+                                {
+                                    top: '1rem',
+                                    right: '1rem',
+                                    ':focus': {
+                                        backgroundColor: '#48484C',
+                                    },
+                                    ':hover': {
+                                        backgroundColor: '#48484C',
+                                    },
+                                },
+                            ], onClick: function () { return handleClose('manualClose'); } }, sharedProps, closeIconButtonProps, { children: (0, jsx_runtime_1.jsx)(Close, (0, tslib_1.__assign)({ "data-testid": "snackbar-close", size: 10, className: { fill: '#A0A0A8' } }, sharedProps, closeProps), void 0) }), void 0))] }), void 0) }), void 0) }), void 0) }), void 0)) : null;
+};
+exports.default = Snackbar;

package/snackbar/constants.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IconProps } from '../icon';
+import { Intent } from './types';
+export declare const TRANSITION_DURATION = 1000;
+export declare const INTENT_TO_ICON: Record<Intent, React.ComponentType<IconProps>>;
+export declare const TYPE_TO_HIDE_DURATION: Record<Intent, number>;

package/snackbar/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPE_TO_HIDE_DURATION = exports.INTENT_TO_ICON = exports.TRANSITION_DURATION = void 0;
+var tslib_1 = require("tslib");
+var alert_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/alert-solid"));
+var tickCircle_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/tickCircle-solid"));
+var error_solid_1 = (0, tslib_1.__importDefault)(require("../icon/components/error-solid"));
+exports.TRANSITION_DURATION = 1000;
+exports.INTENT_TO_ICON = {
+    success: tickCircle_solid_1.default,
+    error: error_solid_1.default,
+    warning: alert_solid_1.default,
+};
+exports.TYPE_TO_HIDE_DURATION = {
+    success: 3000,
+    error: 5000,
+    warning: 5000,
+};

package/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Snackbar } from './Snackbar';
+export * from './types';

package/snackbar/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Snackbar = void 0;
+var tslib_1 = require("tslib");
+var Snackbar_1 = require("./Snackbar");
+Object.defineProperty(exports, "Snackbar", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(Snackbar_1).default; } });
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/snackbar/package.json

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

package/snackbar/styled-component.d.ts

@@ -0,0 +1,8 @@
+export declare const StyledPlacementContainer: import("../style/styled").StyledComponent;
+export declare const StyledSnackbarContainer: import("../style/styled").StyledComponent;
+export declare const StyledIconsContainer: import("../style/styled").StyledComponent;
+export declare const StyledContentContainer: import("../style/styled").StyledComponent;
+export declare const StyledMessage: import("../style/styled").StyledComponent;
+export declare const getIconStyles: (utils: any, props: any) => {
+    fill: any;
+};

package/snackbar/styled-component.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconStyles = exports.StyledMessage = exports.StyledContentContainer = exports.StyledIconsContainer = exports.StyledSnackbarContainer = exports.StyledPlacementContainer = void 0;
+var tslib_1 = require("tslib");
+var style_1 = require("../style");
+var constants_1 = require("./constants");
+var intentHelper_1 = require("../helpers/intentHelper");
+function placementRules(placement) {
+    switch (placement) {
+        case 'topLeft':
+            return {
+                alignItems: 'flex-start',
+                justifyContent: 'flex-start',
+                top: 0,
+            };
+        case 'topRight':
+            return {
+                alignItems: 'flex-end',
+                justifyContent: 'flex-start',
+                top: 0,
+            };
+        case 'top':
+            return {
+                alignItems: 'center',
+                justifyContent: 'flex-start',
+                top: 0,
+            };
+        case 'bottomLeft':
+            return {
+                alignItems: 'flex-start',
+                justifyContent: 'flex-end',
+                bottom: 0,
+            };
+        case 'bottomRight':
+            return {
+                alignItems: 'flex-end',
+                justifyContent: 'flex-end',
+                bottom: 0,
+            };
+        default:
+        case 'bottom':
+            return {
+                alignItems: 'center',
+                justifyContent: 'flex-end',
+                bottom: 0,
+            };
+    }
+}
+var topPlacements = ['top', 'topLeft', 'topRight'];
+exports.StyledPlacementContainer = (0, style_1.styled)('div', 'flex flex-col fixed right-0 left-0 mx-4 my-4 pointer-events-none', function (_a, _b) {
+    var theme = _a.theme;
+    var $placement = _b.$placement, $open = _b.$open;
+    var translateY = '0px';
+    if (!$open) {
+        translateY = topPlacements.includes($placement) ? 'calc(-100% - 50px)' : 'calc(100% + 50px)';
+    }
+    return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, placementRules($placement)), { transform: "translateY(".concat(translateY, ")"), transitionProperty: 'transform', transitionTimingFunction: 'cubic-bezier(0.23, 1, 0.32, 1)', transitionDuration: "".concat(constants_1.TRANSITION_DURATION, "ms") });
+});
+exports.StyledSnackbarContainer = (0, style_1.styled)('div', 'pointer-events-auto flex spr-shadow-01 overflow-hidden rounded-8 relative', function (_a) {
+    var px2rem = _a.px2rem;
+    return ({
+        minHeight: px2rem(80),
+        maxWidth: px2rem(432),
+        minWidth: px2rem(250),
+    });
+});
+exports.StyledIconsContainer = (0, style_1.styled)('div', 'flex items-center justify-center rounded-full', function (_a) {
+    var px2rem = _a.px2rem;
+    return ({
+        width: px2rem(30),
+        height: px2rem(30),
+    });
+});
+exports.StyledContentContainer = (0, style_1.styled)('div', 'py-6 px-8 overflow-hidden flex items-center flex-1', function (_a) {
+    var theme = _a.theme;
+    return ({
+        backgroundColor: theme.name.includes('dark') ? theme.spr.ui05 : '#212123',
+    });
+});
+exports.StyledMessage = (0, style_1.styled)('div', 'typography-bs1 ml-3 flex-1 flex items-center spr-text-05');
+var getIconStyles = function (utils, props) { return ({
+    fill: (0, intentHelper_1.intentColor)(utils, props, utils.theme.supportSuccess),
+}); };
+exports.getIconStyles = getIconStyles;

package/snackbar/types.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+import { Override } from '../overrides';
+export declare type Intent = 'success' | 'error' | 'warning';
+export declare type HideReason = 'timeout' | 'clickaway' | 'manualClose' | 'messageChange';
+export declare type Placement = 'topLeft' | 'top' | 'topRight' | 'bottomLeft' | 'bottom' | 'bottomRight';
+declare type SharedProps = {
+    $intent: Intent;
+    $hideOnClickAway: boolean;
+    $disableManualClose: boolean;
+    $autoHideDuration: number;
+    $autoHide?: boolean;
+    $placement: Placement;
+    $open: boolean;
+};
+export declare type SnackbarProps = {
+    message?: React.ReactNode;
+    intent?: Intent;
+    hideOnClickAway?: boolean;
+    disableManualClose?: boolean;
+    autoHideDuration?: number;
+    autoHide?: boolean;
+    onClose?: (reason: HideReason) => void;
+    placement?: Placement;
+    overrides?: {
+        Layer?: Override<SharedProps & Record<string, any>>;
+        PlacementContainer?: Override<SharedProps & Record<string, any>>;
+        SnackbarContainer?: Override<SharedProps & Record<string, any>>;
+        ContentContainer?: Override<SharedProps & Record<string, any>>;
+        Message?: Override<SharedProps & Record<string, any>>;
+        CloseIcon?: Override<SharedProps & Record<string, any>>;
+        CloseIconButton?: Override<SharedProps & Record<string, any>>;
+        IconsContainer?: Override<SharedProps & Record<string, any>>;
+        IntentIcon?: Override<SharedProps & Record<string, any>>;
+        SnackbarIcon?: Override<SharedProps & Record<string, any>>;
+    };
+};
+export {};

package/snackbar/types.js

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

package/snackbar/useSnackbar.d.ts

@@ -0,0 +1,24 @@
+import { MutableRefObject, ReactNode } from 'react';
+import { HideReason, Intent } from './types';
+declare type UseSnackbarParams = {
+    autoHide: boolean;
+    autoHideDuration: number;
+    hideOnClickAway: boolean;
+    intent: Intent;
+    message?: React.ReactNode;
+    onClose?: (reason: HideReason) => void;
+};
+declare type UseSnackbarReturnValue = {
+    open: boolean;
+    shouldRender: boolean;
+    handleClose: (reason: HideReason) => void;
+    snackbarContainerRef: MutableRefObject<HTMLElement | null>;
+    snackbarContainerProps: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+    };
+    message: ReactNode;
+    intent: Intent;
+};
+declare const useSnackbar: ({ autoHide, autoHideDuration, hideOnClickAway, intent: nextIntent, message: nextMessage, onClose, }: UseSnackbarParams) => UseSnackbarReturnValue;
+export default useSnackbar;

package/snackbar/useSnackbar.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useUpdateEffect_1 = (0, tslib_1.__importDefault)(require("../hooks/useUpdateEffect"));
+var constants_1 = require("./constants");
+var useHideOnClickAway = function (_a) {
+    var open = _a.open, hideOnClickAway = _a.hideOnClickAway, handleClose = _a.handleClose;
+    var snackbarContainerRef = (0, react_1.useRef)(null);
+    var handleDocumentClick = (0, react_1.useCallback)(function (event) {
+        var _a;
+        if (open && hideOnClickAway) {
+            if (!((_a = snackbarContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                handleClose('clickaway');
+            }
+        }
+    }, [open, hideOnClickAway]);
+    (0, react_1.useEffect)(function () {
+        document.addEventListener('click', handleDocumentClick);
+        return function () { return document.removeEventListener('click', handleDocumentClick); };
+    }, [handleDocumentClick]);
+    return snackbarContainerRef;
+};
+var useAutoHide = function (_a) {
+    var open = _a.open, autoHide = _a.autoHide, autoHideDuration = _a.autoHideDuration, handleClose = _a.handleClose, autoHideTimeoutRef = _a.autoHideTimeoutRef;
+    (0, react_1.useEffect)(function () {
+        if (open && autoHide && autoHideDuration > 0) {
+            autoHideTimeoutRef.current = window.setTimeout(function () { return handleClose('timeout'); }, autoHideDuration);
+            return function () { return window.clearTimeout(autoHideTimeoutRef.current); };
+        }
+        return undefined;
+    }, [open, autoHide, autoHideDuration]);
+};
+var useDomVisibility = function (_a) {
+    var message = _a.message, open = _a.open, enter = _a.enter, handleClose = _a.handleClose, intent = _a.intent;
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(false), 2), domVisibility = _b[0], setDomVisibility = _b[1];
+    // handle exit, enter on message change
+    (0, react_1.useEffect)(function () {
+        if (!message)
+            return undefined;
+        // enter new snackbar immediately if none is opened already else wait for exit transition to finish.
+        var timeoutId = window.setTimeout(enter, open ? constants_1.TRANSITION_DURATION : 0);
+        setDomVisibility(true);
+        // exit previously opened snackbar
+        open && handleClose('messageChange');
+        return function () { return window.clearTimeout(timeoutId); };
+    }, [message, intent]);
+    // remove from DOM, once transition is over
+    (0, useUpdateEffect_1.default)(function () {
+        if (open)
+            return undefined;
+        var timeoutId = window.setTimeout(function () { return setDomVisibility(false); }, constants_1.TRANSITION_DURATION);
+        return function () {
+            window.clearTimeout(timeoutId);
+        };
+    }, [open]);
+    return domVisibility;
+};
+var useSnackbar = function (_a) {
+    var autoHide = _a.autoHide, autoHideDuration = _a.autoHideDuration, hideOnClickAway = _a.hideOnClickAway, nextIntent = _a.intent, nextMessage = _a.message, onClose = _a.onClose;
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(false), 2), open = _b[0], setOpen = _b[1];
+    var _c = (0, tslib_1.__read)((0, react_1.useState)({ intent: nextIntent, message: nextMessage }), 2), snackbarContent = _c[0], setSnackbarContent = _c[1];
+    var autoHideTimeoutRef = (0, react_1.useRef)();
+    var handleClose = function (reason) {
+        setOpen(false);
+        window.clearTimeout(autoHideTimeoutRef.current);
+        onClose === null || onClose === void 0 ? void 0 : onClose(reason);
+    };
+    var enter = function () {
+        // set the intent and message to be rendered in the Snackbar which we are entering
+        setSnackbarContent({ intent: nextIntent, message: nextMessage });
+        setOpen(true);
+    };
+    useAutoHide({ open: open, handleClose: handleClose, autoHideTimeoutRef: autoHideTimeoutRef, autoHideDuration: autoHideDuration, autoHide: autoHide });
+    var snackbarContainerRef = useHideOnClickAway({ hideOnClickAway: hideOnClickAway, handleClose: handleClose, open: open });
+    var shouldRender = useDomVisibility({ handleClose: handleClose, open: open, intent: nextIntent, message: nextMessage, enter: enter });
+    var handleMouseEnter = function () {
+        window.clearTimeout(autoHideTimeoutRef.current);
+    };
+    var handleMouseLeave = function () {
+        if (open && autoHide && autoHideDuration > 0) {
+            window.clearTimeout(autoHideTimeoutRef.current);
+            autoHideTimeoutRef.current = window.setTimeout(function () { return handleClose('timeout'); }, autoHideDuration);
+        }
+    };
+    return (0, tslib_1.__assign)({ open: open, shouldRender: shouldRender, handleClose: handleClose, snackbarContainerRef: snackbarContainerRef, snackbarContainerProps: {
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+        } }, snackbarContent);
+};
+exports.default = useSnackbar;

package/spaceConsumer/SpaceConsumer.d.ts

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

package/spaceConsumer/SpaceConsumer.js

@@ -0,0 +1,12 @@
+"use strict";
+/**
+ * @author Ivan Torres
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var useStyle_1 = (0, tslib_1.__importDefault)(require("../style/useStyle"));
+var SpaceStyleConsumer = function (_a) {
+    var children = _a.children;
+    return children((0, useStyle_1.default)());
+};
+exports.default = SpaceStyleConsumer;

package/spaceConsumer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SpaceConsumer';

package/spaceConsumer/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var SpaceConsumer_1 = require("./SpaceConsumer");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(SpaceConsumer_1).default; } });

package/spaceConsumer/package.json

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

package/spacewebProvider/CustomBaseProvider.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { Theme } from 'baseui/theme';
+import { Direction } from '@sprinklrjs/spaceweb-themes/types';
+import { Override } from '../overrides';
+declare const CustomBaseProvider: (props: {
+    theme: Theme & {
+        direction: Direction;
+    };
+    children: React.ReactElement;
+    overrides?: {
+        AppContainer?: Override<any>;
+        LayersContainer?: Override<any>;
+    };
+    zIndex?: number;
+}) => ReactElement;
+export default CustomBaseProvider;

package/spacewebProvider/CustomBaseProvider.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
+var React = (0, tslib_1.__importStar)(require("react"));
+var baseui_1 = require("baseui");
+baseui_1.BaseProvider.displayName = 'BaseUIProvider';
+// NOTE: Reason https://baseweb.design/components/layer/#layersmanager
+var BaseProviderOverrides = {
+    AppContainer: { props: { 'data-testid': 'spaceweb-app-container' }, style: { height: '100%' } },
+    // Spaceweb has its own LayersContainer, no need to render Baseweb's container.
+    LayersContainer: React.forwardRef(function () { return null; }),
+};
+var CustomBaseProvider = function (props) { return ((0, jsx_runtime_1.jsx)(baseui_1.BaseProvider, (0, tslib_1.__assign)({}, props, { overrides: (0, useConvertOverrides_1.useConvertOverrides)(BaseProviderOverrides, props.overrides, [props.overrides]) }), void 0)); };
+exports.default = CustomBaseProvider;

package/spacewebProvider/DocumentProvider.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren, ReactElement } from 'react';
+export declare const DocumentContext: import("react").Context<Document | undefined>;
+export declare const DocumentProvider: {
+    (props: PropsWithChildren<{
+        value?: Document;
+    }>): ReactElement;
+    displayName: string;
+};
+export declare const useDocument: () => Document | undefined;

package/spacewebProvider/DocumentProvider.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDocument = exports.DocumentProvider = exports.DocumentContext = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var utils_1 = require("./utils");
+exports.DocumentContext = (0, react_1.createContext)(utils_1.isServer ? undefined : document);
+exports.DocumentContext.displayName = 'DocumentContext';
+var DocumentProvider = function (props) {
+    var documentValue = (0, react_1.useMemo)(function () {
+        if (!utils_1.isServer) {
+            return props.value || document;
+        }
+        return undefined;
+    }, []);
+    return (0, jsx_runtime_1.jsx)(exports.DocumentContext.Provider, (0, tslib_1.__assign)({ value: documentValue }, { children: props.children }), void 0);
+};
+exports.DocumentProvider = DocumentProvider;
+exports.DocumentProvider.displayName = 'DocumentProvider';
+var useDocument = function () { return (0, react_1.useContext)(exports.DocumentContext); };
+exports.useDocument = useDocument;

package/spacewebProvider/SpacewebProvider.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement, ReactNode } from 'react';
+import * as React from 'react';
+import { StandardEngine } from 'styletron-react';
+import { Direction, ThemeModule } from '@sprinklrjs/spaceweb-themes/types';
+import { Override } from '../overrides';
+import { LocaleProvider } from '../locale';
+export declare type Props = {
+    children: ReactNode;
+    debug?: boolean;
+    direction?: Direction;
+    styleEngine?: StandardEngine;
+    layersZIndex?: number;
+    overrides?: {
+        AppContainer?: Override<Record<string, any>>;
+        LayersContainer?: Override<Record<string, any>>;
+    };
+    theme: ThemeModule;
+    locale?: React.ComponentProps<typeof LocaleProvider>['locale'];
+    ownerDocument?: Document;
+};
+declare function SpacewebProviderWithDoc({ ownerDocument, children, ...rest }: Props): ReactElement;
+export default SpacewebProviderWithDoc;