@sprinklrjs/spaceweb 12.33.2 → 14.11.0

package/baseui/accordion/panel.js

@@ -8,31 +8,33 @@ 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 locale_1 = require("../locale");
-var overrides_1 = require("../helpers/overrides");
+var React = tslib_1.__importStar(require("react"));
+var overrides_1 = require("../../overrides");
 var styled_components_1 = require("./styled-components");
 var focusVisible_1 = require("../utils/focusVisible");
+var locale_1 = require("../../locale");
+var noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 var Panel = function (_a, 
 // @ts-ignore
 ref) {
-    var ariaControls = _a["aria-controls"], children = _a.children, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.expanded, expanded = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.onClick, onClick = _e === void 0 ? function () { } : _e, _f = _a.onKeyDown, onKeyDown = _f === void 0 ? function () { } : _f, _g = _a.overrides, overrides = _g === void 0 ? {} : _g, _h = _a.title, title = _h === void 0 ? '' : _h, _j = _a.renderAll, renderAll = _j === void 0 ? false : _j;
-    var _k = (0, tslib_1.__read)(React.useState({
+    var ariaControls = _a["aria-controls"], children = _a.children, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.expanded, expanded = _c === void 0 ? false : _c, _d = _a.onChange, onChange = _d === void 0 ? noop_1.default : _d, _e = _a.onClick, onClick = _e === void 0 ? noop_1.default : _e, _f = _a.onKeyDown, onKeyDown = _f === void 0 ? noop_1.default : _f, _g = _a.overrides, overrides = _g === void 0 ? {} : _g, _h = _a.title, title = _h === void 0 ? '' : _h, _j = _a.renderAll, renderAll = _j === void 0 ? false : _j;
+    var _k = tslib_1.__read(React.useState({
         expanded: expanded,
         isFocusVisible: false,
         elementHeight: 0,
         animationInProgress: false,
     }), 2), localState = _k[0], setLocalState = _k[1];
+    var locale = (0, locale_1.useLocale)();
     var handleFocus = React.useCallback(function (event) {
         if ((0, focusVisible_1.isFocusVisible)(event)) {
-            setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { isFocusVisible: true }));
+            setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { isFocusVisible: true }));
         }
     }, [localState]);
     var handleBlur = React.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     function (event) {
         if (localState.isFocusVisible) {
-            setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { isFocusVisible: false }));
+            setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { isFocusVisible: false }));
         }
     }, [localState]);
     var handleClick = React.useCallback(function (e) {
@@ -64,13 +66,13 @@ ref) {
             // After the first render, when everything is in the DOM, update the local
             //state to indicate an animation is in progress.
             if (expanded !== localState.expanded) {
-                setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { expanded: expanded, animationInProgress: true }));
+                setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { expanded: expanded, animationInProgress: true }));
             }
             else if (parseInt(localState.elementHeight) !== height) {
                 // After the second render (where child elements were added to the Content)
                 //the Content height now reflects the true height. This kicks off the actual
                 //animation.
-                setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { elementHeight: height ? "".concat(height, "px") : 0 }));
+                setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { elementHeight: height ? "".concat(height, "px") : 0 }));
             }
         }
     }, [_animateRef.current, expanded, localState.elementHeight, localState.expanded, setLocalState]);
@@ -79,7 +81,7 @@ ref) {
         //height and set the height of the animation container from auto to a px value.
         if (!expanded && localState.expanded) {
             var height = _animateRef.current.getBoundingClientRect().height;
-            setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { elementHeight: height ? "".concat(height, "px") : 0 }));
+            setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { elementHeight: height ? "".concat(height, "px") : 0 }));
             return localState.elementHeight;
         }
         if (!localState.expanded) {
@@ -94,17 +96,17 @@ ref) {
         $isFocusVisible: localState.isFocusVisible,
     };
     var PanelContainerOverride = overrides.PanelContainer, HeaderOverride = overrides.Header, ContentOverride = overrides.Content, ContentAnimationContainerOverride = overrides.ContentAnimationContainer, ToggleIconOverride = overrides.ToggleIcon, ToggleIconGroupOverride = overrides.ToggleIconGroup;
