@sprinklrjs/spaceweb 10.1.0 → 11.0.0

package/types.d.ts

@@ -1,6 +1,7 @@
 import { AllHTMLAttributes, ElementType } from 'react';
-import { Theme as BaseTheme } from 'baseui/themes';
-import { StandardEngine as StyletronStandardEngine, StyleObject as StyletronStyleObject } from 'styletron-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';
 export declare type StyleObject = StyletronStyleObject;
 export declare type StandardEngine = StyletronStandardEngine;

package/video/Video.js

@@ -25,16 +25,18 @@ var Video = (0, react_1.forwardRef)(function (props, ref) {
     }, overrides || {});
     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 onPlay = videoProps.onPlay;
     var onClickPlay = (0, react_1.useCallback)(function (event) {
         startPlay(true);
         if ((0, isFunction_1.default)(onPlay))
             onPlay(event);
     }, [onPlay]);
-    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)(image_1.Image, (0, tslib_1.__assign)({}, videoProps, { src: videoProps.poster, alt: "Thumbnail", overrides: {
+    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 }), 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)(play_video_1.default, { className: "w-8 h-8 spr-icon-05", onClick: onClickPlay }, 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)(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));
 });
 Video.displayName = 'Video';
 exports.default = Video;

package/video/types.d.ts

@@ -5,6 +5,8 @@ import { SpacewebComponentProps } from '../types';
 export declare type VideoOverrides = {
     Root?: Override<{}>;
     Video?: Override<{}>;
+    PlayButton?: Override<{}>;
+    PosterImage?: Override<{}>;
 };
 export declare type VideoProps = SpacewebComponentProps<React.VideoHTMLAttributes<HTMLVideoElement>> & {
     children?: ReactChildren;

package/esm/phone-input/virtualized-country-select-dropdown.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { FixedSizeListItemProps } from './types';
-declare const VirtualizedCountrySelectDropdown: React.ForwardRefExoticComponent<Omit<import("../list").ListProps, "overrides"> & {
-    disableNavigationOnMount?: boolean | undefined;
-    focusWhenNavigationEnabled?: boolean | undefined;
-    overrides?: {
-        List?: import("../overrides").Override<Omit<React.AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
-            $as?: React.ElementType<any> | undefined;
-            className?: import("..").Styles;
-            style?: import("..").Styles;
-        } & {
-            children?: React.ReactNode;
-            overrides?: {
-                Root?: import("../overrides").Override<Record<string, any>> | undefined;
-            } | undefined;
-        } & Record<string, any>> | undefined;
-    } | undefined;
-    onHighlightedItemChange?: ((item?: HTMLElement | null | undefined) => void) | undefined;
-    disableAutoHighlight?: boolean | undefined;
-    resetMenuHighlightOnMouseLeave?: boolean | undefined;
-    resetMenuOnMouseLeave?: boolean | undefined;
-    reducer?: import("../menu/types").Reducer | undefined;
-    captureScroll?: boolean | undefined;
-} & {
-    ListItem: React.ComponentType<FixedSizeListItemProps>;
-    emptyListHeight?: number | undefined;
-    listItemHeight?: number | undefined;
-    overscanCount?: number | undefined;
-    parentRef: React.MutableRefObject<HTMLDivElement>;
-} & React.RefAttributes<HTMLElement>>;
-export default VirtualizedCountrySelectDropdown;

package/esm/phone-input/virtualized-country-select-dropdown.js

