@sprinklrjs/spaceweb 11.0.0 → 12.33.2-rc.1

package/esm/color-picker/GradientColorPicker.js

@@ -0,0 +1,66 @@
+import { __assign, __read } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { CustomColorSelector } from './CustomColorSelector';
+import { Box } from '../box';
+import { Button } from '../button';
+import { FormControl } from '../form-control';
+import { Radio, RadioGroup } from '../radio';
+import { Slider } from '../slider';
+import { GRADIENT_TYPE } from './constants';
+import _noop from 'lodash/noop';
+import { extractColorsFromGradient, getGradientColorString } from './utils';
+var LabelOverrides = { LabelContainer: { style: 'w-24' } };
+var RadioOverrides = { Root: { style: 'mr-2' } };
+var GradientColorPicker = function (_a) {
+    var color = _a.color, _b = _a.onChange, onChange = _b === void 0 ? _noop : _b, _c = _a.onChangeComplete, onChangeComplete = _c === void 0 ? _noop : _c;
+    var _d = __read(useState(function () {
+        var gradientColorData = extractColorsFromGradient(color);
+        return (gradientColorData !== null && gradientColorData !== void 0 ? gradientColorData : {
+            gradientType: 'linear',
+            firstColor: color !== null && color !== void 0 ? color : '#000000',
+            secondColor: '#ffffff',
+            degree: [0],
+            endPoints: [0, 100],
+        });
+    }), 2), gradientColorObj = _d[0], setGradientColorObj = _d[1];
+    var gradientType = gradientColorObj.gradientType, firstColor = gradientColorObj.firstColor, secondColor = gradientColorObj.secondColor, degree = gradientColorObj.degree, endPoints = gradientColorObj.endPoints;
+    var _e = __read(useState(1), 2), currentColorSelected = _e[0], setCurrentSelectedColor = _e[1];
+    var handleGradientTypeChange = useCallback(function (e) {
+        var newGradientColorObj = __assign(__assign({}, gradientColorObj), { gradientType: e.target.value });
+        var gradientColorString = getGradientColorString(newGradientColorObj);
+        setGradientColorObj(newGradientColorObj);
+        onChange(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj });
+        onChangeComplete(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj });
+    }, [degree, firstColor, secondColor, endPoints[0], endPoints[1]]);
+    var handleDegreeChange = useCallback(function (_a, isChangeCompleted) {
+        var value = _a.value;
+        var newGradientColorObj = __assign(__assign({}, gradientColorObj), { degree: value });
+        setGradientColorObj(newGradientColorObj);
+        var gradientColorString = getGradientColorString(newGradientColorObj);
+        isChangeCompleted
+            ? onChangeComplete(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj })
+            : onChange(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj });
+    }, [gradientType, firstColor, secondColor, endPoints[0], endPoints[1]]);
+    var handleEndPointsChange = useCallback(function (_a, isChangeCompleted) {
+        var value = _a.value;
+        var newGradientColorObj = __assign(__assign({}, gradientColorObj), { endPoints: value });
+        setGradientColorObj(newGradientColorObj);
+        var gradientColorString = getGradientColorString(newGradientColorObj);
+        isChangeCompleted
+            ? onChangeComplete(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj })
+            : onChange(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj });
+    }, [gradientType, degree, firstColor, secondColor]);
+    var handleCustomColorOnChange = useCallback(function (colorObj, isChangeCompleted) {
+        var _a;
+        var newGradientColorObj = __assign(__assign({}, gradientColorObj), (_a = {}, _a[currentColorSelected === 1 ? 'firstColor' : 'secondColor'] = colorObj.hex, _a));
+        setGradientColorObj(newGradientColorObj);
+        var gradientColorString = getGradientColorString(newGradientColorObj);
+        isChangeCompleted
+            ? onChangeComplete(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj })
+            : onChange(gradientColorString, { type: 'gradient', colorResultObj: newGradientColorObj });
+    }, [gradientType, degree, firstColor, secondColor, endPoints[0], endPoints[1], currentColorSelected]);
+    return (_jsxs(_Fragment, { children: [_jsx(FormControl, __assign({ overrides: LabelOverrides, label: 'Direction', layout: "horizontal" }, { children: _jsxs(RadioGroup, __assign({ className: "m-2", value: gradientType, onChange: handleGradientTypeChange, align: "horizontal" }, { children: [_jsx(Radio, __assign({ overrides: RadioOverrides, value: GRADIENT_TYPE.LINEAR }, { children: GRADIENT_TYPE.LINEAR }), void 0), _jsx(Radio, __assign({ overrides: RadioOverrides, value: GRADIENT_TYPE.RADIAL }, { children: GRADIENT_TYPE.RADIAL }), void 0)] }), void 0) }), void 0), _jsx(FormControl, __assign({ overrides: LabelOverrides, label: function () { return 'Degree'; }, layout: "horizontal" }, { children: _jsx(Slider, { disabled: gradientType === GRADIENT_TYPE.RADIAL, value: degree, max: 360, onChange: function (data) { return handleDegreeChange(data, false); }, onFinalChange: function (data) { return handleDegreeChange(data, true); } }, void 0) }), void 0), _jsx(FormControl, __assign({ overrides: LabelOverrides, label: 'End Points', layout: "horizontal" }, { children: _jsx(Slider, { value: endPoints, max: 100, onChange: function (data) { return handleEndPointsChange(data, false); }, onFinalChange: function (data) { return handleEndPointsChange(data, true); } }, void 0) }), void 0), _jsxs(Box, __assign({ className: "flex justify-between items-center" }, { children: [_jsxs(Box, __assign({ className: "flex justify-center items-center" }, { children: [_jsx(Box, { className: "w-7 border-1 h-7 rounded-full", style: { background: "".concat(firstColor) } }, void 0), _jsx(Button, __assign({ isSelected: currentColorSelected === 1, shape: "pill", variant: "tertiary", size: "xxs", className: "m-1", onClick: function () { return setCurrentSelectedColor(1); } }, { children: "Color 1" }), void 0)] }), void 0), _jsxs(Box, __assign({ className: "flex justify-center items-center" }, { children: [_jsx(Button, __assign({ isSelected: currentColorSelected === 2, shape: "pill", variant: "tertiary", size: "xxs", className: "m-1", onClick: function () { return setCurrentSelectedColor(2); } }, { children: "Color 2" }), void 0), _jsx(Box, { className: "w-7 border-1 h-7 rounded-full", style: { background: "".concat(secondColor) } }, void 0)] }), void 0)] }), void 0), _jsx(Box, { style: { background: getGradientColorString(gradientColorObj) }, className: "my-2 w-full h-10 rounded-8" }, void 0), _jsx(CustomColorSelector, { color: currentColorSelected === 1 ? firstColor : secondColor, onChange: function (data) { return handleCustomColorOnChange(data, false); }, onChangeComplete: function (data) { return handleCustomColorOnChange(data, true); } }, void 0)] }, void 0));
+};
+GradientColorPicker.displayName = 'GradientColorPicker';
+export default GradientColorPicker;

