@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/helpers/commonStyles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFocusVisibleStyles = exports.getOutlineStyles = exports.transparentScrollbarStyles = exports.chevronStyles = void 0;
+exports.accessibilityStyles = exports.getFocusVisibleStyles = exports.getOutlineStyles = exports.transparentScrollbarStyles = exports.chevronStyles = void 0;
 var tslib_1 = require("tslib");
 var longHandHelpers_1 = require("./longHandHelpers");
 var chevronStyles = function (_a, _b) {
@@ -49,3 +49,16 @@ var getFocusVisibleStyles = function (utils, props) {
     });
 };
 exports.getFocusVisibleStyles = getFocusVisibleStyles;
+exports.accessibilityStyles = {
+    position: 'fixed',
+    width: '0px',
+    height: '0px',
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    borderTopWidth: 0,
+    borderBottomWidth: 0,
+    padding: 0,
+    overflow: 'hidden',
+    clip: 'rect(0, 0, 0, 0)',
+    clipPath: 'inset(100%)',
+};

package/helpers/styletron.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated use spaceweb/styled
- */
-export declare const styled: {
-    <C extends keyof JSX.IntrinsicElements | import("react").ComponentType<any>, P extends {}, Theme = ThemeT>(component: C, style: import("styletron-standard").StyleObject | ((props: Omit<P, "$theme"> & {
-        $theme: Theme;
-    }) => import("styletron-standard").StyleObject)): import("styletron-react").StyletronComponent<C, P>;
-    <C_1 extends keyof JSX.IntrinsicElements | import("react").ComponentType<any>>(component: C_1, style: import("styletron-standard").StyleObject): import("styletron-react").StyletronComponent<C_1, {}>;
-};
-/**
- * @deprecated
- */
-export declare const withStyle: {
-    <C extends import("styletron-react").StyletronComponent<any, any>, P extends {}, Theme = ThemeT>(component: C, style: import("styletron-standard").StyleObject | ((props: Omit<P, "$theme"> & {
-        $theme: Theme;
-    } & (C extends import("styletron-react").StyletronComponent<infer CC, infer PP> ? PP : never)) => import("styletron-standard").StyleObject)): C extends import("styletron-react").StyletronComponent<infer CC_1, infer PP_1> ? import("styletron-react").StyletronComponent<CC_1, P & PP_1> : never;
-    <C_1 extends import("styletron-react").StyletronComponent<any, any>>(component: C_1, style: import("styletron-standard").StyleObject): C_1;
-};
-/**
- * @deprecated use spaceweb/useStyle
- */
-export declare const useStyletron: () => [(a: import("styletron-standard").StyleObject) => string, ThemeT];

package/helpers/styletron.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyletron = exports.withStyle = exports.styled = void 0;
-var baseui_1 = require("baseui");
-/**
- * @deprecated use spaceweb/styled
- */
-exports.styled = (0, baseui_1.createThemedStyled)(); // remove once spaceweb/styled provides props to style callback
-/**
- * @deprecated
- */
-exports.withStyle = (0, baseui_1.createThemedWithStyle)();
-/**
- * @deprecated use spaceweb/useStyle
- */
-exports.useStyletron = (0, baseui_1.createThemedUseStyletron)();