-    var _l = (0, tslib_1.__read)((0, overrides_1.getOverrides)(PanelContainerOverride, styled_components_1.PanelContainer), 2), PanelContainer = _l[0], panelContainerProps = _l[1];
-    var _m = (0, tslib_1.__read)((0, overrides_1.getOverrides)(HeaderOverride, styled_components_1.Header), 2), Header = _m[0], headerProps = _m[1];
-    var _o = (0, tslib_1.__read)((0, overrides_1.getOverrides)(ContentOverride, styled_components_1.Content), 2), Content = _o[0], contentProps = _o[1];
-    var _p = (0, tslib_1.__read)((0, overrides_1.getOverrides)(ContentAnimationContainerOverride, styled_components_1.ContentAnimationContainer), 2), ContentAnimationContainer = _p[0], contentAnimationProps = _p[1];
-    var _q = (0, tslib_1.__read)((0, overrides_1.getOverrides)(ToggleIconGroupOverride, styled_components_1.ToggleIconGroup), 2), ToggleIconGroup = _q[0], toggleIconGroupProps = _q[1];
-    var _r = (0, tslib_1.__read)((0, overrides_1.getOverrides)(ToggleIconOverride, styled_components_1.ToggleIcon), 2), ToggleIcon = _r[0], toggleIconProps = _r[1];
-    return ((0, jsx_runtime_1.jsx)(locale_1.LocaleContext.Consumer, { children: function (locale) { return ((0, jsx_runtime_1.jsxs)(PanelContainer, (0, tslib_1.__assign)({}, sharedProps, panelContainerProps, { children: [(0, jsx_runtime_1.jsxs)(Header, (0, tslib_1.__assign)({ tabIndex: 0, role: "button", "aria-expanded": expanded, "aria-disabled": disabled || null }, sharedProps, headerProps, (ariaControls ? { 'aria-controls': ariaControls } : {}), { onClick: handleClick, onKeyDown: handleKeyDown, onFocus: (0, focusVisible_1.forkFocus)(headerProps, handleFocus), onBlur: (0, focusVisible_1.forkBlur)(headerProps, handleBlur), ref: ref }, { children: [title, (0, jsx_runtime_1.jsxs)(ToggleIcon, (0, tslib_1.__assign)({ viewBox: "0 0 24 24", title: localState.expanded ? locale.accordion.collapse : locale.accordion.expand, size: 16 }, toggleIconProps, sharedProps, { children: [(0, jsx_runtime_1.jsx)(ToggleIconGroup, (0, tslib_1.__assign)({}, sharedProps, toggleIconGroupProps, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z" }, void 0)] }), void 0)] }), void 0), (0, jsx_runtime_1.jsx)(ContentAnimationContainer, (0, tslib_1.__assign)({}, sharedProps, contentAnimationProps, { "$height": contentHeight, onTransitionEnd: function () {
-                        if (localState.animationInProgress) {
-                            setLocalState((0, tslib_1.__assign)((0, tslib_1.__assign)({}, localState), { animationInProgress: false }));
-                        }
-                    } }, { children: (0, jsx_runtime_1.jsx)(Content, (0, tslib_1.__assign)({ ref: _animateRef }, sharedProps, contentProps, (ariaControls ? { id: ariaControls } : {}), { children: localState.expanded || renderAll || localState.animationInProgress ? children : null }), void 0) }), void 0)] }), void 0)); } }, void 0));
+    var _l = tslib_1.__read((0, overrides_1.useOverrides)(PanelContainerOverride, styled_components_1.PanelContainer), 2), PanelContainer = _l[0], panelContainerProps = _l[1];
+    var _m = tslib_1.__read((0, overrides_1.useOverrides)(HeaderOverride, styled_components_1.Header), 2), Header = _m[0], headerProps = _m[1];
+    var _o = tslib_1.__read((0, overrides_1.useOverrides)(ContentOverride, styled_components_1.Content), 2), Content = _o[0], contentProps = _o[1];
+    var _p = tslib_1.__read((0, overrides_1.useOverrides)(ContentAnimationContainerOverride, styled_components_1.ContentAnimationContainer), 2), ContentAnimationContainer = _p[0], contentAnimationProps = _p[1];
+    var _q = tslib_1.__read((0, overrides_1.useOverrides)(ToggleIconGroupOverride, styled_components_1.ToggleIconGroup), 2), ToggleIconGroup = _q[0], toggleIconGroupProps = _q[1];
+    var _r = tslib_1.__read((0, overrides_1.useOverrides)(ToggleIconOverride, styled_components_1.ToggleIcon), 2), ToggleIcon = _r[0], toggleIconProps = _r[1];
+    return ((0, jsx_runtime_1.jsxs)(PanelContainer, tslib_1.__assign({}, sharedProps, panelContainerProps, { children: [(0, jsx_runtime_1.jsxs)(Header, tslib_1.__assign({ tabIndex: 0, role: "button", "aria-expanded": expanded, "aria-disabled": disabled || null }, sharedProps, headerProps, (ariaControls ? { 'aria-controls': ariaControls } : {}), { onClick: handleClick, onKeyDown: handleKeyDown, onFocus: (0, focusVisible_1.forkFocus)(headerProps, handleFocus), onBlur: (0, focusVisible_1.forkBlur)(headerProps, handleBlur), ref: ref }, { children: [title, (0, jsx_runtime_1.jsxs)(ToggleIcon, tslib_1.__assign({ viewBox: "0 0 24 24", title: localState.expanded ? locale.accordion.collapse : locale.accordion.expand, size: 16 }, toggleIconProps, sharedProps, { children: [(0, jsx_runtime_1.jsx)(ToggleIconGroup, tslib_1.__assign({}, sharedProps, toggleIconGroupProps, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z" }) })), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 12C6 11.4477 6.44772 11 7 11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H7C6.44772 13 6 12.5523 6 12Z" })] }))] })), (0, jsx_runtime_1.jsx)(ContentAnimationContainer, tslib_1.__assign({}, sharedProps, contentAnimationProps, { "$height": contentHeight, onTransitionEnd: function () {
+                    if (localState.animationInProgress) {
+                        setLocalState(tslib_1.__assign(tslib_1.__assign({}, localState), { animationInProgress: false }));
+                    }
+                } }, { children: (0, jsx_runtime_1.jsx)(Content, tslib_1.__assign({ ref: _animateRef }, sharedProps, contentProps, (ariaControls ? { id: ariaControls } : {}), { children: localState.expanded || renderAll || localState.animationInProgress ? children : null })) }))] })));
 };
 var ForwardedPanel = React.forwardRef(Panel);
 ForwardedPanel.displayName = 'Panel';

package/baseui/accordion/stateful-panel-container.js

@@ -7,14 +7,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.
 */
-var React = (0, tslib_1.__importStar)(require("react"));
+var React = tslib_1.__importStar(require("react"));
 var constants_1 = require("./constants");
 var defaultStateReducer = function (type, nextState) { return nextState; };
 var StatefulPanelContainer = /** @class */ (function (_super) {
-    (0, tslib_1.__extends)(StatefulPanelContainer, _super);
+    tslib_1.__extends(StatefulPanelContainer, _super);
     function StatefulPanelContainer() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = (0, tslib_1.__assign)({ expanded: false }, _this.props.initialState);
+        _this.state = tslib_1.__assign({ expanded: false }, _this.props.initialState);
         _this.onChange = function () {
             if (typeof _this.props.onChange === 'function') {
                 _this.props.onChange({ expanded: !_this.state.expanded });
@@ -31,8 +31,8 @@ var StatefulPanelContainer = /** @class */ (function (_super) {
     };
     StatefulPanelContainer.prototype.render = function () {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        var _a = this.props, children = _a.children, initialState = _a.initialState, stateReducer = _a.stateReducer, restProps = (0, tslib_1.__rest)(_a, ["children", "initialState", "stateReducer"]);
-        return this.props.children((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), this.state), { onChange: this.onChange }));
+        var _a = this.props, children = _a.children, initialState = _a.initialState, stateReducer = _a.stateReducer, restProps = tslib_1.__rest(_a, ["children", "initialState", "stateReducer"]);
+        return this.props.children(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, restProps), this.state), { onChange: this.onChange }));
     };
     StatefulPanelContainer.defaultProps = {
         initialState: { expanded: false },

package/baseui/accordion/stateful-panel.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var stateful_panel_container_1 = (0, tslib_1.__importDefault)(require("./stateful-panel-container"));
-var panel_1 = (0, tslib_1.__importDefault)(require("./panel"));
+var stateful_panel_container_1 = tslib_1.__importDefault(require("./stateful-panel-container"));
+var panel_1 = tslib_1.__importDefault(require("./panel"));
 function StatefulPanel(props) {
-    var children = props.children, restProps = (0, tslib_1.__rest)(props, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(stateful_panel_container_1.default, (0, tslib_1.__assign)({}, restProps, { children: function (componentProps) { return (0, jsx_runtime_1.jsx)(panel_1.default, (0, tslib_1.__assign)({}, componentProps, { children: children }), void 0); } }), void 0));
+    var children = props.children, restProps = tslib_1.__rest(props, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(stateful_panel_container_1.default, tslib_1.__assign({}, restProps, { children: function (componentProps) { return (0, jsx_runtime_1.jsx)(panel_1.default, tslib_1.__assign({}, componentProps, { children: children })); } })));
 }
 exports.default = StatefulPanel;

package/baseui/accordion/stateless-accordion.js

@@ -8,18 +8,18 @@ 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 React = tslib_1.__importStar(require("react"));
 var react_is_1 = require("react-is");
-var overrides_1 = require("../helpers/overrides");
 var styled_components_1 = require("./styled-components");
+var overrides_1 = require("../../overrides");
 function StatelessAccordion(_a) {
     var _b = _a.accordion, accordion = _b === void 0 ? true : _b, children = _a.children, disabled = _a.disabled, expanded = _a.expanded, onChange = _a.onChange, _c = _a.overrides, overrides = _c === void 0 ? {} : _c, renderAll = _a.renderAll;
-    var RootOverrides = overrides.Root, PanelOverrides = (0, tslib_1.__rest)(overrides, ["Root"]);
-    var _d = (0, tslib_1.__read)((0, overrides_1.getOverrides)(RootOverrides, styled_components_1.Root), 2), Root = _d[0], rootProps = _d[1];
-    return ((0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({ "data-baseweb": "accordion" }, rootProps, { children: React.Children.map(children, function (child, index) {
+    var RootOverrides = overrides.Root, PanelOverrides = tslib_1.__rest(overrides, ["Root"]);
+    var _d = tslib_1.__read((0, overrides_1.useOverrides)(RootOverrides, styled_components_1.Root), 2), Root = _d[0], rootProps = _d[1];
+    return ((0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({ "data-baseweb": "accordion" }, rootProps, { children: React.Children.map(children, function (child, index) {
             var normalizedChild = (0, react_is_1.isElement)(child) || (0, react_is_1.isPortal)(child) ? (child) : (
             // if primitive value - wrap it in a fragment
-            (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: child }, void 0));
+            (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: child }));
             var key = normalizedChild.key || String(index);
             return React.cloneElement(normalizedChild, {
                 disabled: normalizedChild.props.disabled || disabled,
@@ -44,7 +44,7 @@ function StatelessAccordion(_a) {
                                 next = expanded.filter(function (k) { return k !== key; });
                             }
                             else {
-                                next = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], (0, tslib_1.__read)(expanded), false), [key], false);
+                                next = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(expanded), false), [key], false);
                             }
                         }
                         // @ts-ignore
@@ -54,6 +54,6 @@ function StatelessAccordion(_a) {
                 overrides: normalizedChild.props.overrides || PanelOverrides,
                 renderAll: renderAll,
             });
-        }) }), void 0));
+        }) })));
 }
 exports.default = StatelessAccordion;

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

