@qiwi/pijma-desktop 1.154.2 → 1.156.0

package/README.md

@@ -16,7 +16,7 @@ yarn add @qiwi/pijma-desktop
 import React from 'react'
 import {cache, themes, fonts, reset, CacheProvider, ThemeProvider, Global, Button, TextField} from '@qiwi/pijma-desktop'
 
-export const App: React.FC = () => (
+export const App = () => (
   <CacheProvider value={cache}>
     <ThemeProvider theme={themes.orange}>
       <Global styles={[reset, fonts]}/>

package/lib/dts/actions/Actions.d.ts

@@ -1,7 +1,7 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface ActionsProps {
     size: 'accent' | 'normal' | 'minor';
     vertical?: boolean;
     children?: ReactNode;
 }
-export declare const Actions: FunctionComponent<ActionsProps>;
+export declare const Actions: FC<ActionsProps>;

package/lib/dts/block-accordion/BlockAccordion.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface BlockAccordionProps<I> {
     items: I[];
     opened: number[];
@@ -10,4 +10,4 @@ export interface BlockAccordionItemModel {
     title: string;
     content: ReactNode;
 }
-export declare const BlockAccordion: FunctionComponent<BlockAccordionProps<BlockAccordionItemModel>>;
+export declare const BlockAccordion: FC<BlockAccordionProps<BlockAccordionItemModel>>;

package/lib/dts/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactElement } from 'react';
+import { FC, ReactElement } from 'react';
 export interface ButtonProps {
     onClick?: () => void;
     onFocus?: () => void;
@@ -14,4 +14,4 @@ export interface ButtonProps {
     stub?: boolean;
     radius?: number;
 }
-export declare const Button: FunctionComponent<ButtonProps>;
+export declare const Button: FC<ButtonProps>;

package/lib/dts/checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { CheckboxProps } from './CheckboxProps';
-export declare const Checkbox: FunctionComponent<CheckboxProps>;
+export declare const Checkbox: FC<CheckboxProps>;

package/lib/dts/checkbox-field/CheckboxField.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { CheckboxFieldOptionModel } from './CheckboxFieldOptionModel';
 import { CheckboxFieldProps } from './CheckboxFieldProps';
-export declare const CheckboxField: FunctionComponent<CheckboxFieldProps<CheckboxFieldOptionModel<any>, any>>;
+export declare const CheckboxField: FC<CheckboxFieldProps<CheckboxFieldOptionModel<any>, any>>;

package/lib/dts/code-field/CodeField.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { FC } from 'react';
 import { CodeFieldProps } from './CodeFieldProps';
-export declare const CodeField: React.FC<CodeFieldProps>;
+export declare const CodeField: FC<CodeFieldProps>;

package/lib/dts/drop-down/DropDown.d.ts

@@ -1,5 +1,5 @@
 import { OverlayProps, Value } from '@qiwi/pijma-core';
-import React, { FC } from 'react';
+import { FC, ReactElement } from 'react';
 export interface DropDownProps {
     show: boolean;
     offset?: number;
@@ -10,7 +10,7 @@ export interface DropDownProps {
     stub?: boolean;
     target: OverlayProps['target'];
     container: OverlayProps['container'];
-    children: React.ReactElement;
+    children: ReactElement;
     onHide: () => void;
 }
 export declare const DropDown: FC<DropDownProps>;

package/lib/dts/header/Header.d.ts

@@ -1,6 +1,6 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface HeaderProps {
     underline?: boolean;
     children?: ReactNode;
 }
-export declare const Header: FunctionComponent<HeaderProps>;
+export declare const Header: FC<HeaderProps>;

package/lib/dts/header-drop-down/HeaderDropDown.d.ts

@@ -1,10 +1,10 @@
 import { OverlayProps } from '@qiwi/pijma-core';
-import React, { FC } from 'react';
+import { FC, ReactElement } from 'react';
 export interface HeaderDropDownProps {
     show: boolean;
     target: OverlayProps['target'];
     container: OverlayProps['container'];
-    children: React.ReactElement;
+    children: ReactElement;
     onHide: () => void;
 }
 export declare const HeaderDropDown: FC<HeaderDropDownProps>;

package/lib/dts/header-suggest/HeaderSuggestProps.d.ts

@@ -1,12 +1,12 @@
 import { SuggestControlProps } from '@qiwi/pijma-core';
-import React, { ReactElement } from 'react';
+import { ReactElement, RefObject } from 'react';
 import { HeaderSuggestOptionModel } from './HeaderSuggestOptionModel';
 export interface HeaderSuggestProps<O extends HeaderSuggestOptionModel<V>, V> {
     value?: SuggestControlProps<O, V>['value'];
     suggest: SuggestControlProps<O, V>['suggest'];
     items?: SuggestControlProps<O, V>['items'];
-    target: React.RefObject<any>;
-    container: React.RefObject<any>;
+    target: RefObject<any>;
+    container: RefObject<any>;
     tabIndex?: number;
     autoComplete?: boolean;
     autoFocus?: boolean;

package/lib/dts/hint/Hint.d.ts

@@ -0,0 +1,11 @@
+import { OverlayProps } from '@qiwi/pijma-core';
+import { FC, ReactNode } from 'react';
+export interface HintProps {
+    show: boolean;
+    children: ReactNode;
+    placement: NonNullable<OverlayProps['placement']>;
+    flip?: boolean;
+    onShow: () => void;
+    onHide: () => void;
+}
+export declare const Hint: FC<HintProps>;

package/lib/dts/hint/index.d.ts

@@ -0,0 +1 @@
+export * from './Hint';

package/lib/dts/list/List.d.ts

@@ -1,8 +1,8 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface ListProps {
     children: ReactNode[];
     type: 'step' | 'number' | 'bullet';
     size?: 's' | 'm' | 'l';
     stub?: boolean;
 }
-export declare const List: FunctionComponent<ListProps>;
+export declare const List: FC<ListProps>;

package/lib/dts/modal/SimpleModal.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 interface SimpleModalProps {
     show: boolean;
     closable?: boolean;
@@ -10,5 +10,5 @@ interface SimpleModalProps {
     onHide?: () => void;
     children?: ReactNode;
 }
-export declare const SimpleModal: FunctionComponent<SimpleModalProps>;
+export declare const SimpleModal: FC<SimpleModalProps>;
 export {};

package/lib/dts/pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 export interface PaginationProps {
     total: number;
     active: number;
@@ -8,4 +8,4 @@ export interface PaginationProps {
     stub?: boolean;
     onChange?: (index: number) => void;
 }
-export declare const Pagination: FunctionComponent<PaginationProps>;
+export declare const Pagination: FC<PaginationProps>;

package/lib/dts/password-field/PasswordField.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { PasswordFieldProps } from './PasswordFieldProps';
-export declare const PasswordField: FunctionComponent<PasswordFieldProps>;
+export declare const PasswordField: FC<PasswordFieldProps>;

package/lib/dts/phone-field/PhoneField.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { PhoneFieldProps } from './PhoneFieldProps';
-export declare const PhoneField: FunctionComponent<PhoneFieldProps>;
+export declare const PhoneField: FC<PhoneFieldProps>;

package/lib/dts/radio-field/RadioField.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { RadioFieldOptionModel } from './RadioFieldOptionModel';
 import { RadioFieldProps } from './RadioFieldProps';
-export declare const RadioField: FunctionComponent<RadioFieldProps<RadioFieldOptionModel<any>, any>>;
+export declare const RadioField: FC<RadioFieldProps<RadioFieldOptionModel<any>, any>>;

package/lib/dts/select-field/SelectField.d.ts

@@ -1,5 +1,5 @@
 import { OptionModel } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface SelectFieldProps<I extends OptionModel<V>, V> {
     items: I[];
     title: string;
@@ -19,4 +19,4 @@ export interface SelectFieldProps<I extends OptionModel<V>, V> {
 export interface SelectFieldItemModel<V> extends OptionModel<V> {
     text: string;
 }
-export declare const SelectField: FunctionComponent<SelectFieldProps<SelectFieldItemModel<any>, any>>;
+export declare const SelectField: FC<SelectFieldProps<SelectFieldItemModel<any>, any>>;

package/lib/dts/switch/Switch.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { SwitchProps } from './SwitchProps';
-export declare const Switch: FunctionComponent<SwitchProps>;
+export declare const Switch: FC<SwitchProps>;

package/lib/dts/switch-field/SwitchField.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { SwitchFieldOptionModel } from './SwitchFieldOptionModel';
 import { SwitchFieldProps } from './SwitchFieldProps';
-export declare const SwitchField: FunctionComponent<SwitchFieldProps<SwitchFieldOptionModel<any>, any>>;
+export declare const SwitchField: FC<SwitchFieldProps<SwitchFieldOptionModel<any>, any>>;

package/lib/dts/text-field/TextField.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FC } from 'react';
 import { TextFieldProps } from './TextFieldProps';
-export declare const TextField: FunctionComponent<TextFieldProps>;
+export declare const TextField: FC<TextFieldProps>;

package/lib/dts/typography/Caption.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface CaptionProps {
     color?: 'default' | 'support' | 'inverse';
     align?: TypoProps['align'];
@@ -7,4 +7,4 @@ export interface CaptionProps {
     stub?: boolean;
     children?: ReactNode;
 }
-export declare const Caption: FunctionComponent<CaptionProps>;
+export declare const Caption: FC<CaptionProps>;

package/lib/dts/typography/Heading.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface HeadingProps {
     tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size: '1' | '2' | '3' | '4' | '5';
@@ -9,4 +9,4 @@ export interface HeadingProps {
     stub?: boolean;
     children?: ReactNode;
 }
-export declare const Heading: FunctionComponent<HeadingProps>;
+export declare const Heading: FC<HeadingProps>;

package/lib/dts/typography/Paragraph.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface ParagraphProps {
     size?: 's' | 'm' | 'l';
     bold?: boolean;
@@ -11,4 +11,4 @@ export interface ParagraphProps {
     stub?: boolean;
     children?: ReactNode;
 }
-export declare const Paragraph: FunctionComponent<ParagraphProps>;
+export declare const Paragraph: FC<ParagraphProps>;

package/lib/dts/typography/Text.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface TextProps {
     display?: 'block' | 'inline' | 'inline-block';
     size?: 's' | 'm' | 'l';
@@ -14,4 +14,4 @@ export interface TextProps {
     stub?: boolean;
     children?: ReactNode;
 }
-export declare const Text: FunctionComponent<TextProps>;
+export declare const Text: FC<TextProps>;

package/lib/dts/typography/Title.d.ts

@@ -1,5 +1,5 @@
 import { TypoProps } from '@qiwi/pijma-core';
-import { FunctionComponent, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface TitleProps {
     tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size: '1' | '2';
@@ -9,4 +9,4 @@ export interface TitleProps {
     stub?: boolean;
     children?: ReactNode;
 }
-export declare const Title: FunctionComponent<TitleProps>;
+export declare const Title: FC<TitleProps>;

package/lib/es5/button/Button.js

@@ -156,7 +156,7 @@ var Button = function(props) {
                                     height: 6,
                                     transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
                                     transform: "translateZ(0)",
-                                    children: /*#__PURE__*/ _react.default.cloneElement(props.icon, {
+                                    children: /*#__PURE__*/ (0, _react.cloneElement)(props.icon, {
                                         color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
                                         size: 1
                                     })

package/lib/es5/code-field/CodeField.js

@@ -84,21 +84,11 @@ var CodeField = function(_param) {
                                     disabled: props.disabled || loading,
                                     ref: item.ref,
                                     value: loading ? "" : props.value[index],
-                                    onChange: function(e) {
-                                        return item.onChange(e, index);
-                                    },
-                                    onClick: function(e) {
-                                        return item.onClick(e, index);
-                                    },
-                                    onFocus: function(e) {
-                                        return item.onFocus(e, index);
-                                    },
-                                    onBlur: function(e) {
-                                        return item.onBlur(e, index);
-                                    },
-                                    onKeyDown: function(e) {
-                                        return renderProps.onKeyDown(e, index);
-                                    }
+                                    onChange: item.onChange,
+                                    onClick: item.onClick,
+                                    onFocus: item.onFocus,
+                                    onBlur: item.onBlur,
+                                    onKeyDown: item.onKeyDown
                                 })
                             }, index);
                         })

package/lib/es5/drop-down/DropDown.js

@@ -14,27 +14,26 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _pijmaCore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var Transition = function(props) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props, {
+        timeout: {
+            enter: 300,
+            exit: 200
+        },
+        enterClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 1,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        },
+        exitClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 0,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        }
+    }));
 };
 Transition.displayName = "Transition";
-Transition.defaultProps = {
-    timeout: {
-        enter: 300,
-        exit: 200
-    },
-    enterClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 1,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    },
-    exitClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 0,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    }
-};
 var DropDown = function(param) {
     var show = param.show, offset = param.offset, width = param.width, minWidth = param.minWidth, maxWidth = param.maxWidth, _rootClose = param.rootClose, rootClose = _rootClose === void 0 ? true : _rootClose, _stub = param.stub, stub = _stub === void 0 ? false : _stub, target = param.target, container = param.container, onHide = param.onHide, children = param.children;
     return stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
@@ -48,6 +47,14 @@ var DropDown = function(param) {
         rootClose: rootClose,
         onHide: onHide,
         transition: Transition,
+        popperConfig: {
+            modifiers: [
+                {
+                    name: "preventOverflow",
+                    enabled: false
+                }, 
+            ]
+        },
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
                 role: "listbox",

package/lib/es5/header-drop-down/HeaderDropDown.js

@@ -14,27 +14,26 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _pijmaCore = require("@qiwi/pijma-core");
 var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
 var Transition = function(props) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props, {
+        timeout: {
+            enter: 300,
+            exit: 200
+        },
+        enterClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 1,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        },
+        exitClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 0,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        }
+    }));
 };
 Transition.displayName = "Transition";
-Transition.defaultProps = {
-    timeout: {
-        enter: 300,
-        exit: 200
-    },
-    enterClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 1,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    },
-    exitClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 0,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    }
-};
 var HeaderDropDown = function(param) {
     var show = param.show, target = param.target, container = param.container, onHide = param.onHide, children = param.children;
     return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Overlay, {
@@ -46,14 +45,12 @@ var HeaderDropDown = function(param) {
         onHide: onHide,
         transition: Transition,
         popperConfig: {
-            modifiers: {
-                preventOverflow: {
-                    enabled: false
-                },
-                hide: {
+            modifiers: [
+                {
+                    name: "preventOverflow",
                     enabled: false
-                }
-            }
+                }, 
+            ]
         },
         children: function(renderProps) {
             return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {

package/lib/es5/header-suggest/HeaderSuggest.js

@@ -21,27 +21,26 @@ var _typography = require("../typography/index.js");
 var CardItem = (0, _pijmaCore.styled)(_pijmaCore.Card)().withComponent(_menu.MenuItem);
 CardItem.displayName = "CardItem";
 var ContentTransition = function(props) {
-    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props));
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SimpleTransition, _extends({}, props, {
+        timeout: {
+            enter: 150,
+            exit: 150
+        },
+        enterClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 1,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        },
+        exitClassName: function(timeout) {
+            return (0, _pijmaCore.css)({
+                opacity: 0,
+                transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
+            });
+        }
+    }));
 };
 ContentTransition.displayName = "ContentTransition";
-ContentTransition.defaultProps = {
-    timeout: {
-        enter: 150,
-        exit: 150
-    },
-    enterClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 1,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    },
-    exitClassName: function(timeout) {
-        return (0, _pijmaCore.css)({
-            opacity: 0,
-            transition: "opacity " + timeout + "ms cubic-bezier(0.4, 0.0, 0.2, 1)"
-        });
-    }
-};
 var HeaderSuggest = function(_param) /*#__PURE__*/ {
     var _equals = _param.equals, equals = _equals === void 0 ? function(a, b) {
         return a === b;
@@ -53,8 +52,8 @@ var HeaderSuggest = function(_param) /*#__PURE__*/ {
         value: props.value,
         suggest: props.suggest,
         items: props.items,
-        total: /*#__PURE__*/ _react.default.isValidElement(props.total) || typeof props.total === "string" ? undefined : props.total,
-        empty: /*#__PURE__*/ _react.default.isValidElement(props.empty) || typeof props.empty === "string" ? undefined : props.empty,
+        total: /*#__PURE__*/ (0, _react.isValidElement)(props.total) || typeof props.total === "string" ? undefined : props.total,
+        empty: /*#__PURE__*/ (0, _react.isValidElement)(props.empty) || typeof props.empty === "string" ? undefined : props.empty,
         equals: equals,
         onRequest: props.onRequest,
         onChange: props.onChange,
@@ -69,7 +68,7 @@ var HeaderSuggest = function(_param) /*#__PURE__*/ {
                 onSelect: renderProps.onItemSelect,
                 onKeyDown: renderProps.onModalItemKeyDown,
                 children: function(menuRenderProps) {
-                    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+                    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
                         children: [
                             /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
                                 width: 6,
@@ -86,6 +85,14 @@ var HeaderSuggest = function(_param) /*#__PURE__*/ {
                                 rootClose: true,
                                 transition: ContentTransition,
                                 onHide: renderProps.onHide,
+                                popperConfig: {
+                                    modifiers: [
+                                        {
+                                            name: "preventOverflow",
+                                            enabled: false
+                                        }, 
+                                    ]
+                                },
                                 children: function(overlayRenderProps) {
                                     return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Pos, {
                                         type: "absolute",
@@ -205,7 +212,7 @@ var HeaderSuggest = function(_param) /*#__PURE__*/ {
                                                             props.total && menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
                                                                 px: 6,
                                                                 pb: 4,
-                                                                children: /*#__PURE__*/ _react.default.isValidElement(props.total) ? props.total : typeof props.total === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
+                                                                children: /*#__PURE__*/ (0, _react.isValidElement)(props.total) ? props.total : typeof props.total === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
                                                                     children: props.total
                                                                 }) : /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_typography.Paragraph, {
                                                                     children: [
@@ -224,7 +231,7 @@ var HeaderSuggest = function(_param) /*#__PURE__*/ {
                                                             }) : props.empty && menuRenderProps.items.length === 0 && props.items !== undefined ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
                                                                 px: 6,
                                                                 py: 4,
-                                                                children: /*#__PURE__*/ _react.default.isValidElement(props.empty) ? props.empty : typeof props.empty === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
+                                                                children: /*#__PURE__*/ (0, _react.isValidElement)(props.empty) ? props.empty : typeof props.empty === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
                                                                     children: props.empty
                                                                 }) : /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_typography.Paragraph, {
                                                                     children: [

package/lib/es5/header-suggest/HeaderSuggestProps.js

@@ -2,5 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
-var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));