@sprinklrjs/spaceweb 10.1.0

package/spacewebProvider/SpacewebProvider.js

@@ -0,0 +1,36 @@
+"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 CustomBaseProvider_1 = (0, tslib_1.__importDefault)(require("./CustomBaseProvider"));
+var focusVisible_1 = require("baseui/utils/focusVisible");
+var DocumentProvider_1 = require("./DocumentProvider");
+var styleEngine_1 = require("../styleEngine");
+var themes_1 = (0, tslib_1.__importDefault)(require("../themes"));
+var utils_1 = require("./utils");
+var locale_1 = require("../locale");
+var layer_1 = require("../layer");
+var theme_1 = require("../theme");
+function SpacewebProvider(props) {
+    var children = props.children, _a = props.direction, direction = _a === void 0 ? 'ltr' : _a, _b = props.layersZIndex, layersZIndex = _b === void 0 ? layer_1.LAYERS_DEFAULT_ZINDEX : _b, overrides = props.overrides, theme = props.theme, locale = props.locale, _c = props.debug, debug = _c === void 0 ? false : _c;
+    var doc = (0, DocumentProvider_1.useDocument)();
+    var styleEngine = props.styleEngine || (0, styleEngine_1.getStyleEngine)(doc);
+    // TODO: This must be removed once baseui code exposes focusVisible from utils/index
+    // https://github.com/uber/baseweb/issues/3322
+    (0, react_1.useEffect)(function () {
+        if (!utils_1.isServer) {
+            (0, focusVisible_1.initFocusVisible)({ ownerDocument: doc });
+            return function () { return (0, focusVisible_1.teardown)(doc); };
+        }
+        return undefined;
+    }, []);
+    var themeValue = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, theme), { direction: direction })); }, [theme, direction]);
+    var baseProviderTheme = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, themes_1.default[theme.theme.name]), { direction: direction })); }, [direction, theme]);
+    return ((0, jsx_runtime_1.jsx)(styleEngine_1.StyleProvider, (0, tslib_1.__assign)({ debug: debug, styleEngine: styleEngine }, { children: (0, jsx_runtime_1.jsx)(theme_1.ThemeProvider, (0, tslib_1.__assign)({ theme: themeValue, containerElement: doc === null || doc === void 0 ? void 0 : doc.documentElement }, { children: (0, jsx_runtime_1.jsx)(locale_1.LocaleProvider, (0, tslib_1.__assign)({ locale: locale }, { children: (0, jsx_runtime_1.jsx)(CustomBaseProvider_1.default, (0, tslib_1.__assign)({ overrides: overrides, theme: baseProviderTheme }, { children: (0, jsx_runtime_1.jsx)(layer_1.LayersManager, (0, tslib_1.__assign)({ zIndex: layersZIndex, host: doc === null || doc === void 0 ? void 0 : doc.body }, { children: children }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+}
+function SpacewebProviderWithDoc(_a) {
+    var ownerDocument = _a.ownerDocument, children = _a.children, rest = (0, tslib_1.__rest)(_a, ["ownerDocument", "children"]);
+    return ((0, jsx_runtime_1.jsx)(DocumentProvider_1.DocumentProvider, (0, tslib_1.__assign)({ value: ownerDocument }, { children: (0, jsx_runtime_1.jsx)(SpacewebProvider, (0, tslib_1.__assign)({}, rest, { children: children }), void 0) }), void 0));
+}
+exports.default = SpacewebProviderWithDoc;

package/spacewebProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SpacewebProvider';
+export * from './utils';

package/spacewebProvider/index.js

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

package/spacewebProvider/package.json

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

package/spacewebProvider/utils.d.ts

@@ -0,0 +1 @@
+export declare const isServer: boolean;

package/spacewebProvider/utils.js

@@ -0,0 +1,5 @@
+"use strict";
+/* eslint import/prefer-default-export: 0 */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isServer = void 0;
+exports.isServer = typeof window === 'undefined';

package/stack/context.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Styles } from '../types';
+declare type stackContextProps = Partial<{
+    className: Styles;
+    shrink: boolean;
+}>;
+export declare const stackContext: import("react").Context<Partial<{
+    className: Styles;
+    shrink: boolean;
+}>>;
+export declare const StackProvider: import("react").Provider<Partial<{
+    className: Styles;
+    shrink: boolean;
+}>>;
+export declare const StackConsumer: import("react").Consumer<Partial<{
+    className: Styles;
+    shrink: boolean;
+}>>;
+export declare const useStack: () => stackContextProps;
+export {};

package/stack/context.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStack = exports.StackConsumer = exports.StackProvider = exports.stackContext = void 0;
+var react_1 = require("react");
+exports.stackContext = (0, react_1.createContext)({ className: undefined, shrink: undefined });
+exports.stackContext.displayName = 'StackContext';
+exports.StackProvider = exports.stackContext.Provider;
+exports.StackConsumer = exports.stackContext.Consumer;
+var useStack = function () { return (0, react_1.useContext)(exports.stackContext); };
+exports.useStack = useStack;

package/stack/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Stack } from './stack';
+export { default as StackItem } from './stack-item';
+export * from './types';

package/stack/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StackItem = exports.Stack = void 0;
+var tslib_1 = require("tslib");
+var stack_1 = require("./stack");
+Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stack_1).default; } });
+var stack_item_1 = require("./stack-item");
+Object.defineProperty(exports, "StackItem", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stack_item_1).default; } });
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/stack/package.json

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

package/stack/stack-item.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const StackItem: import("react").ForwardRefExoticComponent<Omit<import("react").AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
+    $as?: import("react").ElementType<any> | undefined;
+    className?: import("..").Styles;
+    style?: import("..").Styles;
+} & Partial<{
+    shrink: boolean;
+    index: number;
+}> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>;
+export default StackItem;

package/stack/stack-item.js

@@ -0,0 +1,25 @@
+"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 style_1 = require("../style");
+var helpers_1 = require("../helpers");
+var context_1 = require("./context");
+var StyledItem = (0, style_1.styled)('div', 'flex-shrink', function (utils, _a) {
+    var $shrink = _a.$shrink;
+    return $shrink ? 'flex-grow-0' : 'flex-grow';
+});
+var StackItem = (0, react_1.forwardRef)(function (props, ref) {
+    var _a = (0, context_1.useStack)(), className = _a.className, shrink = _a.shrink;
+    var shrinkFromProps = props.shrink, propsClassName = props.className, index = props.index, restProps = (0, tslib_1.__rest)(props, ["shrink", "className", "index"]);
+    var sharedProps = (0, helpers_1.add$props)({ shrink: typeof shrinkFromProps !== 'undefined' ? shrinkFromProps : shrink });
+    var classNames = (0, react_1.useMemo)(function () { return (index !== 0 ? [className, propsClassName] : propsClassName); }, [
+        className,
+        propsClassName,
+        index,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(StyledItem, (0, tslib_1.__assign)({ "data-testid": "stack-item", "data-spaceweb": "stack-item", ref: ref, className: classNames }, restProps, sharedProps), void 0));
+});
+StackItem.displayName = 'StackItem';
+exports.default = StackItem;

package/stack/stack.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Styles } from '../types';
+declare const Stack: React.ForwardRefExoticComponent<Omit<React.AllHTMLAttributes<HTMLElement>, "style" | "className"> & {
+    $as?: React.ElementType<any> | undefined;
+    className?: Styles;
+    style?: Styles;
+} & {
+    direction?: ("horizontal" | "vertical") | undefined;
+    gap: number;
+} & Partial<{
+    sm: {
+        direction?: ("horizontal" | "vertical") | undefined;
+        gap: number;
+    };
+    md: {
+        direction?: ("horizontal" | "vertical") | undefined;
+        gap: number;
+    };
+    lg: {
+        direction?: ("horizontal" | "vertical") | undefined;
+        gap: number;
+    };
+    xl: {
+        direction?: ("horizontal" | "vertical") | undefined;
+        gap: number;
+    };
+    overrides: {
+        Stack?: import("../overrides").Override<Record<string, any>> | undefined;
+    };
+    shrink: boolean;
+}> & React.RefAttributes<HTMLElement>>;
+export default Stack;

package/stack/stack.js

@@ -0,0 +1,60 @@
+"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 overrides_1 = require("../overrides");
+var box_1 = require("../box");
+var stack_item_1 = (0, tslib_1.__importDefault)(require("./stack-item"));
+var context_1 = require("./context");
+var BREAKPOINTS = ['sm', 'md', 'lg', 'xl'];
+var modifyGapParam = function (gap) {
+    return gap < 0
+        ? {
+            prefix: '-',
+            gapVal: Math.abs(gap),
+        }
+        : {
+            prefix: '',
+            gapVal: gap,
+        };
+};
+var getStackClassNames = function (props) {
+    var direction = props.direction, gap = props.gap;
+    var _a = modifyGapParam(gap), prefix = _a.prefix, gapVal = _a.gapVal;
+    var stackClassName = [direction === 'horizontal' ? 'flex flex-row' : 'flex flex-col'];
+    var stackItemClassName = [
+        function (_a) {
+            var themeDirection = _a.direction;
+            var marginDir = themeDirection === 'rtl' ? 'mr' : 'ml';
+            return direction === 'horizontal' ? "".concat(prefix).concat(marginDir, "-").concat(gapVal) : "".concat(prefix, "mt-").concat(gapVal);
+        },
+    ];
+    BREAKPOINTS.forEach(function (bp) {
+        if (props[bp]) {
+            stackClassName.push(props[bp].direction === 'horizontal' ? "".concat(bp, ":flex ").concat(bp, ":flex-row") : "".concat(bp, ":flex ").concat(bp, ":flex-col"));
+            var _a = modifyGapParam(props[bp].gap), prefix_1 = _a.prefix, gapVal_1 = _a.gapVal;
+            stackItemClassName.push(function (_a) {
+                var themeDirection = _a.direction;
+                var marginDir = themeDirection === 'rtl' ? 'mr' : 'ml';
+                return props[bp].direction === 'horizontal'
+                    ? "".concat(bp, ":").concat(prefix_1).concat(marginDir, "-").concat(gapVal_1, " ").concat(bp, ":mt-0")
+                    : "".concat(bp, ":").concat(prefix_1, "mt-").concat(gapVal_1, " ").concat(bp, ":").concat(marginDir, "-0");
+            });
+        }
+    });
+    return { stackClassName: stackClassName, stackItemClassName: stackItemClassName };
+};
+var Stack = React.forwardRef(function (props, ref) {
+    var overrides = props.overrides, sm = props.sm, md = props.md, lg = props.lg, xl = props.xl, gap = props.gap, direction = props.direction, children = props.children, className = props.className, shrink = props.shrink, restProps = (0, tslib_1.__rest)(props, ["overrides", "sm", "md", "lg", "xl", "gap", "direction", "children", "className", "shrink"]);
+    var _a = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.Stack, box_1.Box), 2), Comp = _a[0], overrideProps = _a[1];
+    var _b = (0, react_1.useMemo)(function () { return getStackClassNames({ sm: sm, md: md, lg: lg, xl: xl, gap: gap, direction: direction }); }, [sm, md, lg, xl, gap, direction]), stackClassName = _b.stackClassName, stackItemClassName = _b.stackItemClassName;
+    var enrichedClassName = (0, react_1.useMemo)(function () { return [stackClassName, className]; }, [stackClassName, className]);
+    var validChildren = React.Children.toArray(children).filter(React.isValidElement);
+    return ((0, jsx_runtime_1.jsx)(context_1.StackProvider, (0, tslib_1.__assign)({ value: { className: stackItemClassName, shrink: shrink } }, { children: (0, jsx_runtime_1.jsx)(Comp, (0, tslib_1.__assign)({ "data-spaceweb": "stack", "data-testid": "stack", ref: ref, className: enrichedClassName }, overrideProps, restProps, { children: validChildren.map(function (child, index) {
+                return typeof child === 'object' && child.type === stack_item_1.default ? (React.cloneElement(child, { index: index })) : ((0, jsx_runtime_1.jsx)(stack_item_1.default, (0, tslib_1.__assign)({ index: index }, { children: child }), child.key));
+            }) }), void 0) }), void 0));
+});
+Stack.displayName = 'Stack';
+exports.default = Stack;

package/stack/types.d.ts

@@ -0,0 +1,22 @@
+import { SpacewebComponentProps } from '../types';
+import { Override } from '../overrides';
+declare type Direction = 'horizontal' | 'vertical';
+declare type StackConfig = {
+    direction?: Direction;
+    gap: number;
+};
+export declare type StackProps = SpacewebComponentProps & StackConfig & Partial<{
+    sm: StackConfig;
+    md: StackConfig;
+    lg: StackConfig;
+    xl: StackConfig;
+    overrides: {
+        Stack?: Override<Record<string, any>>;
+    };
+    shrink: boolean;
+}>;
+export declare type StackItemProps = SpacewebComponentProps & Partial<{
+    shrink: boolean;
+    index: number;
+}>;
+export {};

package/stack/types.js

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