@alphakits/ui 2.0.12 → 2.1.0

package/dist/notification/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/notification/component.tsx"],"sourcesContent":["import React, {\n    forwardRef, MouseEvent, useCallback, useEffect, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport {\n    LEFT, RIGHT, UP, useSwipeable,\n} from 'react-swipeable';\nimport cn from 'classnames';\n\nimport { Portal } from '../portal';\nimport { ToastPlate, ToastPlateProps } from '../toast-plate';\n\nimport { useClickOutside } from './utils';\n\nimport styles from './index.module.css';\n\nexport type NotificationProps = ToastPlateProps & {\n    /**\n     * Управление видимостью компонента\n     */\n    visible?: boolean;\n\n    /**\n     * Отступ от верхнего края\n     */\n    offset?: number;\n\n    /**\n     * Время до закрытия компонента\n     */\n    autoCloseDelay?: number;\n\n    /**\n     * Обработчик события истечения времени до закрытия компонента\n     */\n    onCloseTimeout?: () => void;\n\n    /**\n     * Обработчик события наведения курсора на компонент\n     */\n    onMouseEnter?: (event?: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик события снятия курсора с компонента\n     */\n    onMouseLeave?: (event?: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик клика вне компонента\n     */\n    onClickOutside?: (event?: MouseEvent<any>) => void;\n};\n\nconst notificationClassNameSelector = `.${styles.notificationComponent}`;\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n    (\n        {\n            className,\n            children,\n            visible,\n            offset = 108,\n            hasCloser = true,\n            autoCloseDelay = 5000,\n            onClose,\n            onCloseTimeout,\n            onMouseEnter,\n            onMouseLeave,\n            onClickOutside,\n            style,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const notificationRef = useRef<HTMLDivElement>(null);\n        const autoCloseTimeoutRef = useRef(0);\n        const closeTimeoutRef = useRef(0);\n\n        const [isClosing, setIsClosing] = useState(false);\n\n        const startAutoCloseTimer = useCallback(() => {\n            autoCloseTimeoutRef.current = window.setTimeout(() => {\n                if (onCloseTimeout) {\n                    onCloseTimeout();\n                }\n            }, autoCloseDelay);\n        }, [autoCloseDelay, onCloseTimeout]);\n\n        const stopAutoCloseTimer = useCallback(() => {\n            clearTimeout(autoCloseTimeoutRef.current);\n        }, []);\n\n        useEffect(\n            () => () => {\n                clearTimeout(closeTimeoutRef.current);\n            },\n            [],\n        );\n\n        useEffect(() => {\n            if (visible) {\n                startAutoCloseTimer();\n            }\n\n            return () => {\n                stopAutoCloseTimer();\n            };\n        }, [startAutoCloseTimer, stopAutoCloseTimer, visible]);\n\n        const handleMouseEnter = useCallback(\n            (event) => {\n                stopAutoCloseTimer();\n\n                if (onMouseEnter) {\n                    onMouseEnter(event);\n                }\n            },\n            [onMouseEnter, stopAutoCloseTimer],\n        );\n\n        const handleMouseLeave = useCallback(\n            (event) => {\n                stopAutoCloseTimer();\n                startAutoCloseTimer();\n\n                if (onMouseLeave) {\n                    onMouseLeave(event);\n                }\n            },\n            [onMouseLeave, startAutoCloseTimer, stopAutoCloseTimer],\n        );\n\n        const handleOutsideClick = useCallback(\n            (event) => {\n                const isTargetNotification = !!event.target.closest(notificationClassNameSelector);\n\n                /*\n                 *  проверка isTargetNotification нужна для предотвращения срабатывания handleOutsideClick\n                 *  при клике на другие нотификации, если их несколько на странице\n                 */\n                if (onClickOutside && visible && !isTargetNotification) {\n                    onClickOutside(event);\n                }\n            },\n            [onClickOutside, visible],\n        );\n\n        useClickOutside(notificationRef, handleOutsideClick);\n\n        const swipeableHandlers = useSwipeable({\n            onSwiped: ({ dir }) => {\n                if (onClose && [LEFT, RIGHT, UP].includes(dir)) {\n                    setIsClosing(true);\n\n                    closeTimeoutRef.current = window.setTimeout(() => {\n                        setIsClosing(false);\n                        onClose();\n                    }, 100);\n                }\n            },\n            delta: 100,\n            trackMouse: true,\n        });\n\n        return (\n            <Portal>\n                <div { ...swipeableHandlers }>\n                    <ToastPlate\n                        className={ cn(\n                            styles.notificationComponent,\n                            {\n                                [styles.isVisible]: visible,\n                                [styles.isClosing]: isClosing,\n                            },\n                            className,\n                        ) }\n                        contentClassName={ styles.toastContent }\n                        style={ {\n                            top: offset,\n                            ...style,\n                        } }\n                        onMouseEnter={ handleMouseEnter }\n                        onMouseLeave={ handleMouseLeave }\n                        ref={ mergeRefs([ref, notificationRef]) }\n                        role={ visible ? 'alert' : undefined }\n                        hasCloser={ hasCloser }\n                        onClose={ onClose }\n                        { ...restProps }\n                    >\n                        { children }\n                    </ToastPlate>\n                </div>\n            </Portal>\n        );\n    },\n);\n\n/**\n * Для отображения в сторибуке\n */\nNotification.defaultProps = {\n    autoCloseDelay: 5000,\n    offset: 108,\n};\n"],"names":["notificationClassNameSelector","styles","Notification","forwardRef","className","children","visible","offset","hasCloser","autoCloseDelay","onClose","onCloseTimeout","onMouseEnter","onMouseLeave","onClickOutside","style","restProps","ref","notificationRef","useRef","autoCloseTimeoutRef","closeTimeoutRef","isClosing","setIsClosing","useState","startAutoCloseTimer","useCallback","stopAutoCloseTimer","useEffect","handleMouseEnter","event","handleMouseLeave","handleOutsideClick","isTargetNotification","useClickOutside","swipeableHandlers","useSwipeable","dir","LEFT","RIGHT","UP","jsx","Portal","ToastPlate","cn","mergeRefs"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/notification/component.tsx"],"sourcesContent":["import React, {\n    forwardRef, MouseEvent, useCallback, useEffect, useRef, useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport {\n    LEFT, RIGHT, UP, useSwipeable,\n} from 'react-swipeable';\nimport cn from 'classnames';\n\nimport { Portal } from '../portal';\nimport { ToastPlate, ToastPlateProps } from '../toast-plate';\n\nimport { useClickOutside } from './utils';\n\nimport styles from './index.module.css';\n\nexport type NotificationProps = ToastPlateProps & {\n    /**\n     * Управление видимостью компонента\n     */\n    visible?: boolean;\n\n    /**\n     * Отступ от верхнего края\n     */\n    offset?: number;\n\n    /**\n     * Время до закрытия компонента\n     */\n    autoCloseDelay?: number;\n\n    /**\n     * Обработчик события истечения времени до закрытия компонента\n     */\n    onCloseTimeout?: () => void;\n\n    /**\n     * Обработчик события наведения курсора на компонент\n     */\n    onMouseEnter?: (event?: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик события снятия курсора с компонента\n     */\n    onMouseLeave?: (event?: MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * Обработчик клика вне компонента\n     */\n    onClickOutside?: (event?: MouseEvent<any>) => void;\n};\n\nconst notificationClassNameSelector = `.${styles.notificationComponent}`;\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n    (\n        {\n            className,\n            children,\n            visible,\n            offset = 108,\n            hasCloser = true,\n            autoCloseDelay = 5000,\n            onClose,\n            onCloseTimeout,\n            onMouseEnter,\n            onMouseLeave,\n            onClickOutside,\n            style,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const notificationRef = useRef<HTMLDivElement>(null);\n        const autoCloseTimeoutRef = useRef(0);\n        const closeTimeoutRef = useRef(0);\n\n        const [isClosing, setIsClosing] = useState(false);\n\n        const startAutoCloseTimer = useCallback(() => {\n            autoCloseTimeoutRef.current = window.setTimeout(() => {\n                if (onCloseTimeout) {\n                    onCloseTimeout();\n                }\n            }, autoCloseDelay);\n        }, [autoCloseDelay, onCloseTimeout]);\n\n        const stopAutoCloseTimer = useCallback(() => {\n            clearTimeout(autoCloseTimeoutRef.current);\n        }, []);\n\n        useEffect(\n            () => () => {\n                clearTimeout(closeTimeoutRef.current);\n            },\n            [],\n        );\n\n        useEffect(() => {\n            if (visible) {\n                startAutoCloseTimer();\n            }\n\n            return () => {\n                stopAutoCloseTimer();\n            };\n        }, [startAutoCloseTimer, stopAutoCloseTimer, visible]);\n\n        const handleMouseEnter = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                stopAutoCloseTimer();\n\n                if (onMouseEnter) {\n                    onMouseEnter(event);\n                }\n            },\n            [onMouseEnter, stopAutoCloseTimer],\n        );\n\n        const handleMouseLeave = useCallback(\n            (event: React.MouseEvent<HTMLDivElement>) => {\n                stopAutoCloseTimer();\n                startAutoCloseTimer();\n\n                if (onMouseLeave) {\n                    onMouseLeave(event);\n                }\n            },\n            [onMouseLeave, startAutoCloseTimer, stopAutoCloseTimer],\n        );\n\n        const handleOutsideClick = useCallback(\n            (event: React.MouseEvent | React.TouchEvent) => {\n                const isTargetNotification = !!(event.target as HTMLElement).closest(notificationClassNameSelector);\n\n                /*\n                 *  проверка isTargetNotification нужна для предотвращения срабатывания handleOutsideClick\n                 *  при клике на другие нотификации, если их несколько на странице\n                 */\n                if (onClickOutside && visible && !isTargetNotification) {\n                    onClickOutside(event as React.MouseEvent);\n                }\n            },\n            [onClickOutside, visible],\n        );\n\n        useClickOutside(notificationRef, handleOutsideClick);\n\n        const swipeableHandlers = useSwipeable({\n            onSwiped: ({ dir }) => {\n                if (onClose && [LEFT, RIGHT, UP].includes(dir)) {\n                    setIsClosing(true);\n\n                    closeTimeoutRef.current = window.setTimeout(() => {\n                        setIsClosing(false);\n                        onClose();\n                    }, 100);\n                }\n            },\n            delta: 100,\n            trackMouse: true,\n        });\n\n        return (\n            <Portal>\n                <div { ...swipeableHandlers }>\n                    <ToastPlate\n                        className={ cn(\n                            styles.notificationComponent,\n                            {\n                                [styles.isVisible]: visible,\n                                [styles.isClosing]: isClosing,\n                            },\n                            className,\n                        ) }\n                        contentClassName={ styles.toastContent }\n                        style={ {\n                            top: offset,\n                            ...style,\n                        } }\n                        onMouseEnter={ handleMouseEnter }\n                        onMouseLeave={ handleMouseLeave }\n                        ref={ mergeRefs([ref, notificationRef]) }\n                        role={ visible ? 'alert' : undefined }\n                        hasCloser={ hasCloser }\n                        onClose={ onClose }\n                        { ...restProps }\n                    >\n                        { children }\n                    </ToastPlate>\n                </div>\n            </Portal>\n        );\n    },\n);\n\n"],"names":["notificationClassNameSelector","styles","Notification","forwardRef","className","children","visible","offset","hasCloser","autoCloseDelay","onClose","onCloseTimeout","onMouseEnter","onMouseLeave","onClickOutside","style","restProps","ref","notificationRef","useRef","autoCloseTimeoutRef","closeTimeoutRef","isClosing","setIsClosing","useState","startAutoCloseTimer","useCallback","stopAutoCloseTimer","useEffect","handleMouseEnter","event","handleMouseLeave","handleOutsideClick","isTargetNotification","useClickOutside","swipeableHandlers","useSwipeable","dir","LEFT","RIGHT","UP","jsx","Portal","ToastPlate","cn","mergeRefs"],"mappings":"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"}

package/dist/notification/utils/index.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function useClickOutside(ref: React.RefObject<HTMLElement>, cb: (e: React.MouseEvent | React.TouchEvent) => void): void;
+export declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, cb: (e: React.MouseEvent | React.TouchEvent) => void): void;