package/hooks/useFocusVisible.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusVisible = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var focusVisible_1 = require("baseui/utils/focusVisible");
+var focusVisible_1 = require("../baseui/utils/focusVisible");
 var useCombinedHandler_1 = (0, tslib_1.__importDefault)(require("./useCombinedHandler"));
 var useFocusVisible = function (props) {
     var _a = (0, tslib_1.__read)((0, react_1.useState)(false), 2), $isFocusVisible = _a[0], setIsFocusVisible = _a[1];

package/hooks/useHasMounted.d.ts

@@ -0,0 +1,2 @@
+declare const useHasMounted: () => boolean;
+export { useHasMounted };

package/hooks/useHasMounted.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHasMounted = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useTransitionState_1 = require("./useTransitionState");
+var useHasMounted = function () {
+    var _a = (0, tslib_1.__read)((0, useTransitionState_1.useTransitionState)(false), 2), hasMounted = _a[0], setHasMounted = _a[1];
+    (0, react_1.useEffect)(function () {
+        setHasMounted(true);
+    }, [setHasMounted]);
+    return hasMounted;
+};
+exports.useHasMounted = useHasMounted;

package/hooks/usePreferredReducedMotion.d.ts

@@ -0,0 +1,2 @@
+declare const usePreferredReducedMotion: () => boolean;
+export default usePreferredReducedMotion;

package/hooks/usePreferredReducedMotion.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var usePreferredReducedMotion = function () {
+    return (0, react_1.useMemo)(function () {
+        return typeof window !== 'undefined' &&
+            'matchMedia' in window &&
+            window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }, []);
+};
+exports.default = usePreferredReducedMotion;

package/hooks/useTransitionState.d.ts

@@ -0,0 +1,4 @@
+import { useState } from 'react';
+declare type UseTransitionState = typeof useState;
+export declare const useTransitionState: UseTransitionState;
+export {};

package/hooks/useTransitionState.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTransitionState = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+// eslint-disable-next-line arrow-parens
+var useTransitionState = function () {
+    var params = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        params[_i] = arguments[_i];
+    }
+    var _a = (0, tslib_1.__read)(react_1.useState.apply(void 0, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(params), false)), 2), state = _a[0], setState = _a[1];
+    var setTransitionSet = (0, react_1.useCallback)(function (val) {
+        if (react_1.startTransition) {
+            (0, react_1.startTransition)(function () {
+                setState(val);
+            });
+        }
+        else {
+            setState(val);
+        }
+    }, []);
+    return [state, setTransitionSet];
+};
+exports.useTransitionState = useTransitionState;

package/hooks/useUniqueId.d.ts

@@ -1,3 +1,6 @@
+import * as React from 'react';
 declare const useUniqueId: () => string;
