@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/esm/baseui/datepicker/week.js

@@ -0,0 +1,59 @@
+import { __assign, __extends, __read } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import Day from './day';
+import { StyledWeek } from './styled-components';
+import { WEEKDAYS } from './constants';
+import dateFnsAdapter from './utils/date-fns-adapter';
+import DateHelpers from './utils/date-helpers';
+import { getOverrides } from '../helpers/overrides';
+var Week = /** @class */ (function (_super) {
+    __extends(Week, _super);
+    function Week(props) {
+        var _this = _super.call(this, props) || this;
+        _this.renderDays = function () {
+            var startOfWeek = _this.dateHelpers.getStartOfWeek(_this.props.date || _this.dateHelpers.date(), _this.props.locale);
+            // @ts-ignore
+            var days = [];
+            // @ts-ignore
+            return days.concat(
+            // @ts-ignore
+            WEEKDAYS.map(function (offset) {
+                var day = _this.dateHelpers.addDays(startOfWeek, offset);
+                return (
+                // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+                _jsx(Day, { adapter: _this.props.adapter, date: day, dateLabel: _this.props.dateLabel, density: _this.props.density, disabled: _this.dateHelpers.isDayDisabled(day, _this.props), 
+                    // @ts-expect-error todo(flow->ts): excludeDates looks to be an error
+                    excludeDates: _this.props.excludeDates, filterDate: _this.props.filterDate, highlightedDate: _this.props.highlightedDate, highlighted: _this.dateHelpers.isSameDay(day, _this.props.highlightedDate), includeDates: _this.props.includeDates, focusedCalendar: _this.props.focusedCalendar, range: _this.props.range, locale: _this.props.locale, minDate: _this.props.minDate, maxDate: _this.props.maxDate, month: _this.props.month, onSelect: _this.props.onChange, onBlur: _this.props.onDayBlur, onFocus: _this.props.onDayFocus, onClick: _this.props.onDayClick, onMouseOver: _this.props.onDayMouseOver, onMouseLeave: _this.props.onDayMouseLeave, overrides: _this.props.overrides, peekNextMonth: _this.props.peekNextMonth, value: _this.props.value, hasLockedBehavior: _this.props.hasLockedBehavior, selectedInput: _this.props.selectedInput }, offset));
+            }));
+        };
+        _this.dateHelpers = new DateHelpers(props.adapter);
+        return _this;
+    }
+    Week.prototype.render = function () {
+        var _a = this.props.overrides, overrides = _a === void 0 ? {} : _a;
+        var _b = __read(getOverrides(overrides.Week, StyledWeek), 2), Week = _b[0], weekProps = _b[1];
+        return (_jsx(Week, __assign({ role: "row" }, weekProps, { children: this.renderDays() }), void 0));
+    };
+    Week.defaultProps = {
+        adapter: dateFnsAdapter,
+        // @ts-ignore
+        highlightedDate: null,
+        onDayClick: function () { },
+        onDayFocus: function () { },
+        onDayBlur: function () { },
+        onDayMouseOver: function () { },
+        onDayMouseLeave: function () { },
+        onChange: function () { },
+        overrides: {},
+        peekNextMonth: false,
+    };
+    return Week;
+}(React.Component));
+export default Week;

package/esm/baseui/header-navigation/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const ALIGN: {
+    readonly right: "flex-end";
+    readonly left: "flex-start";
+    readonly center: "center";
+};

package/esm/baseui/header-navigation/constants.js

@@ -0,0 +1,11 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export var ALIGN = {
+    right: 'flex-end',
+    left: 'flex-start',
+    center: 'center',
+};

package/esm/baseui/header-navigation/examples-icons.d.ts

@@ -0,0 +1 @@
+export declare function HamburgerIcon(stroke?: string): string;

package/esm/baseui/header-navigation/examples-icons.js