package/dist/notification/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/notification/utils/index.ts"],"sourcesContent":["import React from 'react';\n\n/*\n * Дублирую хук из @alfalab/hooks, так как не подходят названия событий\n * https://github.com/alfa-laboratory/utils/blob/develop/packages/hooks/src/useClickOutside/hook.ts\n * issue завел, когда изменения будут реализованы, отсюда можно будет удалить\n * https://github.com/alfa-laboratory/utils/issues/35\n */\nexport function useClickOutside(\n    ref: React.RefObject<HTMLElement>,\n    cb: (e: React.MouseEvent | React.TouchEvent) => void,\n): void {\n    React.useEffect(() => {\n        const handler = (event: any) => {\n            if (!ref.current || ref.current.contains(event.target)) {\n                return;\n            }\n\n            cb(event);\n        };\n\n        document.addEventListener('click', handler);\n        document.addEventListener('touchend', handler);\n\n        return () => {\n            document.removeEventListener('click', handler);\n            document.removeEventListener('touchend', handler);\n        };\n    }, [ref, cb]);\n}\n"],"names":["useClickOutside","ref","cb","React","handler","event"],"mappings":";AAQO,SAASA,EACZC,GACAC,GACI;AACJ,EAAAC,EAAM,UAAU,MAAM;AAClB,UAAMC,IAAU,CAACC,MAAe;AAC5B,MAAI,CAACJ,EAAI,WAAWA,EAAI,QAAQ,SAASI,EAAM,MAAM,KAIrDH,EAAGG,CAAK;AAAA,IACZ;AAEA,oBAAS,iBAAiB,SAASD,CAAO,GAC1C,SAAS,iBAAiB,YAAYA,CAAO,GAEtC,MAAM;AACT,eAAS,oBAAoB,SAASA,CAAO,GAC7C,SAAS,oBAAoB,YAAYA,CAAO;AAAA,IACpD;AAAA,EACJ,GAAG,CAACH,GAAKC,CAAE,CAAC;AAChB;"}
+{"version":3,"file":"index.js","sources":["../../../src/notification/utils/index.ts"],"sourcesContent":["import React from 'react';\n\n/*\n * Дублирую хук из @alfalab/hooks, так как не подходят названия событий\n * https://github.com/alfa-laboratory/utils/blob/develop/packages/hooks/src/useClickOutside/hook.ts\n * issue завел, когда изменения будут реализованы, отсюда можно будет удалить\n * https://github.com/alfa-laboratory/utils/issues/35\n */\nexport function useClickOutside(\n    ref: React.RefObject<HTMLElement | null>,\n    cb: (e: React.MouseEvent | React.TouchEvent) => void,\n): void {\n    React.useEffect(() => {\n        const handler = (event: any) => {\n            if (!ref.current || ref.current.contains(event.target)) {\n                return;\n            }\n\n            cb(event);\n        };\n\n        document.addEventListener('click', handler);\n        document.addEventListener('touchend', handler);\n\n        return () => {\n            document.removeEventListener('click', handler);\n            document.removeEventListener('touchend', handler);\n        };\n    }, [ref, cb]);\n}\n"],"names":["useClickOutside","ref","cb","React","handler","event"],"mappings":";AAQO,SAASA,EACZC,GACAC,GACI;AACJ,EAAAC,EAAM,UAAU,MAAM;AAClB,UAAMC,IAAU,CAACC,MAAe;AAC5B,MAAI,CAACJ,EAAI,WAAWA,EAAI,QAAQ,SAASI,EAAM,MAAM,KAIrDH,EAAGG,CAAK;AAAA,IACZ;AAEA,oBAAS,iBAAiB,SAASD,CAAO,GAC1C,SAAS,iBAAiB,YAAYA,CAAO,GAEtC,MAAM;AACT,eAAS,oBAAoB,SAASA,CAAO,GAC7C,SAAS,oBAAoB,YAAYA,CAAO;AAAA,IACpD;AAAA,EACJ,GAAG,CAACH,GAAKC,CAAE,CAAC;AAChB;"}

