@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/baseui/checkbox/checkbox.js

@@ -0,0 +1,144 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("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.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var overrides_1 = require("../helpers/overrides");
+var styled_components_1 = require("./styled-components");
+var constants_1 = require("./constants");
+var focusVisible_1 = require("../utils/focusVisible");
+// @ts-ignore
+var stopPropagation = function (e) { return e.stopPropagation(); };
+var StatelessCheckbox = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(StatelessCheckbox, _super);
+    function StatelessCheckbox() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.inputRef = _this.props.inputRef || React.createRef();
+        _this.state = {
+            isFocused: _this.props.autoFocus || false,
+            isFocusVisible: false,
+            isHovered: false,
+            isActive: false,
+        };
+        _this.onMouseEnter = function (e) {
+            _this.setState({ isHovered: true });
+            // @ts-ignore
+            _this.props.onMouseEnter(e);
+        };
+        _this.onMouseLeave = function (e) {
+            _this.setState({ isHovered: false, isActive: false });
+            // @ts-ignore
+            _this.props.onMouseLeave(e);
+        };
+        _this.onMouseDown = function (e) {
+            _this.setState({ isActive: true });
+            // @ts-ignore
+            _this.props.onMouseDown(e);
+        };
+        _this.onMouseUp = function (e) {
+            _this.setState({ isActive: false });
+            // @ts-ignore
+            _this.props.onMouseUp(e);
+        };
+        _this.onFocus = function (e) {
+            _this.setState({ isFocused: true });
+            // @ts-ignore
+            _this.props.onFocus(e);
+            if ((0, focusVisible_1.isFocusVisible)(e)) {
+                _this.setState({ isFocusVisible: true });
+            }
+        };
+        _this.onBlur = function (e) {
+            _this.setState({ isFocused: false });
+            // @ts-ignore
+            _this.props.onBlur(e);
+            if (_this.state.isFocusVisible !== false) {
+                _this.setState({ isFocusVisible: false });
+            }
+        };
+        return _this;
+    }
+    StatelessCheckbox.prototype.componentDidMount = function () {
+        var _a = this.props, autoFocus = _a.autoFocus, isIndeterminate = _a.isIndeterminate;
+        // @ts-ignore
+        if (autoFocus && this.inputRef.current) {
+            // @ts-ignore
+            this.inputRef.current.focus();
+        }
+        if (this.inputRef.current) {
+            this.inputRef.current.indeterminate = Boolean(isIndeterminate);
+        }
+    };
+    StatelessCheckbox.prototype.componentDidUpdate = function (prevProps) {
+        var isIndeterminate = this.props.isIndeterminate;
+        if (this.inputRef.current && isIndeterminate !== prevProps.isIndeterminate) {
+            this.inputRef.current.indeterminate = Boolean(isIndeterminate);
+        }
+    };
+    StatelessCheckbox.prototype.render = function () {
+        var _a = this.props, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, onChange = _a.onChange, _c = _a.labelPlacement, labelPlacement = _c === void 0 ? this.props.checkmarkType === constants_1.STYLE_TYPE.toggle ? 'left' : 'right' : _c, isIndeterminate = _a.isIndeterminate, error = _a.error, disabled = _a.disabled, value = _a.value, id = _a.id, name = _a.name, checked = _a.checked, children = _a.children, required = _a.required, title = _a.title;
+        var RootOverride = overrides.Root, CheckmarkOverride = overrides.Checkmark, LabelOverride = overrides.Label, InputOverride = overrides.Input, ToggleOverride = overrides.Toggle, ToggleTrackOverride = overrides.ToggleTrack;
+        var Root = (0, overrides_1.getOverride)(RootOverride) || styled_components_1.Root;
+        var Checkmark = (0, overrides_1.getOverride)(CheckmarkOverride) || styled_components_1.Checkmark;
+        var Label = (0, overrides_1.getOverride)(LabelOverride) || styled_components_1.Label;
+        var Input = (0, overrides_1.getOverride)(InputOverride) || styled_components_1.Input;
+        var Toggle = (0, overrides_1.getOverride)(ToggleOverride) || styled_components_1.Toggle;
+        var ToggleTrack = (0, overrides_1.getOverride)(ToggleTrackOverride) || styled_components_1.ToggleTrack;
+        var inputEvents = {
+            onChange: onChange,
+            onFocus: this.onFocus,
+            onBlur: this.onBlur,
+        };
+        var mouseEvents = {
+            onMouseEnter: this.onMouseEnter,
+            onMouseLeave: this.onMouseLeave,
+            onMouseDown: this.onMouseDown,
+            onMouseUp: this.onMouseUp,
+        };
+        var sharedProps = {
+            $isFocused: this.state.isFocused,
+            $isFocusVisible: this.state.isFocusVisible,
+            $isHovered: this.state.isHovered,
+            $isActive: this.state.isActive,
+            $error: error,
+            $checked: checked,
+            $isIndeterminate: isIndeterminate,
+            $required: required,
+            $disabled: disabled,
+            $value: value,
+        };
+        var labelComp = children && ((0, jsx_runtime_1.jsx)(Label, (0, tslib_1.__assign)({ "$labelPlacement": labelPlacement }, sharedProps, (0, overrides_1.getOverrideProps)(LabelOverride), { 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
+            (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ onClick: function (e) { return e.preventDefault(); } }, { children: children }), void 0)) : (children) }), void 0));
+        return ((0, jsx_runtime_1.jsxs)(Root, (0, tslib_1.__assign)({ "data-baseweb": "checkbox", title: title || null, "$labelPlacement": labelPlacement }, sharedProps, mouseEvents, (0, overrides_1.getOverrideProps)(RootOverride), { children: [(labelPlacement === 'top' || labelPlacement === 'left') && labelComp, this.props.checkmarkType === constants_1.STYLE_TYPE.toggle ? ((0, jsx_runtime_1.jsx)(ToggleTrack, (0, tslib_1.__assign)({}, sharedProps, (0, overrides_1.getOverrideProps)(ToggleTrackOverride), { children: (0, jsx_runtime_1.jsx)(Toggle, (0, tslib_1.__assign)({}, sharedProps, (0, overrides_1.getOverrideProps)(ToggleOverride)), void 0) }), void 0)) : ((0, jsx_runtime_1.jsx)(Checkmark, (0, tslib_1.__assign)({}, sharedProps, (0, overrides_1.getOverrideProps)(CheckmarkOverride)), void 0)), (0, jsx_runtime_1.jsx)(Input, (0, tslib_1.__assign)({ value: value, id: id, name: name, checked: checked, required: required, "aria-label": this.props['aria-label'] || this.props.ariaLabel, "aria-describedby": this.props['aria-describedby'], "aria-errormessage": this.props['aria-errormessage'], "aria-invalid": error || null, "aria-required": required || null, disabled: disabled, type: "checkbox", ref: this.inputRef, 
+                    // Prevent a second click event from firing when label is clicked.
+                    // See https://github.com/uber/baseweb/issues/3847
+                    onClick: stopPropagation }, sharedProps, inputEvents, (0, overrides_1.getOverrideProps)(InputOverride)), void 0), (labelPlacement === 'bottom' || labelPlacement === 'right') && labelComp] }), void 0));
+    };
+    StatelessCheckbox.defaultProps = {
+        overrides: {},
+        checked: false,
+        containsInteractiveElement: false,
+        disabled: false,
+        autoFocus: false,
+        isIndeterminate: false,
+        error: false,
+        checkmarkType: constants_1.STYLE_TYPE.default,
+        onChange: function () { },
+        onMouseEnter: function () { },
+        onMouseLeave: function () { },
+        onMouseDown: function () { },
+        onMouseUp: function () { },
+        onFocus: function () { },
+        onBlur: function () { },
+    };
+    return StatelessCheckbox;
+}(React.Component));
+exports.default = StatelessCheckbox;