package/esm/color-picker/Swatch.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ClassName } from '../types';
+import { ColorPickerOverrides } from './types';
+declare type SwatchProps = {
+    color: string;
+    isSelected: boolean;
+    onChange: (color?: string) => void;
+    className?: ClassName;
+    overrides?: ColorPickerOverrides;
+};
+export declare const Swatch: import("react").MemoExoticComponent<({ color, isSelected, onChange, className, overrides, ...props }: SwatchProps) => ReactElement>;
+export {};

package/esm/color-picker/Swatch.js

@@ -0,0 +1,35 @@
+import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { themeTokenToHex } from '../helpers';
+import { BaseButton } from '../base-button';
+import DefaultTickIcon from '../icon/components/tick';
+import { getContrastRatio } from './getContrastRatio';
+import { useTheme } from '../theme';
+import { memo, useCallback, useMemo } from 'react';
+import { useOverrides } from '../overrides';
+export var Swatch = memo(function (_a) {
+    var color = _a.color, isSelected = _a.isSelected, onChange = _a.onChange, className = _a.className, overrides = _a.overrides, props = __rest(_a, ["color", "isSelected", "onChange", "className", "overrides"]);
+    var theme = useTheme().theme;
+    var _b = __read(useOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.TickIcon, DefaultTickIcon), 2), TickIcon = _b[0], tickIconProps = _b[1];
+    var contrastRatioWithTickIcon = useMemo(function () { return (isSelected ? getContrastRatio(color, themeTokenToHex(theme.spr.icon05)) : 0); }, [theme, isSelected, color]);
+    var contrastRatioWithBgColor = useMemo(function () { return getContrastRatio(color, themeTokenToHex(theme.spr.popup)); }, [theme, color]);
+    var handleChange = useCallback(function () { return onChange(color); }, [color, onChange]);
+    return (_jsx(BaseButton, __assign({ onClick: handleChange, className: [
+            'cursor-pointer h-5 w-5 rounded-full flex justify-center items-center scale-0',
+            isSelected ? { transform: 'scale(1.2)' } : {},
+            contrastRatioWithBgColor < 3 ? 'border-1 border-solid spr-border-03' : '',
+            {
+                backgroundColor: color,
+                transition: '0.15s ease-in-out',
+                ':hover': {
+                    transform: 'scale(1.2)',
+                },
+                ':focus-visible': {
+                    transform: 'scale(1.2)',
+                    outlineWidth: '1px',
+                    outlineOffset: '1px',
+                },
+            },
+            className,
+        ], tabIndex: 0 }, props, { children: isSelected ? (_jsx(TickIcon, __assign({ className: contrastRatioWithTickIcon < 4.5 ? 'spr-icon-01' : 'spr-icon-05', size: 10 }, tickIconProps), void 0)) : null }), void 0));
+});

