chili-ui 0.0.1

package/dist/components/Notifications/Notifications.test.js

@@ -0,0 +1,332 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { render } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import shortid from 'shortid';
+import userEvent from '@testing-library/user-event';
+import { Notifications } from './index';
+import { Button } from '../Button';
+jest.useFakeTimers();
+describe('Notifications SNAPSHOTS', () => {
+    it('should render basic usage', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 15,
+                id: 2,
+            },
+        ];
+        const onChange = jest.fn();
+        const eventMatcher = expect.objectContaining({
+            component: expect.objectContaining({
+                value: expect.any(Array),
+                method: 'delay',
+            }),
+        });
+        const { container } = render(_jsx(Notifications, { value: items, onChange: onChange, maxItems: 3 }));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container).toMatchSnapshot();
+        jest.advanceTimersByTime(100);
+        expect(onChange).toHaveBeenCalledTimes(2);
+        expect(onChange).toHaveBeenCalledWith(eventMatcher);
+    });
+    it('should render items < maxItems', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 10,
+                id: 2,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 10,
+                id: 3,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 10,
+                id: 4,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 10,
+                id: 5,
+            },
+        ];
+        const { container } = render(_jsx(Notifications, { value: items, onChange: jest.fn(), maxItems: 3 }));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(3);
+        expect(container).toMatchSnapshot();
+    });
+    it('should render action button', () => {
+        var _a;
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 15,
+                id: 2,
+            },
+        ];
+        const { container } = render(_jsx(Notifications, { value: items, onChange: jest.fn(), actionButtonRender: () => _jsx(Button, { children: "text" }), maxItems: 3 }));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container.querySelectorAll('button')).toHaveLength(2);
+        expect((_a = container.querySelector('button')) === null || _a === void 0 ? void 0 : _a.textContent).toEqual('text');
+        expect(container).toMatchSnapshot();
+    });
+});
+describe('Notifications handlers', () => {
+    it('should trigger onChange close', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 15,
+                id: 2,
+            },
+        ];
+        const eventMatcher = expect.objectContaining({
+            component: expect.objectContaining({
+                value: expect.any(Array),
+                method: 'delay',
+            }),
+        });
+        const Wrapper = () => {
+            const [value, setValue] = React.useState(items);
+            const handleChange = (ev) => {
+                expect(ev).toMatchObject(eventMatcher);
+                setValue(ev.component.value);
+            };
+            return (_jsx(Notifications, { value: value, onChange: handleChange, maxItems: 3 }));
+        };
+        const { container } = render(_jsx(Wrapper, {}));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container).toMatchSnapshot();
+        act(() => {
+            jest.advanceTimersByTime(100);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(0);
+        expect(container).toMatchSnapshot();
+    });
+    it('should not delete items with delay 0', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 0,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 15,
+                id: 2,
+            },
+        ];
+        const eventMatcher = expect.objectContaining({
+            component: expect.objectContaining({
+                value: expect.any(Array),
+                method: 'delay',
+            }),
+        });
+        const Wrapper = () => {
+            const [value, setValue] = React.useState(items);
+            const handleChange = (ev) => {
+                expect(ev).toMatchObject(eventMatcher);
+                setValue(ev.component.value);
+            };
+            return (_jsx(Notifications, { value: value, onChange: handleChange, maxItems: 3 }));
+        };
+        const { container } = render(_jsx(Wrapper, {}));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container).toMatchSnapshot();
+        act(() => {
+            jest.advanceTimersByTime(100);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(1);
+        expect(container).toMatchSnapshot();
+    });
+    it('should delete items by close icon click', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 0,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'danger',
+                color: 'danger',
+                delay: 0,
+                id: 2,
+            },
+        ];
+        const eventMatcher = expect.objectContaining({
+            component: expect.objectContaining({
+                value: expect.any(Array),
+                method: 'close-icon-click',
+            }),
+        });
+        const Wrapper = () => {
+            const [value, setValue] = React.useState(items);
+            const handleChange = (ev) => {
+                expect(ev).toMatchObject(eventMatcher);
+                setValue(ev.component.value);
+            };
+            return (_jsx(Notifications, { value: value, onChange: handleChange, maxItems: 3 }));
+        };
+        const { container } = render(_jsx(Wrapper, {}));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container).toMatchSnapshot();
+        act(() => {
+            const icon = container.querySelector('.notifications-icon-close');
+            expect(icon).toBeDefined();
+            userEvent.click(icon);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(1);
+        act(() => {
+            const icon = container.querySelector('.notifications-icon-close');
+            expect(icon).toBeDefined();
+            userEvent.click(icon);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(0);
+        expect(container).toMatchSnapshot();
+    });
+});
+describe('Notifications add item', () => {
+    it('should add new item', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+        ];
+        const item = {
+            text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+            icon: 'danger',
+            color: 'danger',
+            delay: 10,
+            id: 2,
+        };
+        const Wrapper = () => {
+            const [value, setValue] = React.useState(items);
+            const handleChange = (ev) => {
+                setValue(ev.component.value);
+            };
+            const addNewItem = () => setValue([...value, item]);
+            return (_jsxs(_Fragment, { children: [_jsx(Notifications, { value: value, onChange: handleChange, maxItems: 3 }), _jsx(Button, { onClick: () => addNewItem() })] }));
+        };
+        const { container } = render(_jsx(Wrapper, {}));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(1);
+        act(() => {
+            const button = container.querySelector('button');
+            expect(button).toBeDefined();
+            userEvent.click(button);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        expect(container).toMatchSnapshot();
+    });
+    it('should add new items and delete more than maxItems', () => {
+        const items = [
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 1,
+            },
+            {
+                text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+                icon: 'success',
+                color: 'success',
+                delay: 10,
+                id: 3,
+            },
+        ];
+        const item = {
+            text: 'Сомнение определяет <a href="#">эмпирический катарсис</a>, не&nbsp;учитывая мнения авторитетов.',
+            icon: 'danger',
+            color: 'danger',
+            delay: 10,
+        };
+        const Wrapper = () => {
+            const [value, setValue] = React.useState(items);
+            const handleChange = (ev) => {
+                setValue(ev.component.value);
+            };
+            const addNewItem = () => {
+                setValue([...value, Object.assign(Object.assign({}, item), { id: shortid.generate() })]);
+            };
+            return (_jsxs(_Fragment, { children: [_jsx(Notifications, { value: value, onChange: handleChange, maxItems: 3 }), _jsx(Button, { onClick: () => addNewItem() })] }));
+        };
+        const { container } = render(_jsx(Wrapper, {}));
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(2);
+        act(() => {
+            const button = container.querySelector('button');
+            expect(button).toBeDefined();
+            userEvent.click(button);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(3);
+        act(() => {
+            const button = container.querySelector('button');
+            expect(button).toBeDefined();
+            userEvent.click(button);
+        });
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(3);
+        act(() => {
+            const button = container.querySelector('button');
+            expect(button).toBeDefined();
+            userEvent.click(button);
+        });
+        // не более 3 элементов за раз
+        expect(container.querySelectorAll('.notifications-item')).toHaveLength(3);
+        expect(container).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=Notifications.test.js.map

package/dist/components/Notifications/Notifications.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.test.js","sourceRoot":"","sources":["../../../leda/components/Notifications/Notifications.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/Notifications/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const DEFAULT_NOTIFICATION_LIFETIME = 5000;
+export declare enum ChangeMethods {
+    Delay = "delay",
+    CloseIconClick = "close-icon-click"
+}

package/dist/components/Notifications/constants.js

@@ -0,0 +1,7 @@
+export const DEFAULT_NOTIFICATION_LIFETIME = 5000; // milliseconds
+export var ChangeMethods;
+(function (ChangeMethods) {
+    ChangeMethods["Delay"] = "delay";
+    ChangeMethods["CloseIconClick"] = "close-icon-click";
+})(ChangeMethods || (ChangeMethods = {}));
+//# sourceMappingURL=constants.js.map

package/dist/components/Notifications/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../leda/components/Notifications/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,6BAA6B,GAAG,IAAI,CAAC,CAAC,eAAe;AAElE,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,gCAAe,CAAA;IACf,oDAAmC,CAAA;AACrC,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}

package/dist/components/Notifications/index.d.ts

@@ -0,0 +1 @@
+export { Notifications } from './Notifications';

package/dist/components/Notifications/index.js

@@ -0,0 +1,2 @@
+export { Notifications } from './Notifications';
+//# sourceMappingURL=index.js.map

package/dist/components/Notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/Notifications/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Notifications/theme.d.ts

@@ -0,0 +1,7 @@
+export declare const defaultNotificationsTheme: {
+    notificationCloseIcon: string;
+    notificationContent: string;
+    notificationIcon: string;
+    notificationWrapper: string;
+    wrapper: string;
+};

package/dist/components/Notifications/theme.js

@@ -0,0 +1,10 @@
+/* eslint-disable key-spacing */
+export const defaultNotificationsTheme = {
+    notificationCloseIcon: 'notifications-icon-close',
+    notificationContent: 'notifications-content',
+    notificationIcon: 'notifications-icon',
+    notificationWrapper: 'notifications-item',
+    wrapper: 'notifications-wrapper',
+};
+/* eslint-enable key-spacing */
+//# sourceMappingURL=theme.js.map

package/dist/components/Notifications/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../leda/components/Notifications/theme.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,qBAAqB,EAAS,0BAA0B;IACxD,mBAAmB,EAAW,uBAAuB;IACrD,gBAAgB,EAAc,oBAAoB;IAClD,mBAAmB,EAAW,oBAAoB;IAClD,OAAO,EAAuB,uBAAuB;CACtD,CAAC;AACF,+BAA+B"}

package/dist/components/Notifications/types.d.ts

@@ -0,0 +1,55 @@
+import type * as React from 'react';
+import type { GlobalDefaultTheme, PartialGlobalDefaultTheme } from '../../utils/useTheme';
+import type { COMPONENTS_NAMESPACES } from '../../constants';
+import type { CustomRender } from '../../commonTypes';
+import type { DivProps } from '../Div';
+import type { ChangeMethods } from './constants';
+export interface Item {
+    text: string;
+    delay?: number;
+    id: string | number;
+    className?: string;
+    iconClassName?: string;
+    [x: string]: unknown;
+}
+export interface ChangeEvent {
+    component: {
+        value: Item[];
+        name?: string;
+        method: ChangeMethods;
+    };
+}
+export interface NotificationItemProps {
+    /** Notification button customizator */
+    actionButtonRender?: CustomRender<NotificationItemProps, Record<string, never>, React.PropsWithChildren<unknown>>;
+    /** Content customizator */
+    contentRender?: CustomRender<NotificationItemProps, Record<string, never>, DivProps>;
+    /** Icon customizator */
+    iconRender?: CustomRender<NotificationItemProps, Record<string, never>, DivProps>;
+    /** Obejct containing notification data */
+    item: Item;
+    /** Change handler, fires when the notification gets closed on timeout or by click */
+    onChange: (item: Item, method: ChangeMethods) => void;
+    /** Theme */
+    theme: GlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.notifications];
+}
+export interface NotificationsProps {
+    /** Notification button customizator */
+    actionButtonRender?: CustomRender<NotificationItemProps, Record<string, never>, React.PropsWithChildren<unknown>>;
+    /** Content customizator */
+    contentRender?: CustomRender<NotificationItemProps, Record<string, never>, DivProps>;
+    /** Icon customizator */
+    iconRender?: CustomRender<NotificationItemProps, Record<string, never>, DivProps>;
+    /** Max amount of notifications, 3 by default */
+    maxItems?: number;
+    /** Change handler, fires when the notification gets closed on timeout or by click */
+    onChange: (event: ChangeEvent) => void;
+    /** Ref */
+    ref?: React.Ref<HTMLElement>;
+    /** Theme */
+    theme?: PartialGlobalDefaultTheme[typeof COMPONENTS_NAMESPACES.notifications];
+    /** Notifications. If value has more items than is set in maxItems notifications get shown one by one */
+    value: Item[];
+    /** _css-class-names */
+    [x: string]: unknown;
+}

package/dist/components/Notifications/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/Notifications/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/components/Notifications/types.ts"],"names":[],"mappings":""}

package/dist/components/NumericRange/handlers.d.ts

@@ -0,0 +1,11 @@
+import type { SetState } from '../../commonTypes';
+import type { ChangeEvent } from '../NumericTextBox/types';
+import type { NumericRangeProps, NumericRangeState } from './types';
+export declare const createNumericChangeHandler: ({ value, setValue, name, format, thousandsSeparator, onChange, }: {
+    value: NumericRangeState['value'];
+    setValue: SetState<NumericRangeState['value']>;
+    name?: string | [string | undefined, string | undefined] | undefined;
+    onChange: NumericRangeProps['onChange'];
+    format?: string | undefined;
+    thousandsSeparator?: string | undefined;
+}) => (type: 'from' | 'to') => (ev: ChangeEvent) => void;

package/dist/components/NumericRange/handlers.js

@@ -0,0 +1,30 @@
+import { isFunction } from 'lodash';
+import { formatValue } from '../NumericTextBox/helpers';
+export const createNumericChangeHandler = ({ value, setValue, name, format = '#', thousandsSeparator = ' ', onChange, }) => (type) => (ev) => {
+    const newValue = (() => {
+        if (type === 'from')
+            return [ev.component.value, value[1]];
+        if (type === 'to')
+            return [value[0], ev.component.value];
+        return [null, null];
+    })();
+    setValue(newValue); // won't cause any effects if props.value is present
+    const customEvent = Object.assign(Object.assign({}, ev), { component: {
+            value: newValue,
+            name,
+            formattedValue: [formatValue({
+                    value: newValue[0],
+                    format,
+                    thousandsSeparator,
+                }),
+                formatValue({
+                    value: newValue[1],
+                    format,
+                    thousandsSeparator,
+                })],
+        } });
+    if (isFunction(onChange)) {
+        onChange(customEvent);
+    }
+};
+//# sourceMappingURL=handlers.js.map

package/dist/components/NumericRange/handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handlers.js","sourceRoot":"","sources":["../../../leda/components/NumericRange/handlers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIpC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,MAAM,GAAG,GAAG,EACZ,kBAAkB,GAAG,GAAG,EACxB,QAAQ,GAQT,EAAE,EAAE,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,CAAC,EAAe,EAAE,EAAE;IACjD,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE;QACrB,IAAI,IAAI,KAAK,MAAM;YAAE,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAmC,CAAC;QAC7F,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,KAAK,CAAmC,CAAC;QAC3F,OAAO,CAAC,IAAI,EAAE,IAAI,CAAmC,CAAC;IACxD,CAAC,CAAC,EAAE,CAAC;IAEL,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,oDAAoD;IAExE,MAAM,WAAW,mCACZ,EAAE,KACL,SAAS,EAAE;YACT,KAAK,EAAE,QAAQ;YACf,IAAI;YACJ,cAAc,EAAE,CAAC,WAAW,CAC1B;oBACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;oBAClB,MAAM;oBACN,kBAAkB;iBACnB,CACF;gBACD,WAAW,CAAC;oBACV,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;oBAClB,MAAM;oBACN,kBAAkB;iBACnB,CAAC,CAAqB;SACxB,GACF,CAAC;IAEF,IAAI,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzB,QAAQ,CAAC,WAAW,CAAC,CAAC;IACxB,CAAC;AACH,CAAC,CAAC"}

package/dist/components/NumericRange/helpers.d.ts

@@ -0,0 +1,6 @@
+import type { NumericRangeProps } from './types';
+export declare const getName: (name?: string | [string | undefined, string | undefined]) => [string | undefined, string | undefined];
+export declare const getPlaceholder: (placeholder?: string | [string | undefined, string | undefined]) => [string | undefined, string | undefined];
+export declare const getRequired: (isRequired?: boolean | [boolean, boolean]) => [boolean, boolean];
+export declare const getDisabled: (isDisabled?: boolean | [boolean, boolean]) => [boolean, boolean];
+export declare const getControlledValue: (value: NumericRangeProps['value']) => [number | null, number | null] | undefined;

package/dist/components/NumericRange/helpers.js

@@ -0,0 +1,38 @@
+/* eslint-disable react/prop-types */
+import { isString, isBoolean } from 'lodash';
+export const getName = (name) => {
+    if (isString(name))
+        return [`${name}-from`, `${name}-to`];
+    if (Array.isArray(name) && name.length === 2)
+        return name;
+    return [undefined, undefined];
+};
+export const getPlaceholder = (placeholder) => {
+    if (Array.isArray(placeholder))
+        return placeholder;
+    if (isString(placeholder))
+        return [placeholder, placeholder];
+    return [undefined, undefined];
+};
+export const getRequired = (isRequired) => {
+    if (Array.isArray(isRequired))
+        return isRequired;
+    if (isBoolean(isRequired))
+        return [isRequired, isRequired];
+    return [false, false];
+};
+export const getDisabled = (isDisabled) => {
+    if (Array.isArray(isDisabled))
+        return isDisabled;
+    if (isBoolean(isDisabled))
+        return [isDisabled, isDisabled];
+    return [false, false];
+};
+export const getControlledValue = (value) => {
+    if (value === undefined)
+        return undefined;
+    if (value === null)
+        return [null, null];
+    return value;
+};
+//# sourceMappingURL=helpers.js.map

package/dist/components/NumericRange/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../leda/components/NumericRange/helpers.ts"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAG7C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAwD,EAA4C,EAAE;IAC5H,IAAI,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,CAAC,GAAG,IAAI,OAAO,EAAE,GAAG,IAAI,KAAK,CAAC,CAAC;IAE1D,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE1D,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAA+D,EAA4C,EAAE;IAC1I,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;QAAE,OAAO,WAAW,CAAC;IACnD,IAAI,QAAQ,CAAC,WAAW,CAAC;QAAE,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;IAC7D,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,UAAyC,EAAsB,EAAE;IAC3F,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAAE,OAAO,UAAU,CAAC;IACjD,IAAI,SAAS,CAAC,UAAU,CAAC;QAAE,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC3D,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,UAAyC,EAAsB,EAAE;IAC3F,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;QAAE,OAAO,UAAU,CAAC;IACjD,IAAI,SAAS,CAAC,UAAU,CAAC;QAAE,OAAO,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC3D,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAiC,EAA8C,EAAE;IAClH,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE1C,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/components/NumericRange/index.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { NumericRangeProps } from './types';
+export declare const NumericRange: React.FC<NumericRangeProps>;

package/dist/components/NumericRange/index.js

@@ -0,0 +1,54 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { isNil } from 'lodash';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { getClassNames, useElement, useProps, useTheme, useValue, } from '../../utils';
+import { Div } from '../Div';
+import { NumericTextBox } from '../NumericTextBox';
+import { createNumericChangeHandler, } from './handlers';
+import { getPlaceholder, getRequired, getDisabled, getName, getControlledValue, } from './helpers';
+export const NumericRange = React.forwardRef((props, ref) => {
+    const _a = useProps(props), { className, form, format, inputsRender, isDisabled, isRequired: isRequiredProp, isValid, max, min, name: nameProp, onBlur, onChange, onFocus, placeholder: placeholderProp, shouldTrimTrailingZeros, step, theme: themeProp, thousandsSeparator, value: valueProp, wrapperRender } = _a, restProps = __rest(_a, ["className", "form", "format", "inputsRender", "isDisabled", "isRequired", "isValid", "max", "min", "name", "onBlur", "onChange", "onFocus", "placeholder", "shouldTrimTrailingZeros", "step", "theme", "thousandsSeparator", "value", "wrapperRender"]);
+    // returns value from props or from state, setUncontrolledState works only in uncontrolled mode
+    const [value, setUncontrolledValue] = useValue(getControlledValue(valueProp), [null, null]);
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.numericRange);
+    const placeholder = getPlaceholder(placeholderProp);
+    const required = getRequired(isRequiredProp);
+    const disabled = getDisabled(isDisabled);
+    const name = getName(nameProp);
+    const commonProps = {
+        form,
+        format,
+        step,
+        onBlur,
+        onFocus,
+        isValid,
+        shouldTrimTrailingZeros,
+        thousandsSeparator,
+    };
+    const handleChange = createNumericChangeHandler({
+        value,
+        setValue: setUncontrolledValue,
+        name: nameProp,
+        onChange,
+        format,
+        thousandsSeparator,
+    });
+    const wrapperClassNames = getClassNames(theme.wrapper, className);
+    const Wrapper = useElement('Wrapper', Div, wrapperRender, props, { value });
+    return (_jsxs(Wrapper, Object.assign({}, restProps, { className: wrapperClassNames, ref: ref, children: [_jsx(NumericTextBox, Object.assign({ inputRender: Array.isArray(inputsRender) ? inputsRender[0] : undefined, isDisabled: disabled[0], isRequired: required[0], max: isNil(value[1]) ? max : value[1], min: min, name: name[0], onChange: handleChange('from'), placeholder: placeholder[0], theme: theme.to, value: value[0] }, commonProps)), _jsx(Div, { className: theme.delimiter, children: "\u2014" }), _jsx(NumericTextBox, Object.assign({ inputRender: Array.isArray(inputsRender) ? inputsRender[1] : undefined, isDisabled: disabled[1], isRequired: required[1], max: max, min: isNil(value[0]) ? min : value[0], name: name[1], onChange: handleChange('to'), placeholder: placeholder[1], theme: theme.from, value: value[1] }, commonProps))] })));
+});
+NumericRange.displayName = 'NumericRange';
+//# sourceMappingURL=index.js.map

package/dist/components/NumericRange/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../leda/components/NumericRange/index.tsx"],"names":[],"mappings":"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"}