@@ -1,10 +1,10 @@
 /**
  * Main component container element
  */
-export declare const Root: import("../../style/styled").StyledComponent;
-export declare const PanelContainer: import("../../style/styled").StyledComponent;
-export declare const Header: import("../../style/styled").StyledComponent;
-export declare const ToggleIcon: import("../../style/styled").StyledComponent;
-export declare const ToggleIconGroup: import("../../style/styled").StyledComponent;
-export declare const Content: import("../../style/styled").StyledComponent;
-export declare const ContentAnimationContainer: import("../../style/styled").StyledComponent;
+export declare const Root: import("../../style").StyledComponent;
+export declare const PanelContainer: import("../../style").StyledComponent;
+export declare const Header: import("../../style").StyledComponent;
+export declare const ToggleIcon: import("../../style").StyledComponent;
+export declare const ToggleIconGroup: import("../../style").StyledComponent;
+export declare const Content: import("../../style").StyledComponent;
+export declare const ContentAnimationContainer: import("../../style").StyledComponent;

package/baseui/accordion/styled-components.js

@@ -13,9 +13,14 @@ var style_1 = require("../../style");
  */
 exports.Root = (0, style_1.styled)('ul', 'my-0 px-0 w-full list-none');
 exports.Root.displayName = 'Root';