package/esm/color-picker/colors.d.ts

@@ -0,0 +1,3 @@
+export declare const SPRINKLR_PRESET_COLORS: string[];
+export declare const COLOR_PALETTE: string[][];
+export declare const getColorSet: () => Set<string | undefined>;

package/esm/color-picker/colors.js

@@ -0,0 +1,130 @@
+var SLATE_COLORS = [
+    '#FFFFFE',
+    '#F3F3F3',
+    '#EFEFEF',
+    '#DADAD9',
+    '#CCCCCC',
+    '#B7B7B7',
+    '#999999',
+    '#676666',
+    '#444343',
+    '#000000',
+];
+var RED_COLORS = [
+    '#fef2f2',
+    '#fee2e2',
+    '#fecaca',
+    '#fca5a5',
+    '#f87171',
+    '#dc2626',
+    '#b91c1c',
+    '#991b1b',
+    '#7f1d1d',
+    '#450a0a',
+];
+var AMBER_COLORS = [
+    '#fffbeb',
+    '#fef3c7',
+    '#fde68a',
+    '#fcd34d',
+    '#fbbf24',
+    '#d97706',
+    '#b45309',
+    '#92400e',
+    '#78350f',
+    '#451a03',
+];
+var GREEN_COLORS = [
+    '#f0fdf4',
+    '#dcfce7',
+    '#bbf7d0',
+    '#86efac',
+    '#4ade80',
+    '#16a34a',
+    '#15803d',
+    '#166534',
+    '#14532d',
+    '#052e16',
+];
+var BLUE_COLORS = [
+    '#eff6ff',
+    '#dbeafe',
+    '#bfdbfe',
+    '#93c5fd',
+    '#60a5fa',
+    '#2563eb',
+    '#1d4ed8',
+    '#1e40af',
+    '#1e3a8a',
+    '#172554',
+];
+var VIOLET_COLORS = [
+    '#f5f3ff',
+    '#ede9fe',
+    '#ddd6fe',
+    '#c4b5fd',
+    '#a78bfa',
+    '#7c3aed',
+    '#6d28d9',
+    '#5b21b6',
+    '#4c1d95',
+    '#2e1065',
+];
+var FUCHSIA_COLORS = [
+    '#fdf4ff',
+    '#fae8ff',
+    '#f5d0fe',
+    '#f0abfc',
+    '#e879f9',
+    '#c026d3',
+    '#a21caf',
+    '#86198f',
+    '#701a75',
+    '#4a044e',
+];
+var ROSE_COLORS = [
+    '#fff1f2',
+    '#ffe4e6',
+    '#fecdd3',
+    '#fda4af',
+    '#fb7185',
+    '#e11d48',
+    '#be123c',
+    '#9f1239',
+    '#881337',
+    '#4c0519',
+];
+export var SPRINKLR_PRESET_COLORS = [
+    '#54BEEE',
+    '#1DA4DD',
+    '#2E6DB8',
+    '#518EDD',
+    '#5CC8C3',
+    '#38A5A0',
+    '#C579BE',
+    '#A7469D',
+    '#8A3C8B',
+    '#723B86',
+    '#9785FE',
+    '#483A98',
+    '#F86CAE',
+    '#B1306C',
+    '#FFA371',
+    '#FD7D34',
+];
+export var COLOR_PALETTE = [
+    SLATE_COLORS,
+    RED_COLORS,
+    AMBER_COLORS,
+    GREEN_COLORS,
+    BLUE_COLORS,
+    VIOLET_COLORS,
+    FUCHSIA_COLORS,
+    ROSE_COLORS,
+];
+export var getColorSet = function () {
+    var set = new Set();
+    COLOR_PALETTE.forEach(function (arr) { return arr.forEach(function (element) { return set.add(element); }); });
+    SPRINKLR_PRESET_COLORS.forEach(function (element) { return set.add(element); });
+    return set;
+};