package/baseui/checkbox/constants.d.ts

@@ -0,0 +1,14 @@
+export declare const STATE_TYPE: {
+    readonly change: "CHANGE";
+};
+export declare const STYLE_TYPE: Readonly<{
+    readonly default: "default";
+    readonly toggle: "toggle";
+    readonly toggle_round: "toggle";
+}>;
+export declare const LABEL_PLACEMENT: Readonly<{
+    readonly top: "top";
+    readonly right: "right";
+    readonly bottom: "bottom";
+    readonly left: "left";
+}>;

package/baseui/checkbox/constants.js

@@ -0,0 +1,26 @@
+"use strict";
+/*
+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.
+*/
+/* eslint-disable import/prefer-default-export */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LABEL_PLACEMENT = exports.STYLE_TYPE = exports.STATE_TYPE = void 0;
+exports.STATE_TYPE = {
+    change: 'CHANGE',
+};
+exports.STYLE_TYPE = Object.freeze({
+    default: 'default',
+    toggle: 'toggle',
+    // maintaining key with aliased value to assist in transition to v11 but will be removed soon after release
+    toggle_round: 'toggle',
+});
+exports.LABEL_PLACEMENT = Object.freeze({
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left',
+});
+/* eslint-enable import/prefer-default-export */

package/baseui/checkbox/index.d.ts

