@sprinklrjs/spaceweb 12.14.4 → 12.33.2

package/package.json

@@ -1,48 +1,60 @@
 {
   "name": "@sprinklrjs/spaceweb",
-  "version": "12.14.4",
+  "version": "12.33.2",
   "description": "Components for SpaceWeb",
   "main": "index.js",
   "module": "./esm/index.js",
   "scripts": {
     "build:package-json": "node ./scripts/build-package-json.js",
     "build:icons": "node ./scripts/build-icons.js",
-    "build:cjs": "tsc --module commonjs --outDir ./dist",
-    "build:esm": "tsc --module es2015 --outDir ./dist/esm",
+    "build:cjs": "yarn run tsc --module commonjs --outDir ./dist",
+    "build:esm": "yarn run tsc --module es2015 --outDir ./dist/esm",
     "build:assets": "node scripts/build-assets.js",
     "build:themes": "node scripts/build-themes.js",
     "build": "yarn clean && yarn build:icons && yarn build:cjs && yarn build:esm && yarn build:assets && yarn build:package-json",
     "build:watch": "yarn build:cjs --watch",
     "clean": "rm -rf dist && rm -f tsconfig.tsbuildinfo",
+    "storybook": "start-storybook -p 6006 --no-dll",
+    "build-storybook": "build-storybook --no-dll",
     "test": "jest ./src",
     "test:watch": "jest --watch ./src",
-    "test:coverage": "jest ./src --coverage"
+    "test:coverage": "jest ./src --coverage",
+    "tsc": "../../scripts/tsbuild.sh"
   },
   "author": "",
   "license": "ISC",
   "sideEffects": false,
   "dependencies": {
+    "@date-io/date-fns": "^2.6.2",
     "@tanstack/react-virtual": "3.0.0-beta.18",
-    "@types/react": "^17.0.39",
+    "@types/react": ">=17.0.39 <19.0.0",
+    "@types/react-color": "^3.0.6",
     "@types/styletron-engine-atomic": "^1.1.0",
     "@types/styletron-react": "^5.0.2",
-    "baseui": "~12.2.0",
+    "any-date-parser": "^1.5.4",
     "body-scroll-lock": "3.1.5",
+    "card-validator": "^6.2.0",
     "classnames": "2.2.6",
     "csstype": "^3.0.2",
+    "date-fns": "^2.6.0",
+    "date-fns-tz": "^1.2.2",
     "lodash": "^4.17.15",
     "memoize-one": "~5.1.1",
+    "polished": "^3.2.0",
+    "popper.js": "^1.16.0",
+    "react-color": "^2.19.3",
+    "react-focus-lock": "^2.7.1",
     "react-input-mask": "2.0.4",
+    "react-is": "^17.0.2",
+    "react-range": "^1.8.0",
     "react-transition-group": "4.4.2",
+    "react-uid": "^2.3.3",
+    "rtl-css-js": "^1.16.1",
     "styletron": "~3.0.4",
     "styletron-engine-atomic": "~1.5.0",
     "styletron-react": "~6.1.0",
     "timezone-support": "2.0.2",
-    "tslib": "^2.4.0",
-    "react-is": "^17.0.2",
-    "date-fns": "^2.6.0",
-    "date-fns-tz": "^1.2.2",
-    "react-uid": "^2.3.3"
+    "tslib": "^2.4.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.6.0",
@@ -58,8 +70,12 @@
     "@babel/traverse": "^7.7.0",
     "@babel/types": "^7.7.1",
     "@sheerun/mutationobserver-shim": "^0.3.3",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/react": "^6.3.12",
     "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
+    "@testing-library/react": "^14.0.0",
     "@testing-library/react-hooks": "^7.0.1",
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "^26.0.24",
@@ -80,9 +96,9 @@
     "ts-jest": "^26.5.6"
   },
   "peerDependencies": {
-    "@sprinklrjs/spaceweb-themes": "12.14.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "@sprinklrjs/spaceweb-themes": "12.33.2",
+    "react": ">=17.0.2 <19.0.0",
+    "react-dom": ">=17.0.2 <19.0.0"
   },
   "jest": {
     "verbose": true,

package/payment-card/basewebAdapters.d.ts

@@ -1,4 +1,4 @@
-import { PaymentCardOverrides as BasePaymentCardOverrides } from 'baseui/payment-card';
+import { PaymentCardOverrides as BasePaymentCardOverrides } from '../baseui/payment-card';
 import { PaymentCardProps, StatefulPaymentCardProps } from './types';
 declare type AdapterProps = Omit<PaymentCardProps | StatefulPaymentCardProps, 'autoFocus'>;
 declare type BaseWebCardSize = 'default' | 'mini' | 'compact';

package/payment-card/basewebAdapters.js

@@ -7,9 +7,9 @@ var basewebAdapters_1 = (0, tslib_1.__importDefault)(require("../input/basewebAd
 var styled_components_1 = require("./styled-components");
 var helpers_1 = require("../helpers");
 var overrides_1 = require("../overrides");
-var input_1 = require("baseui/input");
+var input_1 = require("../baseui/input");
 var themeHelpers_1 = require("../helpers/themeHelpers");
-var style_1 = require("../style/");
+var style_1 = require("../style");
 var getBasewebPaymentCardSizeMap = function (_size) {
     switch (_size) {
         case 'lg':

package/payment-card/index.d.ts

@@ -1,3 +1,3 @@
-export { StatefulContainer, valid } from 'baseui/payment-card';
+export { StatefulContainer, valid } from '../baseui/payment-card';
 export { PaymentCard, StatefulPaymentCard } from './paymentCard';
 export * from './types';

package/payment-card/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatefulPaymentCard = exports.PaymentCard = exports.valid = exports.StatefulContainer = void 0;
 var tslib_1 = require("tslib");
-var payment_card_1 = require("baseui/payment-card");
+var payment_card_1 = require("../baseui/payment-card");
 Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return payment_card_1.StatefulContainer; } });
 Object.defineProperty(exports, "valid", { enumerable: true, get: function () { return payment_card_1.valid; } });
 var paymentCard_1 = require("./paymentCard");

package/payment-card/paymentCard.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatefulPaymentCard = exports.PaymentCard = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var payment_card_1 = require("baseui/payment-card");
+var payment_card_1 = require("../baseui/payment-card");
 var basewebAdapters_1 = (0, tslib_1.__importDefault)(require("./basewebAdapters"));
 var useAutoFocus_1 = (0, tslib_1.__importDefault)(require("../hooks/useAutoFocus"));
 // @ts-ignore

package/payment-card/types.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'react';
-import { PaymentCardProps as BasePaymentCardProps, StatefulPaymentCardProps as BaseStatefulPaymentCardProps, PaymentCardOverrides as BasePaymentCardOverrides } from 'baseui/payment-card';
+import { PaymentCardProps as BasePaymentCardProps, StatefulPaymentCardProps as BaseStatefulPaymentCardProps, PaymentCardOverrides as BasePaymentCardOverrides } from '../baseui/payment-card';
 import { Override } from '../overrides';
 import { SpacewebComponentProps, Intent } from '../types';
 import { InputSize, InputVariant, SharedProps, FocusPosition } from '../input';

package/phone-input/styled-components.d.ts

@@ -5,7 +5,7 @@ export declare const getFlagContainerStyles: (string | (({ theme, px2rem }: {
     $inputSize: any;
     $isFocusVisible: any;
 }) => any))[];
-export declare const getRootStyles: ({}: {}, { $disabled }: {
+export declare const getRootStyles: (_: any, { $disabled }: {
     $disabled: any;
 }) => "cursor-not-allowed" | undefined;
 export declare const getInputStyles: ({ theme, px2rem }: {

package/phone-input/styled-components.js

@@ -4,14 +4,6 @@ exports.StyledDialCode = exports.StyledCountrySelectContainer = exports.getInput
 var tslib_1 = require("tslib");
 var style_1 = require("../style");
 var themeHelpers_1 = require("../helpers/themeHelpers");
-var dialCodeSizeConfig = function (px2rem) { return ({
-    xxxs: { fontSize: px2rem(10) },
-    xs: { fontSize: px2rem(12) },
-    sm: { fontSize: px2rem(14) },
-    md: { fontSize: px2rem(16) },
-    lg: { fontSize: px2rem(16) },
-}); };
-var getSizeConfig = function (px2rem, size) { var _a; return (_a = dialCodeSizeConfig(px2rem)[size]) !== null && _a !== void 0 ? _a : dialCodeSizeConfig(px2rem).lg; };
 exports.getFlagContainerStyles = [
     'min-w-0 spr-ui-05 px-2 py-0.5 text-16 rounded-4',
     function (_a, _b) {
@@ -25,8 +17,8 @@ exports.getFlagContainerStyles = [
         }));
     },
 ];
-var getRootStyles = function (_a, _b) {
-    var $disabled = _b.$disabled;
+var getRootStyles = function (_, _a) {
+    var $disabled = _a.$disabled;
     return ($disabled ? 'cursor-not-allowed' : undefined);
 };
 exports.getRootStyles = getRootStyles;
@@ -42,11 +34,11 @@ var getInputStyles = function (_a, _b) {
 exports.getInputStyles = getInputStyles;
 exports.StyledCountrySelectContainer = (0, style_1.styled)('div', 'flex items-center');
 exports.StyledDialCode = (0, style_1.styled)('div', 'flex items-center font-medium', function (_a, _b) {
-    var px2rem = _a.px2rem;
+    var px2rem = _a.px2rem, theme = _a.theme;
     var $size = _b.$size;
-    var sizeTheme = getSizeConfig(px2rem, $size);
+    var inputSizeTheme = (0, themeHelpers_1.getComponentSizeTheme)(theme, 'input', $size, (0, themeHelpers_1.getDefaultSize)(theme));
     var styles = {
-        fontSize: sizeTheme.fontSize,
+        fontSize: inputSizeTheme.fontSize,
         marginLeft: "".concat(px2rem(4), " /* @noflip */"),
         marginRight: '0 /* @noflip */',
     };

package/phone-input/types.d.ts

@@ -56,7 +56,7 @@ export declare type FixedSizeListItemProps = {
     top: number;
 };
 export declare type VirtualizedCountrySelectDropdownProps = MenuProps & {
-    ListItem: React.ComponentType<FixedSizeListItemProps>;
+    ListItem: React.ComponentType<React.PropsWithChildren<FixedSizeListItemProps>>;
     emptyListHeight?: number;
     listItemHeight?: number;
     overscanCount?: number;

package/popover/PopoverEnahncer.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
  * Baseui overrides anchor element's ref. This component clones and stores anchor/child element's ref.
  * TODO: should be removed once https://github.com/uber/baseweb/issues/4032 is addressed
  */
-export declare const PopoverRefHandler: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<HTMLElement | null | undefined>>;
+export declare const PopoverRefHandler: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLElement | null | undefined>>;
 export declare const TargetElementProxy: React.ForwardRefExoticComponent<{
     targetElement?: HTMLElement | null | undefined;
 } & React.RefAttributes<HTMLElement | null | undefined>>;

package/popover/adapter.d.ts

@@ -1,4 +1,4 @@
-import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from 'baseui/popover';
+import { ACCESSIBILITY_TYPE, PLACEMENT, TRIGGER_TYPE } from '../baseui/popover';
 import { AccessibilityType, TriggerType, Placement } from './types';
 import { ValueOf } from '../utility-types';
 export declare const accessibilityMap: Record<AccessibilityType, ValueOf<typeof ACCESSIBILITY_TYPE>>;

package/popover/adapter.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.rtlPlacementMap = exports.placementMap = exports.triggerTypeMap = exports.accessibilityMap = void 0;
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 exports.accessibilityMap = {
     menu: popover_1.ACCESSIBILITY_TYPE.menu,
     none: popover_1.ACCESSIBILITY_TYPE.none,

package/popover/hooks.d.ts

@@ -7,7 +7,7 @@ export declare const useContent: ({ content }: {
     content: PopoverProps['content'];
 }) => {
     setContentHost: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
-    wrappedContent: JSX.Element;
+    wrappedContent: import("react/jsx-runtime").JSX.Element;
 };
 declare type UseFocusLockParams = Pick<PopoverProps, 'focusLock' | 'returnFocus'>;
 export declare const useFocusLock: ({ focusLock, returnFocus }: UseFocusLockParams) => UseFocusLockParams;

package/popover/index.d.ts

@@ -1,4 +1,4 @@
-export { StatefulContainer } from 'baseui/popover';
+export { StatefulContainer } from '../baseui/popover';
 export { default as StatefulPopover } from './stateful-popover';
 export { default as Popover } from './popover';
 export { StyledPadding, StyledBody, StyledArrow, StyledInner } from './styled-components';

package/popover/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.STATE_CHANGE_TYPE = exports.ANIMATE_OUT_TIME = exports.ANIMATE_IN_TIME = exports.StyledInner = exports.StyledArrow = exports.StyledBody = exports.StyledPadding = exports.Popover = exports.StatefulPopover = exports.StatefulContainer = void 0;
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return popover_1.StatefulContainer; } });
 var stateful_popover_1 = require("./stateful-popover");
 Object.defineProperty(exports, "StatefulPopover", { enumerable: true, get: function () { return __importDefault(stateful_popover_1).default; } });

package/popover/popover.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const Popover: React.ForwardRefExoticComponent<Omit<import("baseui/popover").PopoverProps, "children" | "overrides" | "triggerType" | "placement"> & {
+declare const Popover: React.ForwardRefExoticComponent<Omit<import("../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
     overrides?: ({
         Body?: import("../overrides").Override<any> | undefined;
         Arrow?: import("../overrides").Override<any> | undefined;

package/popover/popover.js

@@ -2,14 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 var React = (0, tslib_1.__importStar)(require("react"));
 var react_1 = require("react");
 var overrides_1 = require("../overrides");
 var hooks_1 = require("./hooks");
 var useUniqueId_1 = (0, tslib_1.__importDefault)(require("../hooks/useUniqueId"));
 var PopoverEnahncer_1 = require("./PopoverEnahncer");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var layer_1 = require("../layer");
 var adapter_1 = require("./adapter");
 var overrides_2 = require("./overrides");
@@ -20,26 +19,31 @@ var utils_1 = require("./utils");
 // @ts-ignore
 popover_1.Popover.displayName = 'BaseUIPopover';
 var Popover = React.forwardRef(function (_a, ref) {
-    var overrides = _a.overrides, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'auto' : _b, accessibilityType = _a.accessibilityType, _c = _a.triggerType, triggerType = _c === void 0 ? 'click' : _c, _d = _a.showArrow, showArrow = _d === void 0 ? false : _d, targetElement = _a.targetElement, isOpen = _a.isOpen, _e = _a.focusLock, focusLock = _e === void 0 ? false : _e, _f = _a.returnFocus, returnFocus = _f === void 0 ? triggerType === 'click' : _f, content = _a.content, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, viewportAsBoundary = _a.viewportAsBoundary, restProps = (0, tslib_1.__rest)(_a, ["overrides", "children", "placement", "accessibilityType", "triggerType", "showArrow", "targetElement", "isOpen", "focusLock", "returnFocus", "content", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
-    var _g = (0, hooks_1.useContent)({ content: content }), setContentHost = _g.setContentHost, wrappedContent = _g.wrappedContent;
+    var overrides = _a.overrides, children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'auto' : _b, accessibilityType = _a.accessibilityType, _c = _a.triggerType, triggerType = _c === void 0 ? 'click' : _c, _d = _a.showArrow, showArrow = _d === void 0 ? false : _d, targetElement = _a.targetElement, isOpen = _a.isOpen, _e = _a.focusLock, focusLock = _e === void 0 ? false : _e, _f = _a.returnFocus, returnFocus = _f === void 0 ? triggerType === 'click' : _f, content = _a.content, popperOptions = _a.popperOptions, ignoreBoundary = _a.ignoreBoundary, _g = _a.viewportAsBoundary, viewportAsBoundary = _g === void 0 ? true : _g, restProps = (0, tslib_1.__rest)(_a, ["overrides", "children", "placement", "accessibilityType", "triggerType", "showArrow", "targetElement", "isOpen", "focusLock", "returnFocus", "content", "popperOptions", "ignoreBoundary", "viewportAsBoundary"]);
+    var _h = (0, hooks_1.useContent)({ content: content }), setContentHost = _h.setContentHost, wrappedContent = _h.wrappedContent;
     var isRTL = (0, style_1.useStyle)().isRTL;
     var focusLockProps = (0, hooks_1.useFocusLock)({ returnFocus: returnFocus, focusLock: focusLock });
-    var _h = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.ArrowTriangle, styled_components_1.StyledArrowTriangle), 2), ArrowTriangle = _h[0], arrowTriangleProps = _h[1];
-    var _overrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        Body: { style: overrides_2.getBodyStyles },
-        Arrow: { style: overrides_2.arrowStyles, props: { children: (0, jsx_runtime_1.jsx)(ArrowTriangle, (0, tslib_1.__assign)({}, arrowTriangleProps), void 0) } },
-        Inner: { style: overrides_2.getInnerStyles, props: { ref: setContentHost } },
-    }, overrides, [overrides, setContentHost]);
+    var _j = (0, tslib_1.__read)((0, overrides_1.useOverrides)(overrides === null || overrides === void 0 ? void 0 : overrides.ArrowTriangle, styled_components_1.StyledArrowTriangle), 2), ArrowTriangle = _j[0], arrowTriangleProps = _j[1];
+    var _overrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Body: { style: overrides_2.getBodyStyles },
+            Arrow: { style: overrides_2.arrowStyles, props: { children: (0, jsx_runtime_1.jsx)(ArrowTriangle, (0, tslib_1.__assign)({}, arrowTriangleProps), void 0) } },
+            Inner: { style: overrides_2.getInnerStyles, props: { ref: setContentHost } },
+        }, overrides);
+    }, [ArrowTriangle, arrowTriangleProps, overrides, setContentHost]);
     var mappedProps = {
         placement: placement && isRTL ? adapter_1.rtlPlacementMap[placement] : adapter_1.placementMap[placement],
         accessibilityType: accessibilityType && adapter_1.accessibilityMap[accessibilityType],
         triggerType: triggerType && adapter_1.triggerTypeMap[triggerType],
     };
     var combinedRef = (0, useCombinedRef_1.default)(ref, restProps.innerRef);
-    var childNode = children;
+    var childNode;
     if (typeof children === 'function') {
         childNode = children({ isOpen: isOpen });
     }
+    else {
+        childNode = children;
+    }
     var id = (0, useUniqueId_1.default)();
     var mergedPopperOptions = (0, react_1.useMemo)(function () { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, utils_1.getPopperOptions)({ ignoreBoundary: ignoreBoundary, viewportAsBoundary: viewportAsBoundary })), popperOptions)); }, [popperOptions, ignoreBoundary, viewportAsBoundary]);
     return ((0, jsx_runtime_1.jsx)(layer_1.LayersManager, (0, tslib_1.__assign)({ zIndex: layer_1.Z_INDEX.POPOVER }, { children: (0, jsx_runtime_1.jsx)(popover_1.Popover, (0, tslib_1.__assign)({ id: id }, restProps, mappedProps, { showArrow: showArrow, isOpen: isOpen, overrides: _overrides, innerRef: combinedRef, content: wrappedContent }, focusLockProps, { popperOptions: mergedPopperOptions }, { children: (0, jsx_runtime_1.jsx)(PopoverEnahncer_1.PopoverChildEnhancer, (0, tslib_1.__assign)({ targetElement: targetElement }, { children: childNode }), void 0) }), void 0) }), void 0));

package/popover/stateful-popover.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 var popover_2 = (0, tslib_1.__importDefault)(require("./popover"));
 var constants_1 = require("./constants");
 function StatefulPopover(props) {

package/popover/styled-components.d.ts

@@ -1,2 +1,2 @@
-export { StyledInner, StyledArrow, StyledBody, StyledPadding } from 'baseui/popover';
+export { StyledInner, StyledArrow, StyledBody, StyledPadding } from '../baseui/popover';
 export declare const StyledArrowTriangle: import("../style/styled").StyledComponent;

package/popover/styled-components.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledArrowTriangle = exports.StyledPadding = exports.StyledBody = exports.StyledArrow = exports.StyledInner = void 0;
 var tslib_1 = require("tslib");
 var constants_1 = require("./constants");
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 Object.defineProperty(exports, "StyledInner", { enumerable: true, get: function () { return popover_1.StyledInner; } });
 Object.defineProperty(exports, "StyledArrow", { enumerable: true, get: function () { return popover_1.StyledArrow; } });
 Object.defineProperty(exports, "StyledBody", { enumerable: true, get: function () { return popover_1.StyledBody; } });

package/popover/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { TetherPlacement } from 'baseui/layer';
-import { PopoverProps as BasePopoverProps, StatefulPopoverProps as BaseStatefulPopoverProps, StatefulPopoverContainerProps as BaseStatefulPopoverContainerProps, PopoverOverrides as BasePopoverOverrides } from 'baseui/popover';
+import { TetherPlacement } from '../baseui/layer';
+import { PopoverProps as BasePopoverProps, StatefulPopoverProps as BaseStatefulPopoverProps, StatefulPopoverContainerProps as BaseStatefulPopoverContainerProps, PopoverOverrides as BasePopoverOverrides } from '../baseui/popover';
 import { Override } from '../overrides';
 export declare type PopoverProps = Omit<BasePopoverProps, 'overrides' | 'children' | 'triggerType' | 'placement'> & {
     overrides?: {
@@ -35,6 +35,6 @@ export declare type StatefulPopoverContainerProps = Omit<BaseStatefulPopoverCont
 export declare type AccessibilityType = 'none' | 'menu' | 'tooltip';
 export declare type TriggerType = 'click' | 'hover';
 export declare type Placement = 'auto' | 'top' | 'topLeft' | 'topRight' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom';
-export type { Offset, SharedStylePropsArg as SharedProps, StateReducer, } from 'baseui/popover';
-export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from 'baseui/popover';
-export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from 'baseui/popover/constants';
+export type { Offset, SharedStylePropsArg as SharedProps, StateReducer, } from '../baseui/popover';
+export { STATE_CHANGE_TYPE, ANIMATE_IN_TIME, ANIMATE_OUT_TIME } from '../baseui/popover';
+export { ARROW_SIZE, ARROW_WIDTH, POPOVER_MARGIN } from '../baseui/popover/constants';

package/popover/types.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.POPOVER_MARGIN = exports.ARROW_WIDTH = exports.ARROW_SIZE = exports.ANIMATE_OUT_TIME = exports.ANIMATE_IN_TIME = exports.STATE_CHANGE_TYPE = void 0;
-var popover_1 = require("baseui/popover");
+var popover_1 = require("../baseui/popover");
 Object.defineProperty(exports, "STATE_CHANGE_TYPE", { enumerable: true, get: function () { return popover_1.STATE_CHANGE_TYPE; } });
 Object.defineProperty(exports, "ANIMATE_IN_TIME", { enumerable: true, get: function () { return popover_1.ANIMATE_IN_TIME; } });
 Object.defineProperty(exports, "ANIMATE_OUT_TIME", { enumerable: true, get: function () { return popover_1.ANIMATE_OUT_TIME; } });
-var constants_1 = require("baseui/popover/constants");
+var constants_1 = require("../baseui/popover/constants");
 Object.defineProperty(exports, "ARROW_SIZE", { enumerable: true, get: function () { return constants_1.ARROW_SIZE; } });
 Object.defineProperty(exports, "ARROW_WIDTH", { enumerable: true, get: function () { return constants_1.ARROW_WIDTH; } });
 Object.defineProperty(exports, "POPOVER_MARGIN", { enumerable: true, get: function () { return constants_1.POPOVER_MARGIN; } });

package/radio/basewebAdapters.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from 'baseui/radio';
+import type { Radio as BaseRadio, RadioGroup as BaseRadioGroup } from '../baseui/radio';
 import { RadioGroupProps, RadioProps, Size } from './types';
 import { Intent } from '../types';
 export declare const SpaceRadioContext: React.Context<{

package/radio/basewebAdapters.js

@@ -4,10 +4,10 @@ exports.useRadioAdapter = exports.useRadioGroupAdapter = exports.SpaceRadioConte
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var helpers_1 = require("../helpers");
-var useConvertOverrides_1 = require("../helpers/baseui/useConvertOverrides");
 var styled_components_1 = require("./styled-components");
 var context_1 = require("../form-control/context");
 var useCombinedRef_1 = require("../hooks/useCombinedRef");
+var overrides_1 = require("../overrides");
 exports.SpaceRadioContext = (0, react_1.createContext)({
     size: 'md',
     intent: 'default',
@@ -15,39 +15,43 @@ exports.SpaceRadioContext = (0, react_1.createContext)({
 exports.SpaceRadioContext.displayName = 'SpaceRadioContext';
 function useRadioGroupAdapter(props) {
     var _a = (0, context_1.useContextualFormProps)(props), size = _a.size, className = _a.className, style = _a.style, overrides = _a.overrides, intent = _a.intent, restProps = (0, tslib_1.__rest)(_a, ["size", "className", "style", "overrides", "intent"]);
-    var convertOverrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        RadioGroupRoot: {
-            style: [className, style],
-        },
-    }, overrides);
+    var convertOverrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            RadioGroupRoot: {
+                style: [className, style],
+            },
+        }, overrides);
+    }, [className, overrides, style]);
     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { overrides: convertOverrides, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur });
 }
 exports.useRadioGroupAdapter = useRadioGroupAdapter;
 var useRadioAdapter = function (props) {
     var _a = (0, react_1.useContext)(exports.SpaceRadioContext), size = _a.size, intent = _a.intent;
     var className = props.className, style = props.style, $outlineStyle = props.$outlineStyle, $outlineColor = props.$outlineColor, $outlineOffset = props.$outlineOffset, $outlineWidth = props.$outlineWidth, restProps = (0, tslib_1.__rest)(props, ["className", "style", "$outlineStyle", "$outlineColor", "$outlineOffset", "$outlineWidth"]);
-    var sharedProps = (0, helpers_1.add$props)({ size: size, intent: intent });
-    var overrides = (0, useConvertOverrides_1.useConvertOverrides)({
-        Root: {
-            style: [className, style, styled_components_1.getRootStyles],
-            props: sharedProps,
-        },
-        RadioMarkInner: {
-            style: styled_components_1.getRadioMarkInnerStyles,
-            props: sharedProps,
-        },
-        RadioMarkOuter: {
-            style: styled_components_1.getRadioMarkOuterStyles,
-            props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), (0, helpers_1.add$props)({ $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })),
-        },
-        Label: {
-            style: styled_components_1.getRadioLabelStyles,
-            props: sharedProps,
-        },
-        // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/472 - baseui adds position absolute
-        // static position gives unexpected behaviour in Safari. Using position fixed works well for the above issue and Safari as well.
-        Input: { style: { position: 'fixed' } },
-    }, props.overrides);
+    var sharedProps = (0, react_1.useMemo)(function () { return (0, helpers_1.add$props)({ size: size, intent: intent }); }, [intent, size]);
+    var overrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Root: {
+                style: [className, style, styled_components_1.getRootStyles],
+                props: sharedProps,
+            },
+            RadioMarkInner: {
+                style: styled_components_1.getRadioMarkInnerStyles,
+                props: sharedProps,
+            },
+            RadioMarkOuter: {
+                style: styled_components_1.getRadioMarkOuterStyles,
+                props: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, sharedProps), (0, helpers_1.add$props)({ $outlineStyle: $outlineStyle, $outlineColor: $outlineColor, $outlineOffset: $outlineOffset, $outlineWidth: $outlineWidth })),
+            },
+            Label: {
+                style: styled_components_1.getRadioLabelStyles,
+                props: sharedProps,
+            },
+            // https://prod-gitlab.sprinklr.com/sprinklr/frontend/spaceweb/-/issues/472 - baseui adds position absolute
+            // static position gives unexpected behaviour in Safari. Using position fixed works well for the above issue and Safari as well.
+            Input: { style: { position: 'fixed' } },
+        }, props.overrides);
+    }, [className, style, sharedProps, $outlineStyle, $outlineColor, $outlineOffset, $outlineWidth, props.overrides]);
     var inputRefObj = (0, useCombinedRef_1.useCombineRefObjects)(props.inputRef);
     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, restProps), { overrides: overrides, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onFocus: props.onFocus, onBlur: props.onBlur, inputRef: inputRefObj });
 };