package/esm/color-picker/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const GRADIENT_TYPE: {
+    LINEAR: string;
+    RADIAL: string;
+};
+export declare const TAB_IDS: {
+    COLOR_PALETTE: number;
+    SOLID_COLOR: number;
+    GRADIENT_COLOR: number;
+};
+export declare const COLOR_TYPE: {
+    readonly SOLID: "solid";
+    readonly GRADIENT: "gradient";
+};

package/esm/color-picker/constants.js

@@ -0,0 +1,9 @@
+export var GRADIENT_TYPE = {
+    LINEAR: 'linear',
+    RADIAL: 'radial',
+};
+export var TAB_IDS = { COLOR_PALETTE: 1, SOLID_COLOR: 2, GRADIENT_COLOR: 3 };
+export var COLOR_TYPE = {
+    SOLID: 'solid',
+    GRADIENT: 'gradient',
+};

package/esm/color-picker/getContrastRatio.d.ts

@@ -0,0 +1 @@
+export declare const getContrastRatio: (color1: string, color2: string) => number;

package/esm/color-picker/getContrastRatio.js

@@ -0,0 +1,19 @@
+import { __read } from "tslib";
+// https://medium.muz.li/the-science-of-color-contrast-an-expert-designers-guide-33e84c41d156
+var hexToRgb = function (hex) {
+    var r = parseInt(hex.substring(1, 3), 16);
+    var g = parseInt(hex.substring(3, 5), 16);
+    var b = parseInt(hex.substring(5, 7), 16);
+    return [r, g, b];
+};
+var getRelativeLuminance = function (rgb) {
+    var _a = __read(rgb.map(function (c) { return c / 255; }), 3), r = _a[0], g = _a[1], b = _a[2];
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+};
+export var getContrastRatio = function (color1, color2) {
+    var rgb1 = hexToRgb(color1);
+    var rgb2 = hexToRgb(color2);
+    var l1 = getRelativeLuminance(rgb1);
+    var l2 = getRelativeLuminance(rgb2);
+    return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
+};