@@ -0,0 +1,6 @@
+export { default as StatefulCheckbox } from './stateful-checkbox';
+export { default as StatefulContainer } from './stateful-checkbox-container';
+export { default as Checkbox } from './checkbox';
+export { Root as StyledRoot, Checkmark as StyledCheckmark, Label as StyledLabel, Input as StyledInput, Toggle as StyledToggle, ToggleTrack as StyledToggleTrack, } from './styled-components';
+export { STATE_TYPE, STYLE_TYPE, LABEL_PLACEMENT } from './constants';
+export * from './types';

package/baseui/checkbox/index.js

@@ -0,0 +1,31 @@
+"use strict";
+/*
+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.
+*/
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LABEL_PLACEMENT = exports.STYLE_TYPE = exports.STATE_TYPE = exports.StyledToggleTrack = exports.StyledToggle = exports.StyledInput = exports.StyledLabel = exports.StyledCheckmark = exports.StyledRoot = exports.Checkbox = exports.StatefulContainer = exports.StatefulCheckbox = void 0;
+var tslib_1 = require("tslib");
+var stateful_checkbox_1 = require("./stateful-checkbox");
+Object.defineProperty(exports, "StatefulCheckbox", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_checkbox_1).default; } });
+var stateful_checkbox_container_1 = require("./stateful-checkbox-container");
+Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(stateful_checkbox_container_1).default; } });
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return (0, tslib_1.__importDefault)(checkbox_1).default; } });
+// Styled elements
+var styled_components_1 = require("./styled-components");
+Object.defineProperty(exports, "StyledRoot", { enumerable: true, get: function () { return styled_components_1.Root; } });
+Object.defineProperty(exports, "StyledCheckmark", { enumerable: true, get: function () { return styled_components_1.Checkmark; } });
+Object.defineProperty(exports, "StyledLabel", { enumerable: true, get: function () { return styled_components_1.Label; } });
+Object.defineProperty(exports, "StyledInput", { enumerable: true, get: function () { return styled_components_1.Input; } });
+Object.defineProperty(exports, "StyledToggle", { enumerable: true, get: function () { return styled_components_1.Toggle; } });
+Object.defineProperty(exports, "StyledToggleTrack", { enumerable: true, get: function () { return styled_components_1.ToggleTrack; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "STATE_TYPE", { enumerable: true, get: function () { return constants_1.STATE_TYPE; } });
+Object.defineProperty(exports, "STYLE_TYPE", { enumerable: true, get: function () { return constants_1.STYLE_TYPE; } });
+Object.defineProperty(exports, "LABEL_PLACEMENT", { enumerable: true, get: function () { return constants_1.LABEL_PLACEMENT; } });
+// Flow
+(0, tslib_1.__exportStar)(require("./types"), exports);

package/baseui/checkbox/stateful-checkbox-container.d.ts

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

package/baseui/checkbox/stateful-checkbox-container.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("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.
+*/
+var React = (0, tslib_1.__importStar)(require("react"));
+var constants_1 = require("./constants");
+var defaultStateReducer = function (type, nextState) { return nextState; };
+var StatefulCheckboxContainer = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(StatefulCheckboxContainer, _super);
+    function StatefulCheckboxContainer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onChange = function (e) {
+            _this.stateReducer(constants_1.STATE_TYPE.change, e);
+            var onChange = _this.props.onChange;
+            onChange && onChange(e);
+        };
+        _this.onMouseEnter = function (e) {
+            var onMouseEnter = _this.props.onMouseEnter;
+            onMouseEnter && onMouseEnter(e);
+        };
+        _this.onMouseLeave = function (e) {
+            var onMouseLeave = _this.props.onMouseLeave;
+            onMouseLeave && onMouseLeave(e);
+        };
+        _this.onFocus = function (e) {
+            var onFocus = _this.props.onFocus;
+            onFocus && onFocus(e);
+        };
+        _this.onBlur = function (e) {
+            var onBlur = _this.props.onBlur;
+            onBlur && onBlur(e);
+        };
+        _this.stateReducer = function (type, e) {
+            var nextState = {};
+            var stateReducer = _this.props.stateReducer;
+            switch (type) {
+                case constants_1.STATE_TYPE.change:
+                    nextState = { checked: e.target.checked };
+                    break;
+            }
+            var newState = stateReducer(type, nextState, _this.state, e);
+            _this.setState(newState);
+        };
+        var initialState = _this.props.initialState;
+        _this.state = (0, tslib_1.__assign)({}, initialState);
+        return _this;
+    }
+    StatefulCheckboxContainer.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-next-line @typescript-eslint/no-unused-vars
+        initialState = _a.initialState, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        stateReducer = _a.stateReducer, restProps = (0, tslib_1.__rest)(_a, ["children", "initialState", "stateReducer"]);
+        var _c = this, onChange = _c.onChange, onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, onFocus = _c.onFocus, onBlur = _c.onBlur;
+        return children((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { checked: this.state.checked, isIndeterminate: this.state.isIndeterminate, onChange: onChange, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }));
+    };
+    StatefulCheckboxContainer.defaultProps = {
+        initialState: {
+            checked: false,
+            isIndeterminate: false,
+        },
+        stateReducer: defaultStateReducer,
+        onChange: function () { },
+        onMouseEnter: function () { },
+        onMouseLeave: function () { },
+        onFocus: function () { },
+        onBlur: function () { },
+    };
+    return StatefulCheckboxContainer;
+}(React.Component));
+exports.default = StatefulCheckboxContainer;