package/radio/index.d.ts

@@ -1,3 +1,3 @@
 export { Radio, RadioGroup } from './radio';
-export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from 'baseui/radio';
+export { StatefulRadioGroup, StatefulContainer, StyledRoot, StyledLabel, StyledInput, StyledDescription, StyledRadioMarkInner, StyledRadioMarkOuter, StyledRadioGroupRoot, ALIGN, } from '../baseui/radio';
 export * from './types';

package/radio/index.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var radio_1 = require("./radio");
 Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_1.Radio; } });
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_1.RadioGroup; } });
-var radio_2 = require("baseui/radio");
+var radio_2 = require("../baseui/radio");
 Object.defineProperty(exports, "StatefulRadioGroup", { enumerable: true, get: function () { return radio_2.StatefulRadioGroup; } });
 Object.defineProperty(exports, "StatefulContainer", { enumerable: true, get: function () { return radio_2.StatefulContainer; } });
 Object.defineProperty(exports, "StyledRoot", { enumerable: true, get: function () { return radio_2.StyledRoot; } });

package/radio/radio.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = exports.Radio = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
-var radio_1 = require("baseui/radio");
+var radio_1 = require("../baseui/radio");
 var react_1 = require("react");
 var basewebAdapters_1 = require("./basewebAdapters");
 var context_1 = require("../form-control/context");