package/esm/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorPicker } from './ColorPicker';
+export type { ColorPickerProps, ColorPickerOverrides } from './types';
+export { COLOR_PALETTE } from './colors';

package/esm/color-picker/index.js

@@ -0,0 +1,2 @@
+export { ColorPicker } from './ColorPicker';
+export { COLOR_PALETTE } from './colors';

package/esm/color-picker/locale.d.ts

@@ -0,0 +1,7 @@
+export declare type ColorPickerLocale = {
+    resetButtonLabel: string;
+    colorLibraryLabel: string;
+    solidColorLabel: string;
+    gradientColorLabel: string;
+    selectColorLabel: string;
+};

package/esm/color-picker/locale.js

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

package/esm/color-picker/styled-component.d.ts

@@ -0,0 +1 @@
+export declare const StyledRoot: import("../style/styled").StyledComponent;

package/esm/color-picker/styled-component.js

@@ -0,0 +1,2 @@
+import { styled } from '../style';
+export var StyledRoot = styled('div', 'flex flex-col gap-3');

package/esm/color-picker/types.d.ts

@@ -0,0 +1,64 @@
+import { Override } from '../overrides';
+import { Color, ColorResult } from 'react-color';
+import { GRADIENT_TYPE } from './constants';
+import { SelectProps } from '../select';
+import { ButtonProps } from '../button';
+import { BoxProps } from '../box';
+export declare type ColorPickerOverrides = {
+    Root?: Override<Record<string, any>>;
+    Heading?: Override<Record<string, any>>;
+    Swatches?: Override<Record<string, any>>;
+    Swatch?: Override<Record<string, any>>;
+    TickIcon?: Override<Record<string, any>>;
+    Select?: Override<SelectProps & Record<string, any>>;
+    ResetButton?: Override<ButtonProps & Record<string, any>>;
+    ColorSelectorContainer?: Override<BoxProps & Record<string, any>>;
+};
+export declare type ColorPickerProps = {
+    overrides?: ColorPickerOverrides;
+    value?: string;
+    onChange?: onChangeCallback;
+    onChangeComplete?: onChangeCallback;
+    heading?: string;
+    resetButtonLabel?: string;
+    enableGradientSelector?: boolean;
+};
+export declare type GradientColorResult = {
+    gradientType: (typeof GRADIENT_TYPE)[keyof typeof GRADIENT_TYPE];
+    firstColor: string;
+    secondColor: string;
+    degree: [number];
+    endPoints: [number, number];
+};
+declare type onChangeCallback = (colorString?: string, colorObj?: {
+    type: 'solid';
+    colorResultObj?: ColorResult;
+} | {
+    type: 'gradient';
+    colorResultObj?: GradientColorResult;
+}) => void;
+export declare type GradientColorPickerProps = {
+    color?: string;
+    onChange?: onChangeCallback;
+    onChangeComplete?: onChangeCallback;
+};
+export declare type ColorSelectorProps = {
+    selectedTab: number;
+    color?: string;
+    onChange?: onChangeCallback;
+    onChangeComplete?: onChangeCallback;
+    overrides?: ColorPickerOverrides;
+    setColor: (color: string | undefined) => void;
+};
+export declare type CustomColorSelectorProps = {
+    color?: string;
+    onChange: (color: Color | {
+        hex: string;
+    }) => void;
+    hex?: ColorResult['hex'];
+    rgb?: ColorResult['rgb'];
+    onChangeComplete: (color: Color | {
+        hex: string;
+    }) => void;
+};
+export {};

package/esm/color-picker/types.js

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

package/esm/color-picker/utils.d.ts

@@ -0,0 +1,17 @@
+import { GradientColorResult } from './types';
+export declare const getGradientColorString: (gradientColorObject: any) => string;
+export declare const extractColorsFromGradient: (gradientString: any) => GradientColorResult | null;
+export declare const getColorSelectorOptions: (locale: any) => {
+    COLOR_PALETTE_OPTION: {
+        label: any;
+        id: number;
+    };
+    SOLID_COLOR_OPTION: {
+        label: any;
+        id: number;
+    };
+    GRADIENT_COLOR_OPTION: {
+        label: any;
+        id: number;
+    };
+};