-export declare const getUniqueId: () => string;
+export declare const UniqueIdConsumer: ({ children }: {
+    children: (id: string) => React.ReactElement;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export default useUniqueId;

package/hooks/useUniqueId.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getUniqueId = void 0;
+exports.UniqueIdConsumer = void 0;
 var tslib_1 = require("tslib");
-var uniqueId_1 = (0, tslib_1.__importDefault)(require("lodash/uniqueId"));
-var react_1 = require("react");
-var PREFIX = 'sw-id--';
-var useUniqueId = function () { return (0, react_1.useMemo)(function () { return (0, uniqueId_1.default)(PREFIX); }, []); };
-var getUniqueId = function () { return (0, uniqueId_1.default)(PREFIX); };
-exports.getUniqueId = getUniqueId;
+var react_uid_1 = require("react-uid");
+var React = (0, tslib_1.__importStar)(require("react"));
+var useUniqueId = React.useId ? function () { return React.useId(); } : function () { return (0, react_uid_1.useUID)(); };
+var UniqueIdConsumer = function (_a) {
+    var children = _a.children;
+    return children(useUniqueId());
+};
+exports.UniqueIdConsumer = UniqueIdConsumer;
 exports.default = useUniqueId;

package/icon/components/noPreview.d.ts

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

package/icon/components/noPreview.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var style_1 = require("../../style");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function NoPreview(props) {
+    var _a = (0, style_1.useStyle)(), theme = _a.theme, isRTL = _a.isRTL;
+    return ((0, jsx_runtime_1.jsx)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "NoPreview" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M7 3.67a3.143 3.143 0 013.03 4.11l1.946 1.947A7.51 7.51 0 0014 6.845 7.533 7.533 0 004.684 2.44l1.38 1.381A3.271 3.271 0 017 3.669zM1.088 1.543a.634.634 0 000 .897l1.254 1.254A7.568 7.568 0 000 6.85a7.509 7.509 0 009.743 4.251l1.73 1.73a.634.634 0 00.898-.896L1.99 1.544a.641.641 0 00-.903 0zM7 10.033A3.183 3.183 0 013.818 6.85a3.125 3.125 0 01.312-1.36l1 1a2.185 2.185 0 00-.04.362A1.907 1.907 0 007 8.761a1.715 1.715 0 00.363-.045l.999.999A3.063 3.063 0 017 10.033zM8.89 6.64a1.89 1.89 0 00-1.68-1.68z" }, void 0) }), void 0));
+}
+exports.default = NoPreview;

package/icon/components/overview.d.ts

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

package/icon/components/overview.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var style_1 = require("../../style");
+var icon_1 = (0, tslib_1.__importDefault)(require("../icon"));
+function Overview(props) {
+    var _a = (0, style_1.useStyle)(), theme = _a.theme, isRTL = _a.isRTL;
+    return ((0, jsx_runtime_1.jsxs)(icon_1.default, (0, tslib_1.__assign)({ viewBox: "0 0 14 14", "data-icon-name": "Overview" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M7 4.955a1.91 1.91 0 101.91 1.91A1.907 1.907 0 007 4.954z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M7 2.092a7.526 7.526 0 00-7 4.772 7.52 7.52 0 0014 0 7.526 7.526 0 00-7-4.772zm0 7.954a3.182 3.182 0 113.182-3.182A3.183 3.183 0 017 10.046z" }, void 0)] }), void 0));
+}
+exports.default = Overview;

package/icon/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SVG_ICON_INTENTS: {
+    DEFAULT: string;
+    AI: string;
+};

package/icon/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SVG_ICON_INTENTS = void 0;
+exports.SVG_ICON_INTENTS = {
+    DEFAULT: 'default',
+    AI: 'ai',
+};

package/icon/icon.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IconProps } from './types';
-declare const Icon: import("react").ForwardRefExoticComponent<Pick<IconProps, string> & import("react").RefAttributes<HTMLElement>>;
+declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
 export default Icon;

package/icon/icon.js

@@ -4,12 +4,13 @@ var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var styled_components_1 = require("./styled-components");
+var constants_1 = require("./constants");
 var Icon = (0, react_1.forwardRef)(function (props, ref) {
-    var children = props.children, title = props.title, size = props.size, restProps = (0, tslib_1.__rest)(props, ["children", "title", "size"]);
+    var children = props.children, intent = props.intent, title = props.title, size = props.size, className = props.className, restProps = (0, tslib_1.__rest)(props, ["children", "intent", "title", "size", "className"]);
     var sharedProps = {
         $size: size,
     };
-    return ((0, jsx_runtime_1.jsxs)(styled_components_1.StyledSvg, (0, tslib_1.__assign)({ "data-spaceweb": "icon", ref: ref }, sharedProps, restProps, { children: [title ? (0, jsx_runtime_1.jsx)("title", { children: title }, void 0) : null, children] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)(styled_components_1.StyledSvg, (0, tslib_1.__assign)({ className: [intent === constants_1.SVG_ICON_INTENTS.AI ? { fill: 'url(#aiGradientID)' } : '', className], "data-spaceweb": "icon", ref: ref }, sharedProps, restProps, { children: [title ? (0, jsx_runtime_1.jsx)("title", { children: title }, void 0) : null, children] }), void 0));
 });
 Icon.defaultProps = {
     size: 12,

package/icon/types.d.ts

@@ -1,10 +1,13 @@
 import * as React from 'react';
 import { SpacewebComponentProps } from '../types';
+import { SVG_ICON_INTENTS } from './constants';
 export declare type Size = number;
+export declare type IntentType = (typeof SVG_ICON_INTENTS)[keyof typeof SVG_ICON_INTENTS];
 export declare type IconProps = SpacewebComponentProps<React.SVGAttributes<SVGSVGElement>> & {
     /** Size of element, will be passed to the svg width/height style. Can also be a value included in */
     size?: Size;
     /** Allows you to set the SVG `<title>` label, which is used for accessibility */
     title?: string;
+    intent?: IntentType;
     ref?: React.Ref<HTMLElement>;
 } & Record<string, any>;

package/input/InputContainer.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+import { ClassName } from '../types';
+import { FocusPosition, SharedProps } from './types';
+import { Override } from '../overrides';
+export declare const InputContainer: ({ autoFocus, children, overrides, className, }: {
+    autoFocus?: FocusPosition | undefined;
+    children: ReactNode;
+    overrides?: {
+        Root: Override<SharedProps>;
+    } | undefined;
+    className?: ClassName;
+} & Partial<SharedProps>) => ReactElement;

package/input/InputContainer.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputContainer = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var box_1 = require("../box");
+var overrides_1 = require("../overrides");
+var styled_components_1 = require("./styled-components");
+var InputContainer = function (_a) {
+    var autoFocus = _a.autoFocus, children = _a.children, overrides = _a.overrides, className = _a.className;
+    var _b = (0, tslib_1.__read)((0, react_1.useState)(autoFocus !== null && autoFocus !== void 0 ? autoFocus : false), 2), isFocused = _b[0], setIsFocused = _b[1];
+    var _c = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Root, box_1.Box), 2), Root = _c[0], rootProps = _c[1];
+    var handleFocus = (0, react_1.useCallback)(function () {
+        setIsFocused(true);
+    }, []);
+    var handleBlur = (0, react_1.useCallback)(function () {
+        setIsFocused(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ className: [styled_components_1.getInputContainerStyles, className], onFocus: handleFocus, onBlur: handleBlur, "$isFocused": isFocused }, rootProps, { children: children }), void 0));
+};
+exports.InputContainer = InputContainer;

package/input/basewebAdapters.d.ts

@@ -1,7 +1,7 @@
 import { InputProps, StatefulInputProps } from './types';
-import { BaseInputOverrides } from 'baseui/input';
+import { BaseInputOverrides } from '../baseui/input';
 declare type AdapterProps = Omit<InputProps | StatefulInputProps, 'autoFocus'>;
-declare const useInputBasewebAdapter: (props: AdapterProps) => Omit<AdapterProps, "size" | "style" | "className" | "overrides" | "variant" | "intent"> & {
+declare const useInputBasewebAdapter: (props: AdapterProps) => Omit<AdapterProps, "size" | "style" | "className" | "overrides" | "intent" | "variant"> & {
     overrides?: BaseInputOverrides | undefined;
 };
 export default useInputBasewebAdapter;

package/input/basewebAdapters.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var helpers_1 = require("../helpers");
 var longHandHelpers_1 = require("../helpers/longHandHelpers");
 var styled_components_1 = require("./styled-components");
@@ -11,52 +10,56 @@ var useDebouncedEventHandler_1 = require("../hooks/useDebouncedEventHandler");
 var noop_1 = (0, tslib_1.__importDefault)(require("lodash/noop"));
 var style_1 = require("../style");
 var themeHelpers_1 = require("../helpers/themeHelpers");
+var overrides_1 = require("../overrides");
+var react_1 = require("react");
 var useInputBasewebAdapter = function (props) {
     var _a = (0, context_1.useContextualFormProps)(props), _size = _a.size, variant = _a.variant, className = _a.className, style = _a.style, intent = _a.intent, overrides = _a.overrides, onChange = _a.onChange, debouncedOnChange = _a.debouncedOnChange, debounceInterval = _a.debounceInterval, restProps = (0, tslib_1.__rest)(_a, ["size", "variant", "className", "style", "intent", "overrides", "onChange", "debouncedOnChange", "debounceInterval"]);
     var theme = (0, style_1.useStyle)().theme;
     var size = _size !== null && _size !== void 0 ? _size : (0, themeHelpers_1.getDefaultSize)(theme);
     var handleChange = (0, useDebouncedEventHandler_1.useDebouncedEventHandler)(debouncedOnChange !== null && debouncedOnChange !== void 0 ? debouncedOnChange : noop_1.default, onChange, debounceInterval || 200);
-    var sharedProps = (0, helpers_1.add$props)({ size: size, variant: variant, intent: intent });
-    var convertedOverrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        Root: {
-            style: [
-                (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ backgroundColor: 'transparent' }, (0, longHandHelpers_1.borderStyle)('none')), (0, longHandHelpers_1.padding)(0)), (0, longHandHelpers_1.borderRadius)(0)),
-                className,
-                style,
-            ],
-            props: sharedProps,
-        },
-        InputContainer: {
-            style: styled_components_1.getInputContainerStyles,
-            props: sharedProps,
-        },
-        Input: {
-            style: [
-                styled_components_1.getInputStyles,
-                (0, longHandHelpers_1.borderRadius)('inherit'),
-                // To remove the spin buttons on input field with type number
-                props.type === 'number'
-                    ? {
-                        '::-webkit-inner-spin-button': { '-webkit-appearance': 'none' },
-                        '::-webkit-outer-spin-button': { '-webkit-appearance': 'none' },
-                        '-moz-appearance': 'textfield',
-                    }
-                    : {},
-            ],
-            props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), { 'aria-required': restProps['aria-required'] }),
-        },
-        StartEnhancer: {
-            style: styled_components_1.getEnhancerStyles,
-            props: (0, helpers_1.add$props)({ isStart: true, intent: intent, variant: variant }),
-        },
-        EndEnhancer: {
-            style: styled_components_1.getEnhancerStyles,
-            props: (0, helpers_1.add$props)({ isStart: false, intent: intent, variant: variant }),
-        },
-        ClearIcon: {
-            component: ClearIconButton_1.default,
-        },
-    }, overrides, [overrides, className, style, size, variant, intent, handleChange]);
+    var sharedProps = (0, react_1.useMemo)(function () { return (0, helpers_1.add$props)({ size: size, variant: variant, intent: intent }); }, [intent, size, variant]);
+    var convertedOverrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Root: {
+                style: [
+                    (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ backgroundColor: 'transparent' }, (0, longHandHelpers_1.borderStyle)('none')), (0, longHandHelpers_1.padding)(0)), (0, longHandHelpers_1.borderRadius)(0)),
+                    className,
+                    style,
+                ],
+                props: sharedProps,
+            },
+            InputContainer: {
+                style: styled_components_1.getInputContainerStyles,
+                props: sharedProps,
+            },
+            Input: {
+                style: [
+                    styled_components_1.getInputStyles,
+                    (0, longHandHelpers_1.borderRadius)('inherit'),
+                    // To remove the spin buttons on input field with type number
+                    props.type === 'number'
+                        ? {
+                            '::-webkit-inner-spin-button': { '-webkit-appearance': 'none' },
+                            '::-webkit-outer-spin-button': { '-webkit-appearance': 'none' },
+                            '-moz-appearance': 'textfield',
+                        }
+                        : {},
+                ],
+                props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), { 'aria-required': restProps['aria-required'] }),
+            },
+            StartEnhancer: {
+                style: styled_components_1.getEnhancerStyles,
+                props: (0, helpers_1.add$props)({ isStart: true, intent: intent, variant: variant }),
+            },
+            EndEnhancer: {
+                style: styled_components_1.getEnhancerStyles,
+                props: (0, helpers_1.add$props)({ isStart: false, intent: intent, variant: variant }),
+            },
+            ClearIcon: {
+                component: ClearIconButton_1.default,
+            },
+        }, overrides);
+    }, [className, style, sharedProps, props.type, restProps['aria-required'], intent, variant, overrides]);
     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { onChange: handleChange, overrides: convertedOverrides });
 };
 exports.default = useInputBasewebAdapter;