package/baseui/checkbox/stateful-checkbox.d.ts

@@ -0,0 +1,6 @@
+import type { StatefulCheckboxProps } from './types';
+declare const StatefulCheckbox: {
+    (props: StatefulCheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default StatefulCheckbox;

package/baseui/checkbox/stateful-checkbox.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+// eslint-disable-next-line import/no-named-default
+var stateful_checkbox_container_1 = (0, tslib_1.__importDefault)(require("./stateful-checkbox-container"));
+// eslint-disable-next-line import/no-named-default
+var checkbox_1 = (0, tslib_1.__importDefault)(require("./checkbox"));
+// Styled elements
+var StatefulCheckbox = function (props) {
+    return ((0, jsx_runtime_1.jsx)(stateful_checkbox_container_1.default, (0, tslib_1.__assign)({}, props, { children: function (childrenProps) { return ((0, jsx_runtime_1.jsx)(checkbox_1.default, (0, tslib_1.__assign)({}, childrenProps, { children: props.children }), void 0)); } }), void 0));
+};
+StatefulCheckbox.displayName = 'StatefulCheckbox';
+exports.default = StatefulCheckbox;

package/baseui/checkbox/styled-components.d.ts

@@ -0,0 +1,6 @@
+export declare const Root: import("../../style/styled").StyledComponent;
+export declare const Checkmark: import("../../style/styled").StyledComponent;
+export declare const Label: import("../../style/styled").StyledComponent;
+export declare const Input: import("../../style/styled").StyledComponent;
+export declare const Toggle: import("../../style/styled").StyledComponent;
+export declare const ToggleTrack: import("../../style/styled").StyledComponent;

package/baseui/checkbox/styled-components.js

@@ -0,0 +1,51 @@
+"use strict";
+/*
+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.
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleTrack = exports.Toggle = exports.Input = exports.Label = exports.Checkmark = exports.Root = void 0;
+var style_1 = require("../../style");
+exports.Root = (0, style_1.styled)('label', 'flex select-none', function (utils, props) {
+    var $disabled = props.$disabled, $labelPlacement = props.$labelPlacement;
+    return {
+        width: 'fit-content',
+        flexDirection: $labelPlacement === 'top' || $labelPlacement === 'bottom' ? 'column' : 'row',
+        alignItems: $labelPlacement === 'top' || $labelPlacement === 'bottom' ? 'center' : 'flex-start',
+        cursor: $disabled ? 'not-allowed' : 'pointer',
+    };
+});
+exports.Root.displayName = 'Root';
+// @ts-ignore
+exports.Checkmark = (0, style_1.styled)('span', 'box-border inline-block align-middle flex-none bg-no-repeat bg-center bg-contain', function (_a, props) {
+    var theme = _a.theme;
+    var $checked = props.$checked, $isIndeterminate = props.$isIndeterminate;
+    var tickColor = theme.spr.icon05;
+    var indeterminate = encodeURIComponent("\n    <svg width=\"14\" height=\"4\" viewBox=\"0 0 14 4\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M14 0.5H0V3.5H14V0.5Z\" fill=\"".concat(tickColor, "\"/>\n    </svg>\n  "));
+    var check = encodeURIComponent("\n    <svg width=\"17\" height=\"13\" viewBox=\"0 0 17 13\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path d=\"M6.50002 12.6L0.400024 6.60002L2.60002 4.40002L6.50002 8.40002L13.9 0.900024L16.1 3.10002L6.50002 12.6Z\" fill=\"".concat(tickColor, "\"/>\n    </svg>\n  "));
+    return {
+        backgroundImage: $isIndeterminate
+            ? "url('data:image/svg+xml,".concat(indeterminate, "');")
+            : $checked
+                ? "url('data:image/svg+xml,".concat(check, "');")
+                : undefined,
+    };
+});
+exports.Checkmark.displayName = 'Checkmark';
+exports.Label = (0, style_1.styled)('div', 'align-middle font-500 leading-6');
+exports.Label.displayName = 'Label';
+// tricky style for focus event cause display: none doesn't work
+exports.Input = (0, style_1.styled)('input', 'opacity-0 w-0 h-0 overflow-hidden absolute', {
+    margin: 0,
+    padding: 0,
+});
+exports.Input.displayName = 'Input';
+// @ts-ignore
+exports.Toggle = (0, style_1.styled)('div', {
+    outline: 'none',
+});
+exports.Toggle.displayName = 'Toggle';
+exports.ToggleTrack = (0, style_1.styled)('div', 'items-center flex');
+exports.ToggleTrack.displayName = 'ToggleTrack';

package/baseui/checkbox/types.d.ts

@@ -0,0 +1,160 @@
+import type * as React from 'react';
+import type { Override } from '../helpers/overrides';
+import type { STYLE_TYPE } from './constants';
+export declare type LabelPlacement = 'top' | 'right' | 'bottom' | 'left';
+export declare type StyleType = keyof typeof STYLE_TYPE;
+export declare type CheckboxOverrides = {
+    Checkmark?: Override;
+    Label?: Override;
+    Root?: Override;
+    Input?: Override;
+    Toggle?: Override;
+    ToggleInner?: Override;
+    ToggleTrack?: Override;
+};
+export declare type DefaultProps = {
+    overrides?: any;
+    children?: React.ReactNode;
+    checked: boolean;
+    disabled: boolean;
+    error: boolean;
+    autoFocus: boolean;
+    isIndeterminate: boolean;
+    checkmarkType: StyleType;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseDown: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseUp: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    containsInteractiveElement?: boolean;
+};
+export declare type CheckboxProps = {
+    /** Id of element which contains a related caption */
+    'aria-describedby'?: string;
+    /** Id of element which contains a related error message */
+    'aria-errormessage'?: string;
+    /** Passed to the input element aria-label attribute. */
+    ariaLabel?: string;
+    'aria-label'?: string;
+    /** Component or String value for label of checkbox. */
+    children?: React.ReactNode;
+    /** Indicates if this checkbox children contain an interactive element (prevents the label from moving focus from the child element to the radio button) */
+    containsInteractiveElement?: boolean;
+    overrides?: CheckboxOverrides;
+    /** Check or uncheck the control. */
+    checked?: boolean;
+    /** Disable the checkbox from being changed. */
+    disabled?: boolean;
+    /** Marks the checkbox as required. */
+    required?: boolean;
+    /** Renders checkbox in errored state. */
+    error?: boolean;
+    /** Used to get a ref to the input element. Useful for programmatically focusing the input */
+    inputRef?: React.RefObject<HTMLInputElement>;
+    /** Focus the checkbox on initial render. */
+    autoFocus?: boolean;
+    /** Passed to the input element id attribute */
+    id?: string;
+    /** Passed to the input element name attribute */
+    name?: string;
+    /** Passed to the input element value attribute */
+    value?: string;
+    /** Indicates a 'half' state for the checkmark. In this case, `checked` is ignored. */
+    isIndeterminate?: boolean;
+    /** How to position the label relative to the checkbox itself. */
+    labelPlacement?: LabelPlacement;
+    /** Renders UI as checkmark or toggle switch. */
+    checkmarkType?: StyleType;
+    /** Text to display in native OS tooltip on long hover. */
+    title?: string | null;
+    /** 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 mousedown events on trigger element. */
+    onMouseDown?: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    /** Handler for mouseup events on trigger element. */
+    onMouseUp?: (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 CheckboxState = {
+    isFocused: boolean;
+    isFocusVisible: boolean;
+    isHovered: boolean;
+    isActive: boolean;
+};
+export declare type CheckboxReducerState = {
+    checked?: boolean;
+    isIndeterminate?: boolean;
+};
+export declare type StateReducer = (stateType: string, nextState: CheckboxReducerState, currentState: CheckboxReducerState, event: React.ChangeEvent<HTMLInputElement>) => CheckboxReducerState;
+export declare type StatefulContainerChildProps = {
+    overrides?: CheckboxOverrides;
+    /** 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;
+    /** Focus the checkbox on initial render. */
+    autoFocus?: boolean;
+} & CheckboxReducerState;
+export declare type DefaultStatefulProps = {
+    initialState: CheckboxReducerState;
+    children?: (a: StatefulContainerChildProps) => React.ReactNode;
+    stateReducer: StateReducer;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseEnter: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onMouseLeave: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onFocus: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+    onBlur: (e: React.ChangeEvent<HTMLInputElement>) => unknown;
+};
+export declare type StatefulContainerProps = {
+    overrides?: CheckboxOverrides;
+    /** Component or String value for label of checkbox. */
+    children?: (a: StatefulContainerChildProps) => React.ReactNode;
+    /** Defines the components initial state value */
+    initialState?: CheckboxReducerState;
+    /** A state change handler. Used to override default state transitions. */
+    stateReducer: StateReducer;
+    /** 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;
+    /** Focus the checkbox on initial render. */
+    autoFocus?: boolean;
+};
+export declare type StatefulCheckboxProps = {
+    /** Defines the components initial state value */
+    initialState?: CheckboxReducerState;
+} & Omit<CheckboxProps, 'value' | keyof DefaultProps> & Partial<DefaultProps>;
+export declare type SharedStyleProps = {
+    $isFocused: boolean;
+    $isFocusVisible: boolean;
+    $isHovered: boolean;
+    $isActive: boolean;
+    $error: boolean;
+    $checked: boolean;
+    $isIndeterminate: boolean;
+    $required: boolean;
+    $disabled: boolean;
+    $value: string;
+    $labelPlacement: LabelPlacement;
+};

package/baseui/checkbox/types.js

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

package/baseui/datepicker/calendar-header.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import DateHelpers from './utils/date-helpers';
+import type { HeaderProps } from './types';
+import type { Locale } from '../locale';
+import type { SyntheticEvent } from 'react';
+declare const DIRECTION: {
+    readonly NEXT: "next";
+    readonly PREVIOUS: "previous";
+};
+export default class CalendarHeader<T = Date> extends React.Component<HeaderProps<T>, {
+    isMonthDropdownOpen: boolean;
+    isYearDropdownOpen: boolean;
+    isFocusVisible: boolean;
+}> {
+    static defaultProps: {
+        adapter: import("./utils/types").DateIOAdapter<Date>;
+        locale: null;
+        maxDate: null;
+        minDate: null;
+        onYearChange: () => void;
+        overrides: {};
+    };
+    dateHelpers: DateHelpers<T>;
+    monthItems: Array<{
+        id: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+    yearItems: Array<{
+        id: string;
+        label: string;
+        disabled?: boolean;
+    }>;
+    constructor(props: HeaderProps<T>);
+    state: {
+        isMonthDropdownOpen: boolean;
+        isYearDropdownOpen: boolean;
+        isFocusVisible: boolean;
+    };
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: HeaderProps<T>): void;
+    getDateProp: () => T;
+    getYearItems: () => void;
+    getMonthItems: () => void;
+    increaseMonth: () => void;
+    decreaseMonth: () => void;
+    isMultiMonthHorizontal: () => boolean;
+    isHiddenPaginationButton: (direction: (typeof DIRECTION)[keyof typeof DIRECTION]) => boolean;
+    handleFocus: (event: SyntheticEvent) => void;
+    handleBlur: () => void;
+    renderPreviousMonthButton: ({ locale }: {
+        locale: Locale;
+    }) => import("react/jsx-runtime").JSX.Element;
+    renderNextMonthButton: ({ locale }: {
+        locale: Locale;
+    }) => import("react/jsx-runtime").JSX.Element;
+    canArrowsOpenDropdown: (event: KeyboardEvent) => boolean;
+    renderMonthYearDropdown: () => import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};