package/esm/color-picker/utils.js

@@ -0,0 +1,33 @@
+import { GRADIENT_TYPE, TAB_IDS } from './constants';
+export var getGradientColorString = function (gradientColorObject) {
+    var gradientType = gradientColorObject.gradientType, firstColor = gradientColorObject.firstColor, secondColor = gradientColorObject.secondColor, endPoints = gradientColorObject.endPoints, degree = gradientColorObject.degree;
+    return "".concat(gradientType, "-gradient(").concat(gradientType === GRADIENT_TYPE.LINEAR ? "".concat(degree, "deg,") : '', " ").concat(firstColor, " ").concat(endPoints[0], "%, ").concat(secondColor, " ").concat(endPoints[1], "%)");
+};
+export var extractColorsFromGradient = function (gradientString) {
+    var gradientRegex = /^(linear|radial)-gradient\((\d+deg,)?\s*(#[0-9A-Fa-f]{6}|rgba?\(.*?\)|rgb\(.*?\)|[a-z]+)\s*(\d+%?)?\s*,\s*(#[0-9A-Fa-f]{6}|rgba?\(.*?\)|rgb\(.*?\)|[a-z]+)\s*(\d+%?)?\)$/i;
+    var match = gradientString && gradientString.match(gradientRegex);
+    if (match) {
+        var gradientType = match[1].toLowerCase();
+        var hasDegree = !!match[2];
+        var degree = hasDegree ? parseInt(match[2]) : 0;
+        var firstColor = match[3];
+        var firstColorPercentage = isNaN(parseInt(match[4])) ? 0 : parseInt(match[4]);
+        var secondColor = match[5];
+        var secondColorPercentage = isNaN(parseInt(match[6])) ? 100 : parseInt(match[6]);
+        return {
+            gradientType: gradientType,
+            degree: [degree],
+            firstColor: firstColor,
+            secondColor: secondColor,
+            endPoints: [firstColorPercentage, secondColorPercentage],
+        };
+    }
+    else {
+        return null;
+    }
+};
+export var getColorSelectorOptions = function (locale) { return ({
+    COLOR_PALETTE_OPTION: { label: locale.colorPicker.colorLibraryLabel, id: TAB_IDS.COLOR_PALETTE },
+    SOLID_COLOR_OPTION: { label: locale.colorPicker.solidColorLabel, id: TAB_IDS.SOLID_COLOR },
+    GRADIENT_COLOR_OPTION: { label: locale.colorPicker.gradientColorLabel, id: TAB_IDS.GRADIENT_COLOR },
+}); };

package/esm/currency/Currency.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CurrencyProps } from './types';
+export declare const Currency: ({ value, variant, currency, currencyOptions, }: CurrencyProps) => JSX.Element;

package/esm/currency/Currency.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+//hooks
+import { useCurrency } from './useCurrency';
+//constants
+import { DEFAULT_VARIANT, DEFAULT_CURRENCY } from './constants';
+export var Currency = function (_a) {
+    var value = _a.value, _b = _a.variant, variant = _b === void 0 ? DEFAULT_VARIANT : _b, _c = _a.currency, currency = _c === void 0 ? DEFAULT_CURRENCY : _c, currencyOptions = _a.currencyOptions;
+    var formattedCurrency = useCurrency({ value: value, variant: variant, currency: currency, currencyOptions: currencyOptions });
+    return _jsx(_Fragment, { children: formattedCurrency }, void 0);
+};

package/esm/currency/constants.d.ts

@@ -0,0 +1,3 @@
+import { CompactAutoFormat } from '../utils/intlNumberFormatUtils/types';
+export declare const DEFAULT_VARIANT: CompactAutoFormat;
+export declare const DEFAULT_CURRENCY = "USD";

package/esm/currency/constants.js

@@ -0,0 +1,5 @@
+import { NUMBER_VARIANTS } from '../utils/intlNumberFormatUtils/types';
+export var DEFAULT_VARIANT = {
+    type: NUMBER_VARIANTS.COMPACT_AUTO_FORMAT,
+};
+export var DEFAULT_CURRENCY = 'USD';

package/esm/currency/index.d.ts

@@ -0,0 +1,5 @@
+export { Currency } from './Currency';
+export { useCurrency } from './useCurrency';
+export { getFormattedCurrency } from './utils';
+export * from './types';
+export * from '../utils/intlNumberFormatUtils/types';

package/esm/currency/index.js

@@ -0,0 +1,5 @@
+export { Currency } from './Currency';
+export { useCurrency } from './useCurrency';
+export { getFormattedCurrency } from './utils';
+export * from './types';
+export * from '../utils/intlNumberFormatUtils/types';

package/esm/currency/types.d.ts

@@ -0,0 +1,7 @@
+import { NumberVariant } from '../utils/intlNumberFormatUtils/types';
+export declare type CurrencyProps = {
+    value: number;
+    variant?: NumberVariant;
+    currency?: string;
+    currencyOptions?: Intl.NumberFormatOptions;
+};

package/esm/currency/types.js

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

package/esm/currency/useCurrency.d.ts

@@ -0,0 +1,2 @@
+import { CurrencyProps } from './types';
+export declare const useCurrency: ({ value, currency, variant, currencyOptions, }: CurrencyProps) => string;

package/esm/currency/useCurrency.js

@@ -0,0 +1,8 @@
+import { useLocale } from '../locale';
+import { getFormattedCurrency } from './utils';
+import { DEFAULT_CURRENCY, DEFAULT_VARIANT } from './constants';
+export var useCurrency = function (_a) {
+    var value = _a.value, _b = _a.currency, currency = _b === void 0 ? DEFAULT_CURRENCY : _b, _c = _a.variant, variant = _c === void 0 ? DEFAULT_VARIANT : _c, currencyOptions = _a.currencyOptions;
+    var langCode = useLocale().langCode;
+    return getFormattedCurrency({ value: value, locale: langCode, variant: variant, currencyOptions: currencyOptions, currency: currency });
+};

package/esm/currency/utils.d.ts

@@ -0,0 +1,8 @@
+import { NumberVariant } from '../utils/intlNumberFormatUtils/types';
+export declare const getFormattedCurrency: ({ value, locale, variant, currencyOptions, currency, }: {
+    value: number;
+    locale: string;
+    variant: NumberVariant;
+    currency: string;
+    currencyOptions?: Intl.NumberFormatOptions | undefined;
+}) => string;

package/esm/currency/utils.js

@@ -0,0 +1,7 @@
+import { __assign } from "tslib";
+import { getFormattedNumber } from '../utils/intlNumberFormatUtils';
+export var getFormattedCurrency = function (_a) {
+    var value = _a.value, locale = _a.locale, variant = _a.variant, currencyOptions = _a.currencyOptions, currency = _a.currency;
+    var intlNumberFormatterOptions = __assign({ style: 'currency', currency: currency }, currencyOptions);
+    return getFormattedNumber({ value: value, locale: locale, variant: variant, numberOptions: intlNumberFormatterOptions });
+};

package/esm/date-input/DateInput.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { DateInputProps } from './types';
-export declare const DateInput: ({ adapter, formatString, mask, onChange, value, locale, weekStartsOn, maskChar, overrides, minDate, maxDate, timeSelect, ...restProps }: DateInputProps) => ReactElement;
+export declare const DateInput: ({ adapter, formatString: _formatString, onChange, value, locale, weekStartsOn, overrides, minDate, maxDate, timeSelect, showTimezone, timezone, onFocus: _onFocus, onKeyDown: _onKeyDown, placeholder, ...restProps }: DateInputProps) => ReactElement;