@sprinklrjs/spaceweb 12.33.2 → 14.11.0

package/esm/baseui/radio/radio.js

@@ -1,104 +0,0 @@
-import { __assign, __extends, __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } 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, Label as StyledLabel, Input as StyledInput, RadioMarkInner as StyledRadioMarkInner, RadioMarkOuter as StyledRadioMarkOuter, Description as StyledDescription, } from './styled-components';
-// @ts-ignore
-function isLabelTopLeft(labelPlacement) {
-    return labelPlacement === 'top' || labelPlacement === 'left';
-}
-// @ts-ignore
-function isLabelBottomRight(labelPlacement) {
-    return labelPlacement === 'bottom' || labelPlacement === 'right';
-}
-// @ts-ignore
-var stopPropagation = function (e) { return e.stopPropagation(); };
-var Radio = /** @class */ (function (_super) {
-    __extends(Radio, _super);
-    function Radio() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            isActive: false,
-            isHovered: false,
-        };
-        _this.onMouseEnter = function (e) {
-            _this.setState({ isHovered: true });
-            _this.props.onMouseEnter && _this.props.onMouseEnter(e);
-        };
-        _this.onMouseLeave = function (e) {
-            _this.setState({ isHovered: false });
-            _this.props.onMouseLeave && _this.props.onMouseLeave(e);
-        };
-        _this.onMouseDown = function (e) {
-            _this.setState({ isActive: true });
-            _this.props.onMouseDown && _this.props.onMouseDown(e);
-        };
-        _this.onMouseUp = function (e) {
-            _this.setState({ isActive: false });
-            _this.props.onMouseUp && _this.props.onMouseUp(e);
-        };
-        return _this;
-    }
-    Radio.prototype.componentDidMount = function () {
-        var _a;
-        if (this.props.autoFocus && ((_a = this.props.inputRef) === null || _a === void 0 ? void 0 : _a.current)) {
-            this.props.inputRef.current.focus();
-        }
-    };
-    Radio.prototype.render = function () {
-        var _a = this.props.overrides, overrides = _a === void 0 ? {} : _a;
-        var _b = __read(getOverrides(overrides.Root, StyledRoot), 2), Root = _b[0], rootProps = _b[1];
-        var _c = __read(getOverrides(overrides.Label, StyledLabel), 2), Label = _c[0], labelProps = _c[1];
-        var _d = __read(getOverrides(overrides.Input, StyledInput), 2), Input = _d[0], inputProps = _d[1];
-        var _e = __read(getOverrides(overrides.Description, StyledDescription), 2), Description = _e[0], descriptionProps = _e[1];
-        var _f = __read(getOverrides(overrides.RadioMarkInner, StyledRadioMarkInner), 2), RadioMarkInner = _f[0], radioMarkInnerProps = _f[1];
-        var _g = __read(getOverrides(overrides.RadioMarkOuter, StyledRadioMarkOuter), 2), RadioMarkOuter = _g[0], radioMarkOuterProps = _g[1];
-        var sharedProps = {
-            $align: this.props.align,
-            $checked: this.props.checked,
-            $disabled: this.props.disabled,
-            $hasDescription: !!this.props.description,
-            $isActive: this.state.isActive,
-            $error: this.props.error,
-            $isFocused: this.props.isFocused,
-            $isFocusVisible: this.props.isFocused && this.props.isFocusVisible,
-            $isHovered: this.state.isHovered,
-            $labelPlacement: this.props.labelPlacement,
-            $required: this.props.required,
-            $value: this.props.value,
-        };
-        var label = (_jsx(Label, __assign({}, sharedProps, labelProps, { children: this.props.containsInteractiveElement ? (
-            // Prevents the event from bubbling up to the label and moving focus to the radio button
-            // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-            _jsx("div", __assign({ onClick: function (e) { return e.preventDefault(); } }, { children: this.props.children }), void 0)) : (this.props.children) }), void 0));
-        return (_jsxs(React.Fragment, { children: [_jsxs(Root, __assign({ "data-baseweb": "radio", onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, onMouseDown: this.onMouseDown, onMouseUp: this.onMouseUp }, sharedProps, rootProps, { children: [isLabelTopLeft(this.props.labelPlacement) && label, _jsx(RadioMarkOuter, __assign({}, sharedProps, radioMarkOuterProps, { children: _jsx(RadioMarkInner, __assign({}, sharedProps, radioMarkInnerProps), void 0) }), void 0), _jsx(Input, __assign({ "aria-invalid": this.props.error || null, checked: this.props.checked, disabled: this.props.disabled, name: this.props.name, onBlur: this.props.onBlur, onFocus: this.props.onFocus, 
-                            // Prevent a second click event from firing when label is clicked.
-                            // See https://github.com/uber/baseweb/issues/3847 & https://github.com/uber/baseweb/issues/4033
-                            onClick: stopPropagation, onChange: this.props.onChange, ref: this.props.inputRef, required: this.props.required, tabIndex: this.props.tabIndex, type: "radio", value: this.props.value }, sharedProps, inputProps), void 0), isLabelBottomRight(this.props.labelPlacement) && label] }), void 0), !!this.props.description && (_jsx(Description, __assign({}, sharedProps, descriptionProps, { children: this.props.description }), void 0))] }, void 0));
-    };
-    Radio.defaultProps = {
-        overrides: {},
-        containsInteractiveElement: false,
-        checked: false,
-        disabled: false,
-        autoFocus: false,
-        inputRef: React.createRef(),
-        align: 'vertical',
-        error: false,
-        onChange: function () { },
-        onMouseEnter: function () { },
-        onMouseLeave: function () { },
-        onMouseDown: function () { },
-        onMouseUp: function () { },
-        onFocus: function () { },
-        onBlur: function () { },
-    };
-    return Radio;
-}(React.Component));
-export default Radio;

package/esm/baseui/radio/radiogroup.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { RadioGroupProps, DefaultProps, StatelessState } from './types';
-import type { ChangeEvent } from 'react';
-declare class StatelessRadioGroup extends React.Component<RadioGroupProps, StatelessState> {
-    static defaultProps: DefaultProps;
-    state: {
-        isFocusVisible: boolean;
-        focusedRadioIndex: number;
-    };
-    handleFocus: (event: ChangeEvent<HTMLInputElement>, index: number) => void;
-    handleBlur: (event: ChangeEvent<HTMLInputElement>, index: number) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export default StatelessRadioGroup;

package/esm/baseui/radio/radiogroup.js

@@ -1,82 +0,0 @@
-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 { getOverrides } from '../helpers/overrides';
-import { RadioGroupRoot as StyledRadioGroupRoot } from './styled-components';
-import { isFocusVisible } from '../utils/focusVisible';
-var StatelessRadioGroup = /** @class */ (function (_super) {
-    __extends(StatelessRadioGroup, _super);
-    function StatelessRadioGroup() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = { isFocusVisible: false, focusedRadioIndex: -1 };
-        _this.handleFocus = function (event, index) {
-            if (isFocusVisible(event)) {
-                _this.setState({ isFocusVisible: true });
-            }
-            _this.setState({ focusedRadioIndex: index });
-            _this.props.onFocus && _this.props.onFocus(event);
-        };
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        _this.handleBlur = function (event, index) {
-            if (_this.state.isFocusVisible !== false) {
-                _this.setState({ isFocusVisible: false });
-            }
-            _this.setState({ focusedRadioIndex: -1 });
-            _this.props.onBlur && _this.props.onBlur(event);
-        };
-        return _this;
-    }
-    StatelessRadioGroup.prototype.render = function () {
-        var _this = this;
-        var _a = this.props.overrides, overrides = _a === void 0 ? {} : _a;
-        var _b = __read(getOverrides(overrides.RadioGroupRoot, StyledRadioGroupRoot), 2), RadioGroupRoot = _b[0], radioGroupRootProps = _b[1];
-        return (_jsx(RadioGroupRoot, __assign({ id: this.props.id, role: "radiogroup", "aria-describedby": this.props['aria-describedby'], "aria-errormessage": this.props['aria-errormessage'], "aria-invalid": this.props.error || null, "aria-label": this.props['aria-label'], "aria-labelledby": this.props['aria-labelledby'], "$align": this.props.align, "$disabled": this.props.disabled, "$error": this.props.error, "$required": this.props.required }, radioGroupRootProps, { children: React.Children.map(this.props.children, function (child, index) {
-                if (!React.isValidElement(child)) {
-                    return null;
-                }
-                var checked = _this.props.value === child.props.value;
-                return React.cloneElement(child, {
-                    //@ts-ignore
-                    align: _this.props.align,
-                    autoFocus: _this.props.autoFocus,
-                    checked: checked,
-                    disabled: _this.props.disabled || child.props.disabled,
-                    error: _this.props.error,
-                    isFocused: _this.state.focusedRadioIndex === index,
-                    isFocusVisible: _this.state.isFocusVisible,
-                    tabIndex: (index === 0 && !_this.props.value) || checked ? '0' : '-1',
-                    labelPlacement: _this.props.labelPlacement,
-                    name: _this.props.name,
-                    onBlur: function (e) { return _this.handleBlur(e, index); },
-                    onFocus: function (e) { return _this.handleFocus(e, index); },
-                    onChange: _this.props.onChange,
-                    onMouseEnter: _this.props.onMouseEnter,
-                    onMouseLeave: _this.props.onMouseLeave,
-                });
-            }) }), void 0));
-    };
-    StatelessRadioGroup.defaultProps = {
-        name: '',
-        value: '',
-        disabled: false,
-        autoFocus: false,
-        labelPlacement: 'right',
-        align: 'vertical',
-        error: false,
-        required: false,
-        onChange: function () { },
-        onMouseEnter: function () { },
-        onMouseLeave: function () { },
-        onFocus: function () { },
-        onBlur: function () { },
-        overrides: {},
-    };
-    return StatelessRadioGroup;
-}(React.Component));
-export default StatelessRadioGroup;

package/esm/baseui/radio/stateful-radiogroup-container.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import type { StatefulContainerProps, DefaultStatefulProps, State } from './types';
-import type { ChangeEvent } from 'react';
-declare class StatefulRadioGroupContainer extends React.Component<StatefulContainerProps, State> {
-    static defaultProps: DefaultStatefulProps;
-    constructor(props: StatefulContainerProps);
-    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-    stateReducer: (type: string, e: ChangeEvent<HTMLInputElement>) => void;
-    render(): React.ReactNode;
-}
-export default StatefulRadioGroupContainer;

package/esm/baseui/radio/stateful-radiogroup-container.js

@@ -1,56 +0,0 @@
-import { __assign, __extends, __rest } from "tslib";
-/*
-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 { STATE_TYPE } from './constants';
-var defaultStateReducer = function (type, nextState) { return nextState; };
-var StatefulRadioGroupContainer = /** @class */ (function (_super) {
-    __extends(StatefulRadioGroupContainer, _super);
-    function StatefulRadioGroupContainer(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onChange = function (e) {
-            _this.stateReducer(STATE_TYPE.change, e);
-            var onChange = _this.props.onChange;
-            onChange && onChange(e);
-        };
-        _this.stateReducer = function (type, e) {
-            var nextState = {};
-            var stateReducer = _this.props.stateReducer;
-            if (type === STATE_TYPE.change) {
-                nextState = { value: e.target.value };
-            }
-            var newState = stateReducer(type, nextState, _this.state, e);
-            _this.setState(newState);
-        };
-        var initialState = _this.props.initialState;
-        _this.state = __assign({}, initialState);
-        return _this;
-    }
-    StatefulRadioGroupContainer.prototype.render = function () {
-        var _a = this.props, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        _b = _a.children, 
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        children = _b === void 0 ? function (childProps) { return null; } : _b, // eslint-disable-line no-unused-vars
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        initialState = _a.initialState, // eslint-disable-line no-unused-vars
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        stateReducer = _a.stateReducer, // eslint-disable-line no-unused-vars
-        restProps = __rest(_a, ["children", "initialState", "stateReducer"]);
-        var onChange = this.onChange;
-        return children(__assign(__assign({}, restProps), { value: this.state.value, onChange: onChange }));
-    };
-    StatefulRadioGroupContainer.defaultProps = {
-        initialState: {
-            value: '',
-        },
-        stateReducer: defaultStateReducer,
-        onChange: function () { },
-    };
-    return StatefulRadioGroupContainer;
-}(React.Component));
-export default StatefulRadioGroupContainer;

package/esm/baseui/radio/stateful-radiogroup.js

@@ -1,13 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-// eslint-disable-next-line import/no-named-default
-import StatefulContainer from './stateful-radiogroup-container';
-// eslint-disable-next-line import/no-named-default
-import RadioGroup from './radiogroup';
-// Styled elements
-var StatefulRadioGroup = function (props) {
-    var children = props.children, restProps = __rest(props, ["children"]);
-    return (_jsx(StatefulContainer, __assign({}, restProps, { children: function (childrenProps) { return _jsx(RadioGroup, __assign({}, childrenProps, { children: children }), void 0); } }), void 0));
-};
-StatefulRadioGroup.displayName = 'StatefulRadioGroup';
-export default StatefulRadioGroup;

package/esm/baseui/radio/styled-components.d.ts

@@ -1,7 +0,0 @@
-export declare const RadioGroupRoot: import("../../style/styled").StyledComponent;
-export declare const Root: import("../../style/styled").StyledComponent;
-export declare const RadioMarkInner: import("../../style/styled").StyledComponent;
-export declare const RadioMarkOuter: import("../../style/styled").StyledComponent;
-export declare const Label: import("../../style/styled").StyledComponent;
-export declare const Input: import("../../style/styled").StyledComponent;
-export declare const Description: import("../../style/styled").StyledComponent;

package/esm/baseui/radio/styled-components.js

@@ -1,50 +0,0 @@
-/*
-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';
-function getLabelColor(utils, props) {
-    var theme = utils.theme;
-    var $disabled = props.$disabled;
-    return $disabled ? theme.spr.text02 : theme.spr.text01;
-}
-export var RadioGroupRoot = styled('div', 'flex flex-wrap', function (utils, props) {
-    var $disabled = props.$disabled, $align = props.$align;
-    return {
-        flexDirection: $align === 'horizontal' ? 'row' : 'column',
-        alignItems: $align === 'horizontal' ? 'center' : 'flex-start',
-        cursor: $disabled ? 'not-allowed' : 'default',
-        '-webkit-tap-highlight-color': 'transparent',
-    };
-});
-RadioGroupRoot.displayName = 'RadioGroupRoot';
-// @ts-ignore
-export var Root = styled('label', 'flex items-center', function (utils, props) {
-    var $disabled = props.$disabled, $labelPlacement = props.$labelPlacement;
-    return {
-        flexDirection: $labelPlacement === 'top' || $labelPlacement === 'bottom' ? 'column' : 'row',
-        cursor: $disabled ? 'not-allowed' : 'pointer',
-        width: 'fit-content',
-    };
-});
-Root.displayName = 'Root';
-export var RadioMarkInner = styled('div', 'rounded-full');
-RadioMarkInner.displayName = 'RadioMarkInner';
-export var RadioMarkOuter = styled('div', 'items-center rounded-full flex justify-center align-middle m-0.5 flex-shrink-0', {
-    outline: 'none',
-});
-RadioMarkOuter.displayName = 'RadioMarkOuter';
-export var Label = styled('div', 'align-middle font-500 leading-8', function (utils, props) { return ({
-    color: getLabelColor(utils, props),
-}); });
-Label.displayName = 'Label';
-export var Input = styled('input', 'absolute', {
-    clip: 'rect(0 0 0 0)',
-});
-Input.displayName = 'Input';
-export var Description = styled('div', 'cursor-auto ', {
-    maxWidth: '240px',
-});
-Description.displayName = 'Description';

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

@@ -1,169 +0,0 @@
-import type * as React from 'react';
-import type { Override } from '../helpers/overrides';
-import type { ALIGN } from './constants';
-export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
-export declare type Align = keyof typeof ALIGN;
-export declare type RadioOverrides = {
-    RadioMarkInner?: Override;
-    RadioMarkOuter?: Override;
-    Label?: Override;
-    Root?: Override;
-    Input?: Override;
-    Description?: Override;
-};
-export declare type RadioGroupOverrides = {
-    RadioGroupRoot?: Override;
-};
-export declare type DefaultProps = Partial<RadioGroupProps>;
-export declare type RadioGroupProps = {
-    /** Id of element which contains a related caption */
-    'aria-describedby'?: string;
-    /** Id of element which contains a related error message */
-    'aria-errormessage'?: string;
-    /**
-     * Used to define a string that labels the radio group. Use this prop if the label is not
-     * visible on screen. If the label is visible, use the 'aria-labeledby' prop instead.
-     */
-    'aria-label'?: string;
-    /**
-     * Establishes a relationship between the radio group and its label. Screen readers use this
-     * attribute to catalog the object on a page so that users can navigate between them.
-     */
-    'aria-labelledby'?: string;
-    overrides?: RadioGroupOverrides;
-    /** As `children` in React native approach represents radio buttons inside of Radio Group. Can use `Radio` from this package. */
-    children?: Array<React.ReactNode>;
-    /** The value of radio button, which is preselected. */
-    value?: string;
-    /** Disabled all radio group from being changed. To disable some of radios provide disabled flag in each of them. */
-    disabled?: boolean;
-    /** Set if the control is required to be checked. */
-    required?: boolean;
-    /** Sets radio group into error state. */
-    error?: boolean;
-    /** Set to be focused (active) on selected\checked radio. */
-    autoFocus?: boolean;
-    /** How to position radio buttons in the group. */
-    align?: Align;
-    /** String value for the name of RadioGroup, it is used to group buttons. If missed default is random ID string. */
-    name?: string;
-    /** How to position the label relative to the radio itself. */
-    labelPlacement?: LabelPlacement;
-    /** Unique id for RadioGroup, help ARIA to identify element */
-    id?: string;
-    /** Handler for change events on trigger element. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for focus events on trigger element. */
-    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for blur events on trigger element. */
-    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-};
-export declare type State = {
-    value?: string;
-};
-export declare type RadioProps = {
-    /** Focus the radio on initial render. */
-    autoFocus?: boolean;
-    /** How the radio will be displayed along with its description. Controls spacing */
-    align?: Align;
-    /** Check or uncheck the control. */
-    checked?: boolean;
-    /** Label of radio. */
-    children?: React.ReactNode;
-    /** Indicates if this radio children contain an interactive element (prevents the label from moving focus from the child element to the radio button) */
-    containsInteractiveElement?: boolean;
-    /** Add more detail about a radio element. */
-    description?: string;
-    /** Disable the checkbox from being changed. */
-    disabled?: boolean;
-    /** Used to get a ref to the input element. Useful for programmatically focusing the input */
-    inputRef?: React.RefObject<HTMLInputElement>;
-    /** Renders checkbox in errored state. */
-    error?: boolean;
-    /** Is radio focused / active? */
-    isFocused?: boolean;
-    /** Is parent RadioGroup focused by keyboard? */
-    isFocusVisible?: boolean;
-    /** How to position the label relative to the checkbox itself. */
-    labelPlacement?: 'top' | 'right' | 'bottom' | 'left';
-    /** Passed to the input element name attribute */
-    name?: string;
-    /** handler for blur events on trigger element. */
-    onBlur?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for change events on trigger element. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** handler for focus events on trigger element. */
-    onFocus?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mouseenter events on trigger element. */
-    onMouseEnter?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mouseleave events on trigger element. */
-    onMouseLeave?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mousedown events on trigger element. */
-    onMouseDown?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Handler for mouseup events on trigger element. */
-    onMouseUp?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    overrides?: RadioOverrides;
-    /** Marks the checkbox as required. */
-    required?: boolean;
-    /** Passed to the input element value attribute */
-    value?: string;
-    /** Passed to the input element, typically managed by RadioGroup */
-    tabIndex?: string;
-};
-export declare type RadioState = {
-    isActive: boolean;
-    isHovered: boolean;
-};
-export declare type StateReducer = (stateType: string, nextState: State, currentState: State, event: React.ChangeEvent<HTMLInputElement>) => State;
-export declare type StatelessState = {
-    isFocusVisible: boolean;
-    focusedRadioIndex: number;
-};
-export declare type DefaultStatefulProps = {
-    initialState: State;
-    children?: (props: RadioGroupProps) => React.ReactNode;
-    stateReducer: StateReducer;
-    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-};
-export declare type StatefulContainerProps = {
-    overrides?: RadioGroupOverrides;
-    /** Should return `RadioGroup` instance with standard or customized inner elements. */
-    children?: (props: RadioGroupProps) => React.ReactNode;
-    /** Initial state populated into the component */
-    initialState?: State;
-    /** Reducer function to manipulate internal state updates. */
-    stateReducer: StateReducer;
-    /** Handler for change events on trigger element. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-    /** Set to be focused (active) on selected\checked radio. */
-    autoFocus?: boolean;
-};
-export declare type StatefulRadioGroupProps = {
-    overrides?: RadioGroupOverrides;
-    /** A list of `Radio` components. */
-    children?: Array<React.ReactNode>;
-    /** Initial state populated into the component */
-    initialState?: State;
-    /** Set to be focused (active) on selected\checked radio. */
-    autoFocus?: boolean;
-    /** Handler for change events on trigger element. */
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
-};
-export declare type StyleProps = {
-    $align?: string;
-    $checked: boolean;
-    $disabled: boolean;
-    $hasDescription: boolean;
-    $isActive: boolean;
-    $error: boolean;
-    $isFocused: boolean;
-    $isFocusVisible: boolean;
-    $isHovered: boolean;
-    $labelPlacement: LabelPlacement;
-    $required: boolean;
-    $value: string;
-};

package/esm/baseui/slider/constants.js

@@ -1,10 +0,0 @@
-/*
-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 STATE_CHANGE_TYPE = Object.freeze({
-    change: 'change',
-    finalChange: 'finalChange',
-});

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

@@ -1,8 +0,0 @@
-import type { StyleProps } from './types';
-export { default as Slider } from './slider';
-export { default as StatefulSlider } from './stateful-slider';
-export { default as StatefulContainer } from './stateful-slider-container';
-export { Root as StyledRoot, Track as StyledTrack, InnerTrack as StyledInnerTrack, Thumb as StyledThumb, InnerThumb as StyledInnerThumb, Tick as StyledTick, TickBar as StyledTickBar, ThumbValue as StyledThumbValue, Mark as StyledMark, } from './styled-components';
-export * from './types';
-/** @deprecated use StyleProps instead. To be removed in future versions.*/
-export declare type SharedProps = StyleProps;

package/esm/baseui/slider/index.js

@@ -1,6 +0,0 @@
-export { default as Slider } from './slider';
-export { default as StatefulSlider } from './stateful-slider';
-export { default as StatefulContainer } from './stateful-slider-container';
-// Styled elements
-export { Root as StyledRoot, Track as StyledTrack, InnerTrack as StyledInnerTrack, Thumb as StyledThumb, InnerThumb as StyledInnerThumb, Tick as StyledTick, TickBar as StyledTickBar, ThumbValue as StyledThumbValue, Mark as StyledMark, } from './styled-components';
-export * from './types';

package/esm/baseui/slider/slider.d.ts

@@ -1,3 +0,0 @@
-import type { SliderProps } from './types';
-declare function Slider({ overrides, disabled, marks, onChange, onFinalChange, min, max, step, persistentThumb, valueToLabel, value: providedValue, }: SliderProps): import("react/jsx-runtime").JSX.Element;
-export default Slider;

package/esm/baseui/slider/slider.js

@@ -1,98 +0,0 @@
-import { __assign, __read } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } 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 { Range } from 'react-range';
-import { isFocusVisible as focusVisible, forkFocus, forkBlur } from '../utils/focusVisible';
-import { Root as StyledRoot, Track as StyledTrack, InnerTrack as StyledInnerTrack, Tick as StyledTick, TickBar as StyledTickBar, Thumb as StyledThumb, InnerThumb as StyledInnerThumb, ThumbValue as StyledThumbValue, Mark as StyledMark, } from './styled-components';
-import { getOverrides } from '../helpers/overrides';
-import { useStyle } from '../../style';
-// value.length should not be bigger than two
-// because our design doesn't support more than
-// two thumbs
-var limitValue = function (value) {
-    if (value.length > 2 || value.length === 0) {
-        throw new Error('the value prop represents positions of thumbs, so its length can be only one or two');
-    }
-    return value;
-};
-function Slider(_a) {
-    var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.marks, marks = _d === void 0 ? false : _d, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.onFinalChange, onFinalChange = _f === void 0 ? function () { } : _f, _g = _a.min, min = _g === void 0 ? 0 : _g, _h = _a.max, max = _h === void 0 ? 100 : _h, _j = _a.step, step = _j === void 0 ? 1 : _j, _k = _a.persistentThumb, persistentThumb = _k === void 0 ? false : _k, _l = _a.valueToLabel, valueToLabel = _l === void 0 ? function (label) { return label; } : _l, providedValue = _a.value;
-    var _m = __read(React.useState(false), 2), isHovered0 = _m[0], setIsHovered0 = _m[1];
-    var _o = __read(React.useState(false), 2), isHovered1 = _o[0], setIsHovered1 = _o[1];
-    var _p = __read(React.useState(false), 2), isFocusVisible = _p[0], setIsFocusVisible = _p[1];
-    var _q = __read(React.useState(-1), 2), focusedThumbIndex = _q[0], setFocusedThumbIndex = _q[1];
-    var isRTL = useStyle().isRTL;
-    var handleFocus = React.useCallback(function (event) {
-        if (focusVisible(event)) {
-            setIsFocusVisible(true);
-        }
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        var index = event.target.parentNode.firstChild === event.target ? 0 : 1;
-        setFocusedThumbIndex(index);
-    }, []);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    var handleBlur = React.useCallback(function (event) {
-        if (isFocusVisible !== false) {
-            setIsFocusVisible(false);
-        }
-        setFocusedThumbIndex(-1);
-    }, [isFocusVisible]);
-    var value = limitValue(providedValue);
-    var sharedProps = {
-        $disabled: disabled,
-        $step: step,
-        $min: min,
-        $max: max,
-        $marks: marks,
-        $value: value,
-        $isFocusVisible: isFocusVisible,
-    };
-    var _r = __read(getOverrides(overrides.Root, StyledRoot), 2), Root = _r[0], rootProps = _r[1];
-    var _s = __read(getOverrides(overrides.Track, StyledTrack), 2), Track = _s[0], trackProps = _s[1];
-    var _t = __read(getOverrides(overrides.InnerTrack, StyledInnerTrack), 2), InnerTrack = _t[0], innerTrackProps = _t[1];
-    var _u = __read(getOverrides(overrides.Thumb, StyledThumb), 2), Thumb = _u[0], thumbProps = _u[1];
-    var _v = __read(getOverrides(overrides.InnerThumb, StyledInnerThumb), 2), InnerThumb = _v[0], innerThumbProps = _v[1];
-    var _w = __read(getOverrides(overrides.ThumbValue, StyledThumbValue), 2), ThumbValue = _w[0], thumbValueProps = _w[1];
-    var _x = __read(getOverrides(overrides.Tick, StyledTick), 2), Tick = _x[0], tickProps = _x[1];
-    var _y = __read(getOverrides(overrides.TickBar, StyledTickBar), 2), TickBar = _y[0], tickBarProps = _y[1];
-    var _z = __read(getOverrides(overrides.Mark, StyledMark), 2), Mark = _z[0], markProps = _z[1];
-    return (_jsxs(Root, __assign({ "data-baseweb": "slider" }, sharedProps, rootProps, { onFocus: forkFocus(rootProps, handleFocus), onBlur: forkBlur(rootProps, handleBlur) }, { children: [_jsx(Range, __assign({ step: step, min: min, max: max, values: value, disabled: disabled, onChange: function (value) { return onChange({ value: value }); }, onFinalChange: function (value) { return onFinalChange({ value: value }); }, rtl: isRTL, renderTrack: function (_a) {
-                    var props = _a.props, children = _a.children, isDragged = _a.isDragged;
-                    return (_jsx(Track, __assign({ onMouseDown: props.onMouseDown, onTouchStart: props.onTouchStart, "$isDragged": isDragged }, sharedProps, trackProps, { children: _jsx(InnerTrack, __assign({ "$isDragged": isDragged, ref: props.ref }, sharedProps, innerTrackProps, { children: children }), void 0) }), void 0));
-                }, renderThumb: function (_a) {
-                    var props = _a.props, index = _a.index, isDragged = _a.isDragged;
-                    var displayLabel = persistentThumb
-                        ? persistentThumb
-                        : ((!!index && isHovered1) || (!index && isHovered0) || isDragged) && !disabled;
-                    return (_jsxs(Thumb, __assign({}, props, { onMouseEnter: function () {
-                            if (index === 0) {
-                                setIsHovered0(true);
-                            }
-                            else {
-                                setIsHovered1(true);
-                            }
-                        }, onMouseLeave: function () {
-                            if (index === 0) {
-                                setIsHovered0(false);
-                            }
-                            else {
-                                setIsHovered1(false);
-                            }
-                        }, "$thumbIndex": index, "$isDragged": isDragged, style: __assign(__assign({}, props.style), { zIndex: 'unset' }) }, sharedProps, thumbProps, { "$isFocusVisible": isFocusVisible && focusedThumbIndex === index }, { children: [displayLabel && (_jsx(ThumbValue, __assign({ "$thumbIndex": index, "$isDragged": isDragged }, sharedProps, thumbValueProps, { children: valueToLabel(value[index]) }), void 0)), displayLabel && (_jsx(InnerThumb, __assign({ "$thumbIndex": index, "$isDragged": isDragged }, sharedProps, innerThumbProps), void 0))] }), void 0));
-                } }, (marks
-                ? {
-                    // eslint-disable-next-line react/display-name
-                    renderMark: function (_a) {
-                        var props = _a.props, index = _a.index;
-                        return _jsx(Mark, __assign({ "$markIndex": index }, props, sharedProps, markProps), void 0);
-                    },
-                }
-                : {})), void 0), _jsxs(TickBar, __assign({}, sharedProps, tickBarProps, { children: [_jsx(Tick, __assign({}, sharedProps, tickProps, { children: valueToLabel(min) }), void 0), _jsx(Tick, __assign({}, sharedProps, tickProps, { children: valueToLabel(max) }), void 0)] }), void 0)] }), void 0));
-}
-export default Slider;