package/radio/styled-components.js

@@ -77,9 +77,9 @@ exports.getRadioMarkOuterStyles = getRadioMarkOuterStyles;
 var getRadioLabelStyles = function (_a, _b) {
     var _c;
     var px2rem = _a.px2rem;
-    var $labelPosition = _b.$labelPosition, $size = _b.$size;
+    var $labelPlacement = _b.$labelPlacement, $size = _b.$size;
     var paddingDirection;
-    switch ($labelPosition) {
+    switch ($labelPlacement) {
         case 'top':
             paddingDirection = 'Bottom';
             break;

package/radio/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RadioGroupProps as BaseRadioGroupProps, RadioProps as BaseRadioProps, RadioOverrides, RadioGroupOverrides } from 'baseui/radio';
+import { RadioGroupProps as BaseRadioGroupProps, RadioProps as BaseRadioProps, RadioOverrides, RadioGroupOverrides } from '../baseui/radio';
 import { Intent, SpacewebComponentProps } from '../types';
 import { Override } from '../overrides';
 import { OutlineProps } from '../helpers/commonStyles';
@@ -20,7 +20,6 @@ export declare type SharedProps = {
     $required?: boolean;
     $value?: string;
     $size?: Size;
-    $labelPosition?: LabelPosition;
 };
 declare type CommonProps = {
     onMouseEnter?: (e: React.MouseEvent<HTMLInputElement>) => unknown;

package/select/adaptor.d.ts

@@ -1,4 +1,4 @@
-import { TYPE } from 'baseui/select';
+import { TYPE } from '../baseui/select';
 import { Type } from './types';
 import { ValueOf } from '../utility-types';
 export declare const typeAdaptor: Record<Type, ValueOf<typeof TYPE>>;

package/select/adaptor.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typeAdaptor = void 0;
-var select_1 = require("baseui/select");
+var select_1 = require("../baseui/select");
 exports.typeAdaptor = {
     select: select_1.TYPE.select,
     search: select_1.TYPE.search,

package/select/base-select.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="lodash" />
-import type { OnChangeParams as BaseOnChangeParams } from 'baseui/select';
+import type { OnChangeParams as BaseOnChangeParams } from '../baseui/select';
 import { Component } from 'react';
 import * as React from 'react';
-import { Locale } from '../locale';
 import { Overrides } from '../overrides';
+import { Locale } from '../locale';
 import defaultProps from './default-props';
 import { BaseSelectProps, Option, Options, Value } from './types';
 declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps, {
@@ -53,8 +53,8 @@ declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps
         isContainerFocused: boolean;
     };
     lastSelectedValue: Value;
-    id: string;
-    menuId: string;
+    id: any;
+    menuId: any;
     createdOptions: Options | undefined;
     getMemoizedNormalizedOptions: (valueKey: string, options1?: Options, options2?: Options) => Value;
     getValueByIdMap: (value: Value, valueKey: string) => import("lodash").Dictionary<Readonly<{
@@ -65,12 +65,11 @@ declare class BaseSelect extends Component<BaseSelectProps & typeof defaultProps
         clearableValue?: boolean | undefined;
         isCreatable?: boolean | undefined;
         __optgroup?: string | undefined;
+        searchTags?: string[] | undefined;
     }>>;
-    shouldDisplaySelectAll: () => boolean;
-    isSelectAllChecked: (value: Value, options?: Options) => boolean | undefined;
     getSelectOverrides: () => Overrides<any>;
     getOptions: (locale: Locale, createdOptions: Options | undefined, options?: Options, shouldPrependClearOption?: boolean | undefined) => Value;
-    defaultCreateOption: (label: String) => Options;
+    defaultCreateOption: (label: string) => Options;
     getCreatedOptions: (option: Option) => Promise<Options>;
     getCreatedValues: (options: Options) => Options;
     handleBlur: (e: React.FocusEvent | MouseEvent) => void;