package/input/index.d.ts

@@ -1,5 +1,6 @@
-export { StatefulContainer, StyledRoot, StyledInputEnhancer, StyledStartEnhancer, StyledEndEnhancer, StyledInputContainer, StyledInput, STATE_CHANGE_TYPE, ADJOINED, CUSTOM_INPUT_TYPE, } from 'baseui/input';
-export type { BaseInput, BaseInputOverrides, BaseInputProps, State, InternalState, StatefulContainerProps, } from 'baseui/input';
-export { ENHANCER_POSITION } from 'baseui/input/constants';
+export { StatefulContainer, StyledRoot, StyledInputEnhancer, StyledStartEnhancer, StyledEndEnhancer, StyledInputContainer, StyledInput, STATE_CHANGE_TYPE, ADJOINED, CUSTOM_INPUT_TYPE, } from '../baseui/input';
+export type { BaseInput, BaseInputOverrides, BaseInputProps, State, InternalState, StatefulContainerProps, } from '../baseui/input';
+export { ENHANCER_POSITION } from '../baseui/input/constants';
 export { Input, StatefulInput, MaskedInput } from './input';
 export * from './types';
+export { InputContainer } from './InputContainer';

package/input/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaskedInput = exports.StatefulInput = exports.Input = exports.ENHANCER_POSITION = exports.CUSTOM_INPUT_TYPE = exports.ADJOINED = exports.STATE_CHANGE_TYPE = exports.StyledInput = exports.StyledInputContainer = exports.StyledEndEnhancer = exports.StyledStartEnhancer = exports.StyledInputEnhancer = exports.StyledRoot = exports.StatefulContainer = void 0;
+exports.InputContainer = exports.MaskedInput = exports.StatefulInput = exports.Input = exports.ENHANCER_POSITION = exports.CUSTOM_INPUT_TYPE = exports.ADJOINED = exports.STATE_CHANGE_TYPE = exports.StyledInput = exports.StyledInputContainer = exports.StyledEndEnhancer = exports.StyledStartEnhancer = exports.StyledInputEnhancer = exports.StyledRoot = exports.StatefulContainer = void 0;
 var tslib_1 = require("tslib");