package/dist/page-loading/component.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const PageLoading: () => JSX.Element;
+import { default as React } from 'react';
+export declare const PageLoading: () => React.JSX.Element;

package/dist/picker-button/component.d.ts

@@ -10,7 +10,7 @@ export type PickerButtonProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' |
     icon?: React.ReactNode;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "placeholder" | "onFocus" | "size" | "hint" | "multiple" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "fieldProps" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
+export declare const PickerButton: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "hint" | "onFocus" | "size" | "multiple" | "placeholder" | "selected" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow" | "fieldProps"> & Pick<ButtonProps, "view" | "leftAddons" | "loading"> & {
     /**
          * Размер кнопки
          */

package/dist/picker-button/field/Component.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ButtonProps } from '../../button';
 import { SelectFieldProps as BaseFieldProps } from '../../select';
 import { PickerButtonSize } from '..';
@@ -6,5 +7,5 @@ type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | '
     icon?: any;
     fieldComponent?: 'button' | 'iconButton';
 };
-export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => JSX.Element;
+export declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, fieldComponent, ...restProps }: FieldProps) => React.JSX.Element;
 export {};

package/dist/portal/utils.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export declare const PORTAL_CONTAINER_ATTRIBUTE = "escape-navigator-portal";
 export declare const getDefaultPortalContainer: () => Element;
