@sprinklrjs/spaceweb 10.1.0

package/esm/overrides/useOverrides.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Override } from './types';
+declare const getOverrides: <T, P>(override: Override<T> | undefined, defaultComponent: React.ComponentType<any>) => [React.ComponentType<P & Record<string, unknown>>, Record<string, unknown>];
+/**
+ * Wrapper on top of getOverrides of baseui.
+ */
+declare const useOverrides: <T, P>(override: Override<T> | undefined, defaultComponent: React.ComponentType<P>) => [React.ComponentType<P & Record<string, unknown>>, Record<string, unknown>];
+export { getOverrides, useOverrides };

package/esm/overrides/useOverrides.js

@@ -0,0 +1,14 @@
+/* eslint @typescript-eslint/no-explicit-any: 0 */
+import { getOverrides as baseGetOverrides } from 'baseui/helpers/overrides';
+import { useMemo } from 'react';
+var getOverrides = function (override, defaultComponent) {
+    if (override === void 0) { override = {}; }
+    return baseGetOverrides(override, defaultComponent);
+};
+/**
+ * Wrapper on top of getOverrides of baseui.
+ */
+var useOverrides = function (override, defaultComponent) {
+    return useMemo(function () { return getOverrides(override, defaultComponent); }, [override, defaultComponent]);
+};
+export { getOverrides, useOverrides };

package/esm/payment-card/basewebAdapters.d.ts

@@ -0,0 +1,7 @@
+import { PaymentCardOverrides as BasePaymentCardOverrides } from 'baseui/payment-card';
+import { PaymentCardProps, StatefulPaymentCardProps } from './types';
+declare type AdapterProps = Omit<PaymentCardProps | StatefulPaymentCardProps, 'autoFocus'>;
+declare const usePaymentCardBasewebAdapter: (props: AdapterProps) => Omit<AdapterProps, 'size' | 'variant' | 'className' | 'overrides' | 'style' | 'intent'> & {
+    overrides?: BasePaymentCardOverrides;
+};
+export default usePaymentCardBasewebAdapter;

package/esm/payment-card/basewebAdapters.js

@@ -0,0 +1,22 @@
+import { __assign } from "tslib";
+import { useContextualFormProps } from '../form-control/context';
+import useInputBasewebAdapter from '../input/basewebAdapters';
+import { getIconWrapperStyles } from './styled-components';
+import { add$props } from '../helpers';
+import { mergeOverrides } from '../overrides';
+var usePaymentCardBasewebAdapter = function (props) {
+    var _a = useContextualFormProps(props), size = _a.size, variant = _a.variant, intent = _a.intent;
+    var sharedProps = add$props({ size: size, variant: variant, intent: intent });
+    var basePaymentCardStyles = {
+        Input: {
+            style: { paddingLeft: '0px' },
+        },
+        IconWrapper: {
+            style: getIconWrapperStyles,
+            props: sharedProps,
+        },
+    };
+    var adaptedProps = useInputBasewebAdapter(__assign(__assign({}, props), { overrides: mergeOverrides(basePaymentCardStyles, props.overrides) }));
+    return adaptedProps;
+};
+export default usePaymentCardBasewebAdapter;

package/esm/payment-card/index.d.ts

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

package/esm/payment-card/index.js

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

package/esm/payment-card/paymentCard.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { PaymentCardProps, StatefulPaymentCardProps } from './types';
+export declare const PaymentCard: {
+    (props: PaymentCardProps): ReactElement;
+    displayName: string;
+};
+export declare const StatefulPaymentCard: {
+    (props: StatefulPaymentCardProps): ReactElement;
+    displayName: string;
+};

package/esm/payment-card/paymentCard.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PaymentCard as BasePaymentCard, StatefulPaymentCard as BaseStatefulPaymentCard } from 'baseui/payment-card';
+import usePaymentCardBasewebAdpater from './basewebAdapters';
+import useAutoFocus from '../hooks/useAutoFocus';
+// @ts-ignore
+BasePaymentCard.displayName = 'BasePaymentCard';
+export var PaymentCard = function (props) {
+    var autoFocus = props.autoFocus, restProps = __rest(props, ["autoFocus"]);
+    var adaptedProps = usePaymentCardBasewebAdpater(restProps);
+    var inputRef = useAutoFocus({ autoFocus: autoFocus, inputRef: adaptedProps.inputRef });
+    return _jsx(BasePaymentCard, __assign({}, adaptedProps, { inputRef: inputRef }), void 0);
+};
+PaymentCard.displayName = 'PaymentCard';
+export var StatefulPaymentCard = function (props) {
+    var autoFocus = props.autoFocus, restProps = __rest(props, ["autoFocus"]);
+    var adaptedProps = usePaymentCardBasewebAdpater(restProps);
+    var inputRef = useAutoFocus({ autoFocus: autoFocus, inputRef: adaptedProps.inputRef });
+    return _jsx(BaseStatefulPaymentCard, __assign({}, adaptedProps, { inputRef: inputRef }), void 0);
+};
+StatefulPaymentCard.displayName = 'StatefulPaymentCard';

package/esm/payment-card/styled-components.d.ts

@@ -0,0 +1,3 @@
+import { StyleFn } from '../types';
+import { SharedProps } from '../input/types';
+export declare const getIconWrapperStyles: StyleFn<SharedProps>;

package/esm/payment-card/styled-components.js

@@ -0,0 +1,12 @@
+import { getComponentSizeTheme } from '../helpers/themeHelpers';
+export var getIconWrapperStyles = function (_a, _b) {
+    var theme = _a.theme;
+    var $size = _b.$size;
+    var styles = {
+        marginLeft: '',
+        marginRight: '',
+    };
+    var inputSizeTheme = getComponentSizeTheme(theme, 'input', $size, 'lg');
+    styles.marginLeft = styles.marginRight = inputSizeTheme.paddingX;
+    return styles;
+};

package/esm/payment-card/types.d.ts

@@ -0,0 +1,17 @@
+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';
+export declare type PaymentCardOverrides = {
+    [key in keyof BasePaymentCardOverrides]?: Override<SharedProps & Record<string, any>>;
+};
+declare type CommonInputProps = {
+    variant?: InputVariant;
+    size?: InputSize;
+    overrides?: PaymentCardOverrides;
+    intent?: Intent;
+    autoFocus?: FocusPosition;
+};
+export declare type PaymentCardProps = Omit<SpacewebComponentProps<BasePaymentCardProps>, 'size' | 'overrides' | 'positive' | 'error' | 'autoFocus'> & CommonInputProps;
+export declare type StatefulPaymentCardProps = Omit<SpacewebComponentProps<BaseStatefulPaymentCardProps>, 'size' | 'overrides' | 'positive' | 'error' | 'autoFocus'> & CommonInputProps;
+export {};

package/esm/payment-card/types.js

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