@@ -0,0 +1,10 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export function HamburgerIcon(stroke) {
+    if (stroke === void 0) { stroke = 'black'; }
+    return "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"32\" height=\"24\" stroke=\"".concat(stroke, "\"><g transform=\"translate(-250 -3)\" ><g><g transform=\"translate(254 14)\"><path id=\"npath0_fill\" d=\"M0 1a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z\" /></g><g transform=\"translate(254 8)\"><path id=\"npath0_fill\" d=\"M0 1a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z\" /></g><g transform=\"translate(254 20)\"><path id=\"npath0_fill\" d=\"M0 1a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z\" /></g></g></g></svg>");
+}

package/esm/baseui/header-navigation/header-navigation.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { HeaderNavigationProps } from './types';
+declare class HeaderNavigation extends React.Component<HeaderNavigationProps, {}> {
+    static defaultProps: {
+        overrides: {};
+    };
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default HeaderNavigation;

package/esm/baseui/header-navigation/header-navigation.js

@@ -0,0 +1,27 @@
+import { __assign, __extends, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { getOverrides } from '../helpers/overrides';
+import { Root as StyledRoot } from './styled-components';
+var HeaderNavigation = /** @class */ (function (_super) {
+    __extends(HeaderNavigation, _super);
+    function HeaderNavigation() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    HeaderNavigation.prototype.render = function () {
+        var _a = this.props, overrides = _a.overrides, restProps = __rest(_a, ["overrides"]);
+        var _b = __read(getOverrides(overrides.Root, StyledRoot), 2), Root = _b[0], rootProps = _b[1];
+        return (_jsx(Root, __assign({ "data-baseweb": "header-navigation", role: "navigation" }, restProps, rootProps), void 0));
+    };
+    HeaderNavigation.defaultProps = {
+        overrides: {},
+    };
+    return HeaderNavigation;
+}(React.Component));
+export default HeaderNavigation;

package/esm/baseui/header-navigation/index.d.ts

@@ -0,0 +1,4 @@
+export { default as HeaderNavigation } from './header-navigation';
+export { Root as StyledRoot, NavigationItem as StyledNavigationItem, NavigationList as StyledNavigationList, } from './styled-components';
+export { ALIGN } from './constants';
+export * from './types';

package/esm/baseui/header-navigation/index.js

@@ -0,0 +1,11 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { default as HeaderNavigation } from './header-navigation';
+// Styled elements
+export { Root as StyledRoot, NavigationItem as StyledNavigationItem, NavigationList as StyledNavigationList, } from './styled-components';
+export { ALIGN } from './constants';
+export * from './types';

package/esm/baseui/header-navigation/styled-components.d.ts

@@ -0,0 +1,3 @@
+export declare const Root: import("../../style/styled").StyledComponent;
+export declare const NavigationItem: import("../../style/styled").StyledComponent;
+export declare const NavigationList: import("../../style/styled").StyledComponent;

package/esm/baseui/header-navigation/styled-components.js

@@ -0,0 +1,30 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import { styled } from '../../style';
+import { ALIGN } from './constants';
+export var Root = styled('nav', 'flex border-b-1 spr-border-03 nav-ui-01 text-16 leading-10 justify-between px-6 py-2', { borderBottomStyle: 'solid' });
+Root.displayName = 'Root';
+export var NavigationItem = styled('li', 'self-center pl-6');
+NavigationItem.displayName = 'NavigationItem';
+export var NavigationList = styled('ul', 'flex px-6 m-0 list-none', function (_, props) {
+    var $align = props.$align;
+    var aligned = $align === ALIGN.right || $align === ALIGN.left;
+    return {
+        ':first-child': {
+            padding: 0,
+        },
+        ':last-child': {
+            padding: 0,
+        },
+        flexGrow: aligned ? 0 : 1,
+        flexShrink: aligned ? 0 : 1,
+        flexBasis: aligned ? 'auto' : '0%',
+        justifySelf: $align,
+        justifyContent: $align,
+    };
+});
+NavigationList.displayName = 'NavigationList';

package/esm/baseui/header-navigation/types.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+import type { Override } from '../helpers/overrides';
+export declare type HeaderNavigationOverrides = {
+    Root?: Override;
+};
+export declare type HeaderNavigationProps = PropsWithChildren<{
+    overrides: HeaderNavigationOverrides;
+}>;

package/esm/baseui/header-navigation/types.js

@@ -0,0 +1 @@
+export {};

package/esm/baseui/helpers/i18n-interpolation.d.ts

@@ -0,0 +1,3 @@
+export default function getInterpolatedString(translation: string, interpolations?: {
+    [x: string]: string;
+}): string;

package/esm/baseui/helpers/i18n-interpolation.js

@@ -0,0 +1,14 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+// Example:
+// getInterpolatedString('Selected date is ${date}', 'Jan 1, 2020') => 'Selected date is Jan 1, 2020'
+export default function getInterpolatedString(translation, interpolations) {
+    if (interpolations === void 0) { interpolations = {}; }
+    return translation.replace(/\${(.*?)}/g, function (_, k) {
+        return interpolations[k] === undefined ? "${".concat(k, "}") : interpolations[k];
+    });
+}

package/esm/baseui/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './types';

package/esm/baseui/helpers/index.js

@@ -0,0 +1 @@
+export * from './types';

package/esm/baseui/helpers/overrides.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+export declare type ConfigurationOverrideFunction = (a: any) => any | undefined | null;
+export declare type ConfigurationOverrideObject = {
+    [k: string]: any;
+};
+export declare type ConfigurationOverride = ConfigurationOverrideObject | ConfigurationOverrideFunction;
+export declare type StyleOverride = ConfigurationOverride;
+export declare type OverrideObject = {
+    component?: React.ComponentType<any> | null;
+    props?: ConfigurationOverride | null;
+    style?: ConfigurationOverride | null;
+};
+export declare type Override<T = any> = OverrideObject | (React.ComponentType<any> & {
+    component?: undefined;
+    props?: undefined;
+    style?: undefined;
+});
+export declare type Overrides<T = any> = {
+    [x: string]: Override;
+};
+/**
+ * Given an override argument, returns the component implementation override if it exists
+ */
+export declare function getOverride(_override: any): any;
+/**
+ * Given an override argument, returns the override props that should be passed
+ * to the component when rendering it.
+ */
+export declare function getOverrideProps<T>(_override?: Override | null): T;
+/**
+ * Coerces an override argument into an override object
+ * (sometimes it is just an override component)
+ */
+export declare function toObjectOverride<T>(_override?: Override): OverrideObject;
+/**
+ * Get a convenient override array that will always have [component, props]
+ */
+export declare function getOverrides<T = {
+    [k: string]: any;
+}>(_override: any, defaultComponent: React.ComponentType<any>): [React.ComponentType<any>, T];
+/**
+ * Merges two overrides objects – this is useful if you want to inject your own
+ * overrides into a child component, but also accept further overrides from
+ * from upstream. See `mergeOverride` below.
+ */
+export declare function mergeConfigurationOverrides(target: ConfigurationOverride, source: ConfigurationOverride): ConfigurationOverride;
+export declare function mergeOverride(target: OverrideObject, source: OverrideObject): OverrideObject;
+export declare function mergeOverrides(target?: Overrides, source?: Overrides): Overrides;
+/**
+ * Merges two override objects using the following behavior:
+ * - Component implementation from the source (parent) replaces target
+ * - Props and styles are both deep merged
+ */
+/**
+ * Since style or props overrides can be an object *or* a function, we need to handle
+ * the case that one of them is a function. We do this by returning a new
+ * function that deep merges the result of each style override
+ */
+export declare function useOverrides(defaults: {
+    [x: string]: React.ComponentType<any>;
+}, overrides?: Overrides): {
+    [x: string]: [React.ComponentType<any>, {}];
+};

package/esm/baseui/helpers/overrides.js

@@ -0,0 +1,160 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+import * as React from 'react';
+import { isValidElementType } from 'react-is';
+import deepMerge from '../utils/deep-merge';
+import * as process from "process";
+var __DEV__ = process.env.NODE_ENV !== 'production';
+/**
+ * Given an override argument, returns the component implementation override if it exists
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function getOverride(_override) {
+    if (isValidElementType(_override)) {
+        return _override;
+    }
+    // Check if override is OverrideObjectT
+    if (_override && typeof _override === 'object') {
+        // Remove this 'any' once this flow issue is fixed:
+        // https://github.com/facebook/flow/issues/6666
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return _override.component;
+    }
+    // null/undefined
+    return _override;
+}
+/**
+ * Given an override argument, returns the override props that should be passed
+ * to the component when rendering it.
+ */
+export function getOverrideProps(_override) {
+    if (_override && typeof _override === 'object') {
+        if (typeof _override.props === 'object') {
+            //@ts-expect-error
+            return __assign(__assign({}, _override.props), { $style: _override.style });
+        }
+        else {
+            //@ts-expect-error
+            return {
+                $style: _override.style,
+            };
+        }
+    }
+    //@ts-expect-error
+    return {};
+}
+/**
+ * Coerces an override argument into an override object
+ * (sometimes it is just an override component)
+ */
+export function toObjectOverride(_override) {
+    if (isValidElementType(_override)) {
+        return {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            component: _override,
+        };
+    }
+    // Flow can't figure out that typeof 'function' above will
+    // catch React.StatelessFunctionalComponent
+    // (probably related to https://github.com/facebook/flow/issues/6666)
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return _override || {};
+}
+/**
+ * Get a convenient override array that will always have [component, props]
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function getOverrides(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+_override, 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+defaultComponent
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+) {
+    var Component = getOverride(_override) || defaultComponent;
+    if (_override && typeof _override === 'object' && typeof _override.props === 'function') {
+        // TODO(v11)
+        if (__DEV__) {
+            console.warn('baseui:Overrides Props as a function will be removed in the next major version. Override the whole component instead. ' +
+                'See https://baseweb.design/guides/understanding-overrides/#override-the-entire-subcomponent');
+        }
+        var DynamicOverride = React.forwardRef(function (props, ref) {
+            var mappedProps = _override.props(props);
+            var nextProps = getOverrideProps(__assign(__assign({}, _override), { props: mappedProps }));
+            return _jsx(Component, __assign({ ref: ref }, nextProps), void 0);
+        });
+        DynamicOverride.displayName = Component.displayName;
+        // @ts-expect-error
+        return [DynamicOverride, {}];
+    }
+    var props = getOverrideProps(_override);
+    return [Component, props];
+}
+/**
+ * Merges two overrides objects – this is useful if you want to inject your own
+ * overrides into a child component, but also accept further overrides from
+ * from upstream. See `mergeOverride` below.
+ */
+export function mergeConfigurationOverrides(target, source) {
+    // Simple case of both objects
+    if (typeof target === 'object' && typeof source === 'object') {
+        return deepMerge({}, target, source);
+    }
+    // At least one is a function, return a new composite function
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        return deepMerge({}, typeof target === 'function' ? target.apply(void 0, __spreadArray([], __read(args), false)) : target, typeof source === 'function' ? source.apply(void 0, __spreadArray([], __read(args), false)) : source);
+    };
+}
+export function mergeOverride(target, source) {
+    // Shallow merge should handle `component`
+    var merged = __assign(__assign({}, target), source);
+    if (target.props && source.props) {
+        merged.props = mergeConfigurationOverrides(target.props, source.props);
+    }
+    if (target.style && source.style) {
+        merged.style = mergeConfigurationOverrides(target.style, source.style);
+    }
+    return merged;
+}
+export function mergeOverrides(target, source) {
+    if (target === void 0) { target = {}; }
+    if (source === void 0) { source = {}; }
+    var merged = Object.assign({}, target, source);
+    var allIdentifiers = Object.keys(merged);
+    // const allIdentifiers = Object.keys({...target, ...source});
+    return allIdentifiers.reduce(function (acc, name) {
+        // @ts-ignore
+        acc[name] = mergeOverride(toObjectOverride(target[name]), toObjectOverride(source[name]));
+        return acc;
+    }, {});
+}
+/**
+ * Merges two override objects using the following behavior:
+ * - Component implementation from the source (parent) replaces target
+ * - Props and styles are both deep merged
+ */
+/**
+ * Since style or props overrides can be an object *or* a function, we need to handle
+ * the case that one of them is a function. We do this by returning a new
+ * function that deep merges the result of each style override
+ */
+// Lil' hook for memoized unpacking of overrides
+export function useOverrides(defaults, overrides) {
+    if (overrides === void 0) { overrides = {}; }
+    return React.useMemo(function () {
+        return Object.keys(defaults).reduce(function (obj, key) {
+            obj[key] = getOverrides(overrides[key], defaults[key]);
+            return obj;
+        }, {});
+    }, [overrides]);
+}

package/esm/baseui/helpers/types.d.ts

@@ -0,0 +1,7 @@
+export declare type PageMargins = {
+    paddingInlineStart: string;
+    paddingInlineEnd: string;
+};
+export declare type MediaQueryPageMargins = {
+    [key: string]: PageMargins;
+};

package/esm/baseui/helpers/types.js

@@ -0,0 +1 @@
+export {};

package/esm/baseui/index.d.ts

@@ -0,0 +1 @@
+export { getOverrides, mergeOverrides } from './helpers/overrides';

package/esm/baseui/index.js

@@ -0,0 +1,7 @@
+/*
+Copyright (c) Uber Technologies, Inc.
+
+This source code is licensed under the MIT license found in the
+LICENSE file in the root directory of this source tree.
+*/
+export { getOverrides, mergeOverrides } from './helpers/overrides';

package/esm/baseui/input/base-input.d.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import type { BaseInputProps, InternalState } from './types';
+import type { SyntheticEvent, FocusEvent } from 'react';
+declare class BaseInput<T extends HTMLInputElement | HTMLTextAreaElement> extends React.Component<BaseInputProps<T>, InternalState> {
+    static defaultProps: {
+        'aria-activedescendant': null;
+        'aria-autocomplete': null;
+        'aria-controls': null;
+        'aria-errormessage': null;
+        'aria-haspopup': null;
+        'aria-label': null;
+        'aria-labelledby': null;
+        'aria-describedby': null;
+        adjoined: "none";
+        autoComplete: string;
+        autoFocus: boolean;
+        disabled: boolean;
+        error: boolean;
+        positive: boolean;
+        name: string;
+        inputMode: string;
+        onBlur: () => void;
+        onChange: () => void;
+        onKeyDown: () => void;
+        onKeyPress: () => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onClear: () => void;
+        clearable: boolean;
+        clearOnEscape: boolean;
+        overrides: {};
+        pattern: null;
+        placeholder: string;
+        required: boolean;
+        role: null;
+        size: "default";
+        type: string;
+        readOnly: boolean;
+    };
+    inputRef: React.RefObject<T>;
+    state: {
+        isFocused: boolean;
+        isMasked: boolean;
+        initialType: string | undefined;
+        isFocusVisibleForClear: boolean;
+        isFocusVisibleForMaskToggle: boolean;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    clearValue(): void;
+    onInputKeyDown: (e: KeyboardEvent) => void;
+    onClearIconClick: () => void;
+    onFocus: (e: FocusEvent<T>) => void;
+    onBlur: (e: FocusEvent<T>) => void;
+    getInputType(): string | undefined;
+    handleFocusForMaskToggle: (event: SyntheticEvent) => void;
+    handleBlurForMaskToggle: (event: SyntheticEvent) => void;
+    renderMaskToggle(): import("react/jsx-runtime").JSX.Element | null;
+    handleFocusForClear: (event: SyntheticEvent) => void;
+    handleBlurForClear: (event: SyntheticEvent) => void;
+    renderClear(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default BaseInput;