-exports.PanelContainer = (0, style_1.styled)('li', 'spr-border-03 list-none w-full border-b-1', { borderBottomStyle: 'solid' });
+exports.PanelContainer = (0, style_1.styled)('li', 'spr-border-03 list-none w-full border-b-1', {
+    // @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '{ borderBlockEndStyle: string; }' is not assignable to...
+    borderBlockEndStyle: 'solid',
+});
 exports.PanelContainer.displayName = 'PanelContainer';
-exports.Header = (0, style_1.styled)('div', 'm-0 px-5 py-4 flex items-center justify-between nav-ui-01 text-16 leading-8 font-500', function (_, props) {
+exports.Header = (0, style_1.styled)('div', 'm-0 px-5 py-4 flex items-center justify-between nav-ui-01 text-16 leading-5 font-500', 
+// @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '(_: StyleUtils, props: any) => { cursor: string; out...
+function (_, props) {
     var $disabled = props.$disabled;
     return {
         cursor: $disabled ? 'not-allowed' : 'pointer',
@@ -23,21 +28,26 @@ exports.Header = (0, style_1.styled)('div', 'm-0 px-5 py-4 flex items-center jus
     };
 });
 exports.Header.displayName = 'Header';
-exports.ToggleIcon = (0, style_1.styled)('svg', 'h-4 w-4 inline-block flex-shrink-0', function (_a, props) {
+// @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '({ theme }: StyleUtils, props: any) => { fill: any; ...
+exports.ToggleIcon = (0, style_1.styled)('svg', 'h-4 w-4 inline-block shrink-0', function (_a, props) {
     var theme = _a.theme;
     var $disabled = props.$disabled, $color = props.$color;
     return {
-        color: $color || theme.nav.ui01,
+        fill: $color || theme.spr.icon01,
         cursor: $disabled ? 'not-allowed' : 'pointer',
     };
 });
 exports.ToggleIcon.displayName = 'ToggleIcon';
-exports.ToggleIconGroup = (0, style_1.styled)('g', 'origin-center transition-transform duration-500 ease-out', function (_, _a) {
+exports.ToggleIconGroup = (0, style_1.styled)('g', 'origin-center transition-transform duration-500 ease-out', 
+// @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '(_: StyleUtils, { $expanded }: any) => { transform: ...
+function (_, _a) {
     var $expanded = _a.$expanded;
     return ({ transform: $expanded ? 'rotate(0)' : 'rotate(-90deg)' });
 });
 exports.ToggleIconGroup.displayName = 'ToggleIconGroup';
-exports.Content = (0, style_1.styled)('div', 'px-6 pt-6 pb-10 text-14 leading-8 m-0 nav-text-01 overflow-hidden duration-500 ease-out delay-200 box-border', function (_, props) {
+exports.Content = (0, style_1.styled)('div', 'px-6 pt-6 pb-10 text-14 leading-5 m-0 overflow-hidden duration-500 ease-out delay-200 box-border', 
+// @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '(_: StyleUtils, props: any) => { boxSizing: string; ...
+function (_, props) {
     var $expanded = props.$expanded;
     return {
         boxSizing: 'border-box',
@@ -47,6 +57,7 @@ exports.Content = (0, style_1.styled)('div', 'px-6 pt-6 pb-10 text-14 leading-8
     };
 });
 exports.Content.displayName = 'Content';
+// @ts-ignore -- CSS-in-JS -- TS2345: Argument of type '(_: StyleUtils, props: any) => { height: string; tra...
 exports.ContentAnimationContainer = (0, style_1.styled)('div', 'overflow-hidden duration-500 ease-out', function (_, props) {
     var $height = props.$height;
     return {

package/baseui/accordion/types.d.ts

@@ -1,39 +1,39 @@
 import type * as React from 'react';
-import type { Override } from '../helpers/overrides';
+import type { Override } from '../../overrides';
 import type { STATE_CHANGE_TYPE } from './constants';
-export declare type AccordionState = {
+export type AccordionState = {
     expanded: Array<React.Key>;
 };
-export declare type PanelState = {
+export type PanelState = {
     expanded: boolean;
 };
-export declare type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
-export declare type StateReducer = (stateChangeType: StateChangeType, nextState: AccordionState, currentState: AccordionState) => AccordionState;
-export declare type PanelStateReducer = (stateChangeType: StateChangeType, nextState: PanelState, currentState: PanelState) => PanelState;
-export declare type AccordionOverrides = {
-    Content?: Override;
-    ContentAnimationContainer?: Override;
-    Header?: Override;
-    PanelContainer?: Override;
-    Root?: Override;
-    ToggleIcon?: Override;
-    ToggleIconGroup?: Override;
+export type StateChangeType = keyof typeof STATE_CHANGE_TYPE;
+export type StateReducer = (stateChangeType: StateChangeType, nextState: AccordionState, currentState: AccordionState) => AccordionState;
+export type PanelStateReducer = (stateChangeType: StateChangeType, nextState: PanelState, currentState: PanelState) => PanelState;
+export type AccordionOverrides = {
+    Content?: Override<Record<string, any>>;
+    ContentAnimationContainer?: Override<Record<string, any>>;
+    Header?: Override<Record<string, any>>;
+    PanelContainer?: Override<Record<string, any>>;
+    Root?: Override<Record<string, any>>;
+    ToggleIcon?: Override<Record<string, any>>;
+    ToggleIconGroup?: Override<Record<string, any>>;
 };
-export declare type PanelOverrides = {
-    PanelContainer?: Override;
-    Header?: Override;
-    ToggleIcon?: Override;
-    ToggleIconGroup?: Override;
-    Content?: Override;
-    ContentAnimationContainer?: Override;
+export type PanelOverrides = {
+    PanelContainer?: Override<Record<string, any>>;
+    Header?: Override<Record<string, any>>;
+    ToggleIcon?: Override<Record<string, any>>;
+    ToggleIconGroup?: Override<Record<string, any>>;
+    Content?: Override<Record<string, any>>;
+    ContentAnimationContainer?: Override<Record<string, any>>;
 };
-export declare type OnChangeHandler = (a: {
+export type OnChangeHandler = (a: {
     expanded: boolean;
 }) => unknown;
-export declare type AccordionOnChangeHandler = (a: {
+export type AccordionOnChangeHandler = (a: {
     expanded: Array<React.Key>;
 }) => unknown;
-export declare type AccordionProps = {
+export type AccordionProps = {
     /** Determines how many panels may be expanded at a time. If set to
      * true it will collapse a current panel when a new panel is expanded.
      * If set to false more than one panel may be expanded at a time. */
@@ -56,11 +56,11 @@ export declare type AccordionProps = {
      */
     renderAll?: boolean;
 };
-export declare type StatelessAccordionOnChangeHandler = (a: {
+export type StatelessAccordionOnChangeHandler = (a: {
     expanded: Array<React.Key>;
     key: React.Key;
 }) => unknown;
-export declare type StatelessAccordionProps = {
+export type StatelessAccordionProps = {
     /** Determines how many panels may be expanded at a time. If set to
      * true it will collapse a current panel when a new panel is expanded.
      * If set to false more than one panel may be expanded at a time. */
@@ -85,7 +85,7 @@ export declare type StatelessAccordionProps = {
      */
     renderAll?: boolean;
 };
-declare type SharedPanelProps = {
+type SharedPanelProps = {
     /** The content visible when Panel is expanded. */
     children: React.ReactNode;
     /** Defaults to the disabled value provided by the parent Accordion component. */
@@ -117,11 +117,11 @@ declare type SharedPanelProps = {
      */
     renderAll?: boolean;
 };
-export declare type PanelProps = SharedPanelProps & {
+export type PanelProps = SharedPanelProps & {
     /** Defines if the panel is expanded. If set to true the panel is rendered expanded. */
     expanded?: boolean;
 };
-declare type SharedStatefulPanelContainerProps = {
+type SharedStatefulPanelContainerProps = {
     /** Initial state of a stateful panel component.
      * The expanded prop indicates if the panel is initially expanded.
      * If set to true the panel will be expanded initially */
@@ -129,11 +129,11 @@ declare type SharedStatefulPanelContainerProps = {
     onChange?: OnChangeHandler;
     stateReducer?: PanelStateReducer;
 };
-export declare type StatefulPanelContainerProps = SharedStatefulPanelContainerProps & {
+export type StatefulPanelContainerProps = SharedStatefulPanelContainerProps & {
     children: (props: Omit<PanelProps, 'children'>) => React.ReactNode;
 };
-export declare type StatefulPanelProps = SharedStatefulPanelContainerProps & SharedPanelProps;
-export declare type SharedStylePropsArg = {
+export type StatefulPanelProps = SharedStatefulPanelContainerProps & SharedPanelProps;
+export type SharedStylePropsArg = {
     $color?: string;
     $disabled: boolean | undefined | null;
     $expanded?: boolean | null;

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

@@ -1,7 +1,6 @@
 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";
@@ -17,7 +16,7 @@ export default class CalendarHeader<T = Date> extends React.Component<HeaderProp
         locale: null;
         maxDate: null;
         minDate: null;
-        onYearChange: () => void;
+        onYearChange: (...args: any[]) => void;
         overrides: {};
     };
     dateHelpers: DateHelpers<T>;
@@ -48,12 +47,8 @@ export default class CalendarHeader<T = Date> extends React.Component<HeaderProp
     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;
+    renderPreviousMonthButton: () => import("react/jsx-runtime").JSX.Element;
+    renderNextMonthButton: () => import("react/jsx-runtime").JSX.Element;
     canArrowsOpenDropdown: (event: KeyboardEvent) => boolean;
     renderMonthYearDropdown: () => import("react/jsx-runtime").JSX.Element;
     render(): import("react/jsx-runtime").JSX.Element;