@@ -1,33 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import * as React from 'react';
-import { useVirtual } from 'react-virtual';
-import { Box } from '../box';
-import { NoResults } from '../select';
-import { Menu } from '../menu';
-import { EMPTY_LIST_HEIGHT, LIST_ITEM_HEIGHT, OVERSCAN_COUNT } from './constants';
-var FixedSizeListItem = React.forwardRef(function (_a, ref) {
-    var item = _a.item, top = _a.top;
-    return React.cloneElement(item, {
-        className: 'flex items-center w-full absolute top-0 left-0 box-border',
-        style: { transform: "translateY(".concat(top, "px)") },
-        ref: ref,
-    });
-});
-var VirtualizedCountrySelectDropdown = React.forwardRef(function (props, ref) {
-    var _a = props.ListItem, ListItem = _a === void 0 ? FixedSizeListItem : _a, _b = props.emptyListHeight, emptyListHeight = _b === void 0 ? EMPTY_LIST_HEIGHT : _b, _c = props.listItemHeight, listItemHeight = _c === void 0 ? LIST_ITEM_HEIGHT : _c, _children = props.children, _d = props.overscanCount, overscanCount = _d === void 0 ? OVERSCAN_COUNT : _d, parentRef = props.parentRef, rest = __rest(props, ["ListItem", "emptyListHeight", "listItemHeight", "children", "overscanCount", "parentRef"]);
-    var children = React.Children.toArray(_children);
-    var firstChild = children[0];
-    var estimateSize = useCallback(function () { return listItemHeight; }, [listItemHeight]);
-    var rowVirtualizer = useVirtual({
-        size: children.length,
-        parentRef: parentRef,
-        estimateSize: estimateSize,
-        overscan: overscanCount,
-    });
-    if (!React.isValidElement(firstChild))
-        return (_jsx(Menu, __assign({ style: { height: "".concat(emptyListHeight, "px") } }, { children: _jsx(NoResults, {}, void 0) }), void 0));
-    return (_jsx(Menu, __assign({ ref: ref, "$as": "div" }, rest, { children: _jsx(Box, __assign({ "$as": "ul", className: ['relative m-0', { height: "".concat(rowVirtualizer.totalSize, "px") }] }, { children: rowVirtualizer.virtualItems.map(function (virtualRow) { return (_jsx(ListItem, { ref: virtualRow.measureRef, top: virtualRow.start, item: children[virtualRow.index] }, virtualRow.index)); }) }), void 0) }), void 0));
-});
-export default VirtualizedCountrySelectDropdown;

package/esm/select/overlaySelect/useOverlaySelectOverrides.d.ts

@@ -1,14 +0,0 @@
-import { OnChangeParams, OverlaySelectProps } from '../types';
-declare const useOverlaySelectOverrides: (props: OverlaySelectProps) => {
-    overrides: import("../../overrides").OverridesObject<any>;
-    filterOptionsOverride: (options: import("baseui/select").Value, filterValue: string, excludeOptions?: import("baseui/select").Value | undefined, newProps?: {
-        valueKey: string;
-        labelKey: string;
-    } | undefined) => import("baseui/select").Value;
-    handleValuesChange: (params: OnChangeParams) => void;
-    popoverOpen: boolean;
-    closePopover: () => void;
-    openPopover: () => void;
-    togglePopoverState: () => void;
-};
-export default useOverlaySelectOverrides;

package/esm/style/_escapeClassName.d.ts

@@ -1,6 +0,0 @@
-/**
- * @author Ivan Torres
- */
-/// <reference types="lodash" />
-declare const _default: ((className: string) => string) & import("lodash").MemoizedFunction;
-export default _default;

package/esm/style/_escapeClassName.js