-export declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+export declare function setRef<T>(ref: RefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/dist/portal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/portal/utils.ts"],"sourcesContent":["import { MutableRefObject, RefObject } from 'react';\n\nexport const PORTAL_CONTAINER_ATTRIBUTE = 'escape-navigator-portal';\n\nexport const getDefaultPortalContainer = (): Element => {\n    const createRoot = () => {\n        const root = document.createElement('div');\n\n        root.setAttribute(PORTAL_CONTAINER_ATTRIBUTE, '');\n        document.body.appendChild(root);\n\n        return root;\n    };\n\n    return document.querySelectorAll(`[${PORTAL_CONTAINER_ATTRIBUTE}]`)[0] || createRoot();\n};\n\nexport function setRef<T>(\n    ref: RefObject<T> | ((instance: T | null) => void) | null | undefined,\n    value: T | null,\n): void {\n    if (typeof ref === 'function') {\n        ref(value);\n    } else if (ref) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n    }\n}\n"],"names":["PORTAL_CONTAINER_ATTRIBUTE","getDefaultPortalContainer","createRoot","root","setRef","ref","value"],"mappings":"AAEO,MAAMA,IAA6B,2BAE7BC,IAA4B,MAAe;AACpD,QAAMC,IAAa,MAAM;AACrB,UAAMC,IAAO,SAAS,cAAc,KAAK;AAEzC,WAAAA,EAAK,aAAaH,GAA4B,EAAE,GAChD,SAAS,KAAK,YAAYG,CAAI,GAEvBA;AAAA,EACX;AAEA,SAAO,SAAS,iBAAiB,IAAIH,CAA0B,GAAG,EAAE,CAAC,KAAKE,EAAA;AAC9E;AAEO,SAASE,EACZC,GACAC,GACI;AACJ,EAAI,OAAOD,KAAQ,aACfA,EAAIC,CAAK,IACFD,MAENA,EAAmC,UAAUC;AAEtD;"}
+{"version":3,"file":"utils.js","sources":["../../src/portal/utils.ts"],"sourcesContent":["import { MutableRefObject, RefObject } from 'react';\n\nexport const PORTAL_CONTAINER_ATTRIBUTE = 'escape-navigator-portal';\n\nexport const getDefaultPortalContainer = (): Element => {\n    const createRoot = () => {\n        const root = document.createElement('div');\n\n        root.setAttribute(PORTAL_CONTAINER_ATTRIBUTE, '');\n        document.body.appendChild(root);\n\n        return root;\n    };\n\n    return document.querySelectorAll(`[${PORTAL_CONTAINER_ATTRIBUTE}]`)[0] || createRoot();\n};\n\nexport function setRef<T>(\n    ref: RefObject<T | null> | ((instance: T | null) => void) | null | undefined,\n    value: T | null,\n): void {\n    if (typeof ref === 'function') {\n        ref(value);\n    } else if (ref) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n    }\n}\n"],"names":["PORTAL_CONTAINER_ATTRIBUTE","getDefaultPortalContainer","createRoot","root","setRef","ref","value"],"mappings":"AAEO,MAAMA,IAA6B,2BAE7BC,IAA4B,MAAe;AACpD,QAAMC,IAAa,MAAM;AACrB,UAAMC,IAAO,SAAS,cAAc,KAAK;AAEzC,WAAAA,EAAK,aAAaH,GAA4B,EAAE,GAChD,SAAS,KAAK,YAAYG,CAAI,GAEvBA;AAAA,EACX;AAEA,SAAO,SAAS,iBAAiB,IAAIH,CAA0B,GAAG,EAAE,CAAC,KAAKE,EAAA;AAC9E;AAEO,SAASE,EACZC,GACAC,GACI;AACJ,EAAI,OAAOD,KAAQ,aACfA,EAAIC,CAAK,IACFD,MAENA,EAAmC,UAAUC;AAEtD;"}

package/dist/radio-groups/component.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { default as React } from 'react';
 type Child = {
     id: number;
     title: string;
@@ -15,5 +15,5 @@ export interface RadioGroupsProps {
     collapsable?: boolean;
     onChange: (value: number) => void;
 }
-export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => JSX.Element;
+export declare const RadioGroups: ({ parents, childs, selected, collapsable, onChange, }: RadioGroupsProps) => React.JSX.Element;
 export {};

package/dist/select/components/arrow/component.d.ts

@@ -1,2 +1,3 @@
+import { default as React } from 'react';
 import { ArrowProps } from '../../typings';
-export declare const Arrow: ({ open, className }: ArrowProps) => JSX.Element;
+export declare const Arrow: ({ open, className }: ArrowProps) => React.JSX.Element;