-var input_1 = require("baseui/input");
+var input_1 = require("../baseui/input");
 Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return input_1.StatefulContainer; } });
 Object.defineProperty(exports, "StyledRoot", { enumerable: true, get: function () { return input_1.StyledRoot; } });
 Object.defineProperty(exports, "StyledInputEnhancer", { enumerable: true, get: function () { return input_1.StyledInputEnhancer; } });
@@ -13,10 +13,12 @@ Object.defineProperty(exports, "StyledInput", { enumerable: true, get: function
 Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return input_1.STATE_CHANGE_TYPE; } });
 Object.defineProperty(exports, "ADJOINED", { enumerable: true, get: function () { return input_1.ADJOINED; } });
 Object.defineProperty(exports, "CUSTOM_INPUT_TYPE", { enumerable: true, get: function () { return input_1.CUSTOM_INPUT_TYPE; } });
-var constants_1 = require("baseui/input/constants");
+var constants_1 = require("../baseui/input/constants");
 Object.defineProperty(exports, "ENHANCER_POSITION", { enumerable: true, get: function () { return constants_1.ENHANCER_POSITION; } });
 var input_2 = require("./input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_2.Input; } });
 Object.defineProperty(exports, "StatefulInput", { enumerable: true, get: function () { return input_2.StatefulInput; } });
 Object.defineProperty(exports, "MaskedInput", { enumerable: true, get: function () { return input_2.MaskedInput; } });
 (0, tslib_1.__exportStar)(require("./types"), exports);
+var InputContainer_1 = require("./InputContainer");
+Object.defineProperty(exports, "InputContainer", { enumerable: true, get: function () { return InputContainer_1.InputContainer; } });

package/input/input.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskedInput = exports.StatefulInput = exports.Input = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var input_1 = require("baseui/input");
+var input_1 = require("../baseui/input");
 var basewebAdapters_1 = (0, tslib_1.__importDefault)(require("./basewebAdapters"));
 var useAutoFocus_1 = (0, tslib_1.__importDefault)(require("../hooks/useAutoFocus"));
 // @ts-ignore

package/input/styled-components.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputStyles = exports.getPlaceholderTypography = exports.getEnhancerStyles = exports.getInputContainerStyles = void 0;
 var tslib_1 = require("tslib");
-var input_1 = require("baseui/input");
+var input_1 = require("../baseui/input");
 var themeHelpers_1 = require("../helpers/themeHelpers");
 var longHandHelpers_1 = require("../helpers/longHandHelpers");
 var intentHelper_1 = require("../helpers/intentHelper");

package/input/types.d.ts

@@ -1,5 +1,5 @@
 import { Ref, ChangeEvent } from 'react';
-import { InputProps as BaseInputProps, StatefulInputProps as BaseStatefulInputProps, SharedProps as BaseSharedProps, InputOverrides as BaseUIInputOverrides } from 'baseui/input';
+import { InputProps as BaseInputProps, StatefulInputProps as BaseStatefulInputProps, SharedProps as BaseSharedProps, InputOverrides as BaseUIInputOverrides } from '../baseui/input';
 import { SpacewebComponentProps, Intent } from '../types';
 import { Override } from '../overrides';
 /**

package/layer/LayersManager.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var layer_1 = require("baseui/layer");
+var layer_1 = require("../baseui/layer");
 var react_1 = require("react");
 var DocumentProvider_1 = require("../spacewebProvider/DocumentProvider");
 var constants_1 = require("./constants");
@@ -17,6 +17,8 @@ var LayersManager = function (_a) {
         var _a, _b;
         return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, ctxValue), { host: (_a = hostToOverride !== null && hostToOverride !== void 0 ? hostToOverride : ctxValue.host) !== null && _a !== void 0 ? _a : defaultHostContainer, zIndex: (_b = zIndexToOverride !== null && zIndexToOverride !== void 0 ? zIndexToOverride : ctxValue.zIndex) !== null && _b !== void 0 ? _b : constants_1.LAYERS_DEFAULT_ZINDEX }));
     }, [ctxValue, hostToOverride, zIndexToOverride, defaultHostContainer]);
+    // TODO :- To remove this ts error
+    // @ts-ignore
     return (0, jsx_runtime_1.jsx)(layer_1.LayersContext.Provider, (0, tslib_1.__assign)({ value: value }, { children: children }), void 0);
 };
 exports.default = LayersManager;

package/layer/useLayersContextValue.d.ts

@@ -1,3 +1,3 @@
-import { LayersContext } from 'baseui/layer';
+import { LayersContext } from '../baseui/layer';
 declare const useLayersContextValue: () => React.ContextType<typeof LayersContext>;
 export default useLayersContextValue;

package/layer/useLayersContextValue.js

@@ -2,17 +2,38 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var layer_1 = require("baseui/layer");
+var layer_1 = require("../baseui/layer");
 var DocumentProvider_1 = require("../spacewebProvider/DocumentProvider");
 var handlersInitialized = false;
 var docClickHandlers = [];
 var escapeKeyHandlers = [];
+var keyUpHandlers = [];
+var keyDownHandlers = [];
+var keyPressHandlers = [];
 var addEscapeHandler = function (escapeKeyHandler) {
     escapeKeyHandlers.push(escapeKeyHandler);
 };
 var removeEscapeHandler = function (escapeKeyHandler) {
     escapeKeyHandlers = escapeKeyHandlers.filter(function (handler) { return handler !== escapeKeyHandler; });
 };
+var addKeyUpHandler = function (keyUpHandler) {
+    keyUpHandlers.push(keyUpHandler);
+};
+var removeKeyUpHandler = function (keyUpHandler) {
+    keyUpHandlers = keyUpHandlers.filter(function (handler) { return handler !== keyUpHandler; });
+};
+var addKeyDownHandler = function (keyDownHandler) {
+    keyDownHandlers.push(keyDownHandler);
+};
+var removeKeyDownHandler = function (keyDownHandler) {
+    keyDownHandlers = keyDownHandlers.filter(function (handler) { return handler !== keyDownHandler; });
+};
+var addKeyPressHandler = function (keyPressHandler) {
+    keyPressHandlers.push(keyPressHandler);
+};
+var removeKeyPressHandler = function (keyPressHandler) {
+    keyPressHandlers = keyPressHandlers.filter(function (handler) { return handler !== keyPressHandler; });
+};
 var addDocClickHandler = function (docClickHandler) {
     docClickHandlers.push(docClickHandler);
 };
@@ -23,6 +44,9 @@ var resetHandlers = function () {
     handlersInitialized = false;
     docClickHandlers = [];
     escapeKeyHandlers = [];
+    keyUpHandlers = [];
+    keyPressHandlers = [];
+    keyDownHandlers = [];
 };
 var useLayersContextValue = function () {
     var ctxValue = (0, react_1.useContext)(layer_1.LayersContext);
@@ -37,21 +61,42 @@ var useLayersContextValue = function () {
                 escapeKeyHandler(event);
             }
         }
+        var keyUpKeyHandler = keyUpHandlers[keyUpHandlers.length - 1];
+        if (keyUpKeyHandler) {
+            keyUpKeyHandler(event);
+        }
+    }, []);
+    var onKeyPress = (0, react_1.useCallback)(function (event) {
+        var keyPressHandler = keyPressHandlers[keyPressHandlers.length - 1];
+        if (keyPressHandler) {
+            keyPressHandler(event);
+        }
+    }, []);
+    var onKeyDown = (0, react_1.useCallback)(function (event) {
+        var keyDownHandler = keyDownHandlers[keyDownHandlers.length - 1];
+        if (keyDownHandler) {
+            keyDownHandler(event);
+        }
     }, []);
     (0, react_1.useEffect)(function () {
         if (handlersInitialized)
             return undefined;
         doc === null || doc === void 0 ? void 0 : doc.addEventListener('keyup', onKeyUp);
+        doc === null || doc === void 0 ? void 0 : doc.addEventListener('keypress', onKeyPress);
+        doc === null || doc === void 0 ? void 0 : doc.addEventListener('keydown', onKeyDown);
         // using mousedown event so that callback runs before events on children inside of the layer
         doc === null || doc === void 0 ? void 0 : doc.addEventListener('mousedown', onDocumentClick);
         handlersInitialized = true;
         return function () {
             doc === null || doc === void 0 ? void 0 : doc.removeEventListener('keyup', onKeyUp);
+            doc === null || doc === void 0 ? void 0 : doc.removeEventListener('keypress', onKeyPress);
+            doc === null || doc === void 0 ? void 0 : doc.removeEventListener('keydown', onKeyDown);
             doc === null || doc === void 0 ? void 0 : doc.removeEventListener('mousedown', onDocumentClick);
             resetHandlers();
         };
-    }, [doc, onDocumentClick, onKeyUp]);
+    }, [doc, onDocumentClick, onKeyDown, onKeyPress, onKeyUp]);
     var contextValues = ctxValue && typeof ctxValue === 'object' ? Object.values(ctxValue) : [];
-    return (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, ctxValue), { addEscapeHandler: addEscapeHandler, removeEscapeHandler: removeEscapeHandler, addDocClickHandler: addDocClickHandler, removeDocClickHandler: removeDocClickHandler })); }, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(contextValues), false));
+    // @ts-ignore
+    return (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, ctxValue), { addKeyDownHandler: addKeyDownHandler, removeKeyDownHandler: removeKeyDownHandler, addKeyPressHandler: addKeyPressHandler, removeKeyPressHandler: removeKeyPressHandler, addKeyUpHandler: addKeyUpHandler, removeKeyUpHandler: removeKeyUpHandler, addEscapeHandler: addEscapeHandler, removeEscapeHandler: removeEscapeHandler, addDocClickHandler: addDocClickHandler, removeDocClickHandler: removeDocClickHandler })); }, (0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(contextValues), false));
 };
 exports.default = useLayersContextValue;

package/list/list-item-text.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ListItemTextProps } from './types';
-declare const ListItemText: ({ overrides, children, secondary }: ListItemTextProps) => JSX.Element;
+declare const ListItemText: ({ overrides, children, secondary }: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export default ListItemText;