@@ -1,6 +0,0 @@
-/**
- * @author Ivan Torres
- */
-import _memoize from 'lodash/memoize';
-var _escapeClassName = function (className) { return className.replace(/\//g, '\\/'); };
-export default _memoize(_escapeClassName);

package/phone-input/virtualized-country-select-dropdown.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { FixedSizeListItemProps } from './types';
-declare const VirtualizedCountrySelectDropdown: React.ForwardRefExoticComponent<Omit<import("../list").ListProps, "overrides"> & {
-    disableNavigationOnMount?: boolean | undefined;
-    focusWhenNavigationEnabled?: boolean | undefined;
-    overrides?: {
-        List?: import("../overrides").Override<Omit<React.AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
-            $as?: React.ElementType<any> | undefined;
-            className?: import("..").Styles;
-            style?: import("..").Styles;
-        } & {
-            children?: React.ReactNode;
-            overrides?: {
-                Root?: import("../overrides").Override<Record<string, any>> | undefined;
-            } | undefined;
-        } & Record<string, any>> | undefined;
-    } | undefined;
-    onHighlightedItemChange?: ((item?: HTMLElement | null | undefined) => void) | undefined;
-    disableAutoHighlight?: boolean | undefined;
-    resetMenuHighlightOnMouseLeave?: boolean | undefined;
-    resetMenuOnMouseLeave?: boolean | undefined;
-    reducer?: import("../menu/types").Reducer | undefined;
-    captureScroll?: boolean | undefined;
-} & {
-    ListItem: React.ComponentType<FixedSizeListItemProps>;
-    emptyListHeight?: number | undefined;
-    listItemHeight?: number | undefined;
-    overscanCount?: number | undefined;
-    parentRef: React.MutableRefObject<HTMLDivElement>;
-} & React.RefAttributes<HTMLElement>>;
-export default VirtualizedCountrySelectDropdown;

package/phone-input/virtualized-country-select-dropdown.js

@@ -1,35 +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_1 = require("react");
-var React = (0, tslib_1.__importStar)(require("react"));
-var react_virtual_1 = require("react-virtual");
-var box_1 = require("../box");
-var select_1 = require("../select");
-var menu_1 = require("../menu");
-var constants_1 = require("./constants");
-var FixedSizeListItem = React.forwardRef(function (_a, ref) {
-    var item = _a.item, top = _a.top;
-    return React.cloneElement(item, {
-        className: 'flex items-center w-full absolute top-0 left-0 box-border',
-        style: { transform: "translateY(".concat(top, "px)") },
-        ref: ref,
-    });
-});
-var VirtualizedCountrySelectDropdown = React.forwardRef(function (props, ref) {
-    var _a = props.ListItem, ListItem = _a === void 0 ? FixedSizeListItem : _a, _b = props.emptyListHeight, emptyListHeight = _b === void 0 ? constants_1.EMPTY_LIST_HEIGHT : _b, _c = props.listItemHeight, listItemHeight = _c === void 0 ? constants_1.LIST_ITEM_HEIGHT : _c, _children = props.children, _d = props.overscanCount, overscanCount = _d === void 0 ? constants_1.OVERSCAN_COUNT : _d, parentRef = props.parentRef, rest = (0, tslib_1.__rest)(props, ["ListItem", "emptyListHeight", "listItemHeight", "children", "overscanCount", "parentRef"]);
-    var children = React.Children.toArray(_children);
-    var firstChild = children[0];
-    var estimateSize = (0, react_1.useCallback)(function () { return listItemHeight; }, [listItemHeight]);
-    var rowVirtualizer = (0, react_virtual_1.useVirtual)({
-        size: children.length,
-        parentRef: parentRef,
-        estimateSize: estimateSize,
-        overscan: overscanCount,
-    });
-    if (!React.isValidElement(firstChild))
-        return ((0, jsx_runtime_1.jsx)(menu_1.Menu, (0, tslib_1.__assign)({ style: { height: "".concat(emptyListHeight, "px") } }, { children: (0, jsx_runtime_1.jsx)(select_1.NoResults, {}, void 0) }), void 0));
-    return ((0, jsx_runtime_1.jsx)(menu_1.Menu, (0, tslib_1.__assign)({ ref: ref, "$as": "div" }, rest, { children: (0, jsx_runtime_1.jsx)(box_1.Box, (0, tslib_1.__assign)({ "$as": "ul", className: ['relative m-0', { height: "".concat(rowVirtualizer.totalSize, "px") }] }, { children: rowVirtualizer.virtualItems.map(function (virtualRow) { return ((0, jsx_runtime_1.jsx)(ListItem, { ref: virtualRow.measureRef, top: virtualRow.start, item: children[virtualRow.index] }, virtualRow.index)); }) }), void 0) }), void 0));
-});
-exports.default = VirtualizedCountrySelectDropdown;

package/select/overlaySelect/useOverlaySelectOverrides.d.ts

@@ -1,14 +0,0 @@
-import { OnChangeParams, OverlaySelectProps } from '../types';
-declare const useOverlaySelectOverrides: (props: OverlaySelectProps) => {
-    overrides: import("../../overrides").OverridesObject<any>;
-    filterOptionsOverride: (options: import("baseui/select").Value, filterValue: string, excludeOptions?: import("baseui/select").Value | undefined, newProps?: {
-        valueKey: string;
-        labelKey: string;
-    } | undefined) => import("baseui/select").Value;
-    handleValuesChange: (params: OnChangeParams) => void;
-    popoverOpen: boolean;
-    closePopover: () => void;
-    openPopover: () => void;
-    togglePopoverState: () => void;
-};
-export default useOverlaySelectOverrides;

package/style/_escapeClassName.d.ts

@@ -1,6 +0,0 @@
-/**
- * @author Ivan Torres
- */
-/// <reference types="lodash" />
-declare const _default: ((className: string) => string) & import("lodash").MemoizedFunction;
-export default _default;

package/style/_escapeClassName.js

@@ -1,9 +0,0 @@
-"use strict";
-/**
- * @author Ivan Torres
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var memoize_1 = (0, tslib_1.__importDefault)(require("lodash/memoize"));
-var _escapeClassName = function (className) { return className.replace(/\//g, '\\/'); };
-exports.default = (0, memoize_1.default)(_escapeClassName);