@antscorp/antsomi-ui 1.3.5-beta.425 → 1.3.5-beta.426

package/es/__tests__/fileMock.test.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: string;
+export = _exports;

package/es/__tests__/fileMock.test.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = 'test-file-stub';

package/es/__tests__/styleMock.test.d.ts

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

package/es/__tests__/styleMock.test.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = {};

package/es/components/atoms/Alert/Alert.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Alert: import("styled-components").StyledComponent<import("react").FC<import("antd").AlertProps> & {
+    ErrorBoundary: typeof import("antd/es/alert/ErrorBoundary").default;
+}, any, {}, never>;

package/es/components/atoms/Alert/Alert.js

@@ -0,0 +1,19 @@
+var _a, _b, _c, _d;
+// Libraries
+import styled from 'styled-components';
+import { Alert as AntdAlert } from 'antd';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const Alert = styled(AntdAlert) `
+  padding: 10px;
+  font-size: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.fontSize}px;
+
+  .antsomi-alert-message {
+    color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.colorTextBase} !important;
+  }
+
+  &.antsomi-alert-info {
+    background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.bw1};
+    border-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.bw1};
+  }
+`;

package/es/components/atoms/Alert/index.d.ts

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

package/es/components/atoms/Alert/index.js

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

package/es/components/atoms/Button/Button.d.ts

@@ -0,0 +1,2 @@
+export { Button } from 'antd';
+export type { ButtonProps } from 'antd';

package/es/components/atoms/Button/Button.js

@@ -0,0 +1 @@
+export { Button } from 'antd';

package/es/components/atoms/Button/index.d.ts

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

package/es/components/atoms/Button/index.js

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

package/es/components/atoms/Button/test.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TestButton: React.FC;
+export default TestButton;

package/es/components/atoms/Button/test.js

@@ -0,0 +1,99 @@
+// Libraries
+import React, { useState } from 'react';
+import Icon from '@antscorp/icons';
+// Components
+import { Button, Divider, Radio, Space, Modal } from '../../index';
+const TestIcon = () => React.createElement(Icon, { type: "icon-ants-toggle-on" });
+const TestButton = () => {
+    const [size, setSize] = useState('large'); // default is 'middle'
+    const [api, context] = Modal.useModal();
+    return (React.createElement(React.Fragment, null,
+        context,
+        React.createElement(Space, { direction: "vertical", size: 20 },
+            React.createElement(Space, { wrap: true },
+                React.createElement(Button, { type: "primary", onClick: () => {
+                        api.confirm({
+                            title: 'hello',
+                            content: 'this is me',
+                        });
+                    } }, "Primary Button"),
+                React.createElement(Button, null, "Default Button"),
+                React.createElement(Button, { type: "dashed" }, "Dashed Button"),
+                React.createElement(Button, { type: "text" }, "Text Button"),
+                React.createElement(Button, { type: "link" }, "Link Button")),
+            React.createElement(Space, { direction: "vertical" },
+                React.createElement(Space, { wrap: true },
+                    React.createElement(Button, { type: "primary", shape: "circle", icon: React.createElement(TestIcon, null) }),
+                    React.createElement(Button, { type: "primary", shape: "circle" }, "A"),
+                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null) }, "Search"),
+                    React.createElement(Button, { shape: "circle", icon: React.createElement(TestIcon, null) }),
+                    React.createElement(Button, { icon: React.createElement(TestIcon, null) }, "Search")),
+                React.createElement(Space, { wrap: true },
+                    React.createElement(Button, { shape: "circle", icon: React.createElement(TestIcon, null) }),
+                    React.createElement(Button, { icon: React.createElement(TestIcon, null) }, "Search"),
+                    React.createElement(Button, { type: "dashed", shape: "circle", icon: React.createElement(TestIcon, null) }),
+                    React.createElement(Button, { type: "dashed", icon: React.createElement(TestIcon, null) }, "Search"),
+                    React.createElement(Button, { icon: React.createElement(TestIcon, null), href: "https://www.google.com" }))),
+            React.createElement(Space, { wrap: true },
+                React.createElement(Button, { type: "primary" }, "Primary Button"),
+                React.createElement(Button, null, "Default Button"),
+                React.createElement(Button, { type: "dashed" }, "Dashed Button"),
+                React.createElement(Button, { type: "text" }, "Text Button"),
+                React.createElement(Button, { type: "link" }, "Link Button")),
+            React.createElement(Radio.Group, { value: size, onChange: e => setSize(e.target.value) },
+                React.createElement(Radio.Button, { value: "large" }, "Large"),
+                React.createElement(Radio.Button, { value: "default" }, "Default"),
+                React.createElement(Radio.Button, { value: "small" }, "Small")),
+            React.createElement(Divider, { orientation: "left", plain: true }, "Preview"),
+            React.createElement(Space, { direction: "vertical" },
+                React.createElement(Space, { wrap: true },
+                    React.createElement(Button, { type: "primary", size: size }, "Primary"),
+                    React.createElement(Button, { size: size }, "Default"),
+                    React.createElement(Button, { type: "dashed", size: size }, "Dashed")),
+                React.createElement(Button, { type: "link", size: size }, "Link"),
+                React.createElement(Space, { wrap: true },
+                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null), size: size }),
+                    React.createElement(Button, { type: "primary", shape: "circle", icon: React.createElement(TestIcon, null), size: size }),
+                    React.createElement(Button, { type: "primary", shape: "round", icon: React.createElement(TestIcon, null), size: size }),
+                    React.createElement(Button, { type: "primary", shape: "round", icon: React.createElement(TestIcon, null), size: size }, "Download"),
+                    React.createElement(Button, { type: "primary", icon: React.createElement(TestIcon, null), size: size }, "Download"),
+                    React.createElement(Button, { danger: true }, "Danger"),
+                    React.createElement(Button, { danger: true, type: "primary" }, "Danger"),
+                    React.createElement(Button, { danger: true, type: "link" }, "Danger"),
+                    React.createElement(Button, { danger: true, type: "text" }, "Danger"))),
+            React.createElement(Space, { direction: "vertical" },
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "primary" }, "Primary"),
+                    React.createElement(Button, { type: "primary", disabled: true }, "Primary(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, null, "Default"),
+                    React.createElement(Button, { disabled: true }, "Default(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "dashed" }, "Dashed"),
+                    React.createElement(Button, { type: "dashed", disabled: true }, "Dashed(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "text" }, "Text"),
+                    React.createElement(Button, { type: "text", disabled: true }, "Text(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "link" }, "Link"),
+                    React.createElement(Button, { type: "link", disabled: true }, "Link(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "primary", href: "https://ant.design/index-cn" }, "Href Primary"),
+                    React.createElement(Button, { type: "primary", href: "https://ant.design/index-cn", disabled: true }, "Href Primary(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { danger: true }, "Danger Default"),
+                    React.createElement(Button, { danger: true, disabled: true }, "Danger Default(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "primary", danger: true }, "Primary"),
+                    React.createElement(Button, { type: "primary", danger: true, disabled: true }, "Primary(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { danger: true, type: "text" }, "Danger Text"),
+                    React.createElement(Button, { danger: true, type: "text", disabled: true }, "Danger Text(disabled)")),
+                React.createElement(Space, null,
+                    React.createElement(Button, { type: "link", danger: true }, "Danger Link"),
+                    React.createElement(Button, { type: "link", danger: true, disabled: true }, "Danger Link(disabled)")),
+                React.createElement(Space, { className: "site-button-ghost-wrapper" },
+                    React.createElement(Button, { ghost: true }, "Ghost"),
+                    React.createElement(Button, { ghost: true, disabled: true }, "Ghost(disabled)"))))));
+};
+export default TestButton;

package/es/components/atoms/Checkbox/Checkbox.d.ts

@@ -0,0 +1 @@
+export { Checkbox } from 'antd';

package/es/components/atoms/Checkbox/Checkbox.js

@@ -0,0 +1 @@
+export { Checkbox } from 'antd';

package/es/components/atoms/Checkbox/index.d.ts

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

package/es/components/atoms/Checkbox/index.js

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

package/es/components/atoms/ContentEditable/ContentEditable.d.ts

@@ -0,0 +1,16 @@
+import React, { FocusEvent } from 'react';
+import { TypographyProps } from 'antd';
+import { EllipsisConfig } from 'antd/es/typography/Base';
+interface ContentEditableProps extends Omit<TypographyProps['Text'], 'className' | '$$typeof'> {
+    onSave: (innerText: string, e?: FocusEvent<any>) => void;
+    value?: string;
+    isEdit?: boolean;
+    disabledBlur?: boolean;
+    maxLength?: number;
+    breakWord?: boolean;
+    regexPattern?: RegExp;
+    className?: string;
+    ellipsis?: EllipsisConfig;
+}
+export declare const ContentEditable: React.FC<React.PropsWithChildren<ContentEditableProps>>;
+export {};

package/es/components/atoms/ContentEditable/ContentEditable.js

@@ -0,0 +1,76 @@
+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 React, { useEffect, useRef, useState } from 'react';
+import { ContentEditableWrapper } from './styled';
+// NOTE: User can keypress when value reach max length
+const IGNORE_KEY_CODE = [
+    'Backspace',
+    'Delete',
+    'ArrowRight',
+    'ArrowLeft',
+    'ControlLeft',
+    'ControlRight',
+    'ShiftLeft',
+    'ShiftRight',
+    'Tab',
+];
+export const ContentEditable = React.memo(props => {
+    const { value, onSave, className, isEdit, disabledBlur, maxLength, breakWord, regexPattern, ellipsis } = props, restProps = __rest(props, ["value", "onSave", "className", "isEdit", "disabledBlur", "maxLength", "breakWord", "regexPattern", "ellipsis"]);
+    const [isEditable, setIsEditable] = useState(false);
+    const elementRef = useRef(null);
+    useEffect(() => {
+        if (isEdit !== undefined) {
+            if (!isEdit)
+                onSave(elementRef && elementRef.current ? elementRef.current.innerText : '');
+            setIsEditable(isEdit);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isEdit]);
+    return (React.createElement(ContentEditableWrapper, Object.assign({}, restProps, { "$breakWord": breakWord, ref: elementRef, className: `${isEditable ? 'editable' : ''} ${className || ''}`, suppressContentEditableWarning: true, contentEditable: true, spellCheck: false, ellipsis: { tooltip: true }, onClick: () => {
+            if (!isEditable) {
+                setIsEditable(true);
+            }
+        }, onBlur: (e) => {
+            if (disabledBlur)
+                return;
+            setIsEditable(false);
+            onSave(e.target.innerText, e);
+        }, onKeyDown: (e) => {
+            var _a;
+            if (!isEditable)
+                e.preventDefault();
+            // Check letters are selected => user want to replace it => allow edit
+            const selectedLetter = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString().length;
+            // Check user want select all text
+            const isSelectAll = e.code === 'KeyA' && e.ctrlKey;
+            if (!IGNORE_KEY_CODE.includes(e.code) &&
+                !selectedLetter &&
+                !isSelectAll &&
+                regexPattern &&
+                !e.code.match(regexPattern) &&
+                !isSelectAll)
+                e.preventDefault();
+            if (e.code === 'Enter') {
+                e.preventDefault();
+                onSave(e.currentTarget.innerText);
+                setIsEditable(false);
+            }
+            // NOTE: check current text length
+            if (maxLength &&
+                e.currentTarget.innerText.length >= maxLength &&
+                !IGNORE_KEY_CODE.includes(e.code) &&
+                !selectedLetter &&
+                !isSelectAll) {
+                e.preventDefault();
+            }
+        } }), value));
+});

package/es/components/atoms/ContentEditable/index.d.ts

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

package/es/components/atoms/ContentEditable/index.js

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

package/es/components/atoms/ContentEditable/styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ContentEditableWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
+    $breakWord?: boolean | undefined;
+}, never>;

package/es/components/atoms/ContentEditable/styled.js

@@ -0,0 +1,20 @@
+// Libraries
+import styled from 'styled-components';
+import { Typography } from '@antscorp/antsomi-ui/es/components';
+export const ContentEditableWrapper = styled(Typography.Text) `
+  outline-width: 0;
+  caret-color: transparent;
+  border-radius: 4px;
+  display: inline-flex !important;
+  align-items: center !important;
+  word-break: ${props => (props.$breakWord ? 'break-word' : 'normal')};
+
+  &.editable {
+    outline: 2px solid var(--text-link-color);
+    outline-offset: -2px;
+    caret-color: unset;
+  }
+
+  padding: 4px;
+  /* font-weight: bold; */
+`;

package/es/components/atoms/Divider/Divider.d.ts

@@ -0,0 +1 @@
+export { Divider } from 'antd';

package/es/components/atoms/Divider/Divider.js

@@ -0,0 +1 @@
+export { Divider } from 'antd';

package/es/components/atoms/Divider/index.d.ts

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

package/es/components/atoms/Divider/index.js

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

package/es/components/atoms/DividerPure/DividerPure.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface DividerProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
+    type?: 'vertical' | 'horizontal';
+    dot?: boolean;
+    dashed?: boolean;
+    height?: number | string;
+    width?: number | string;
+}
+export declare const DividerPure: React.FC<DividerProps>;
+export {};

package/es/components/atoms/DividerPure/DividerPure.js

@@ -0,0 +1,27 @@
+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;
+};
+// Libraries
+import classNames from 'classnames';
+import * as React from 'react';
+// Styled
+import { Wrapper } from './styled';
+export const DividerPure = props => {
+    const { type, dot, dashed, className, style, width, height, children } = props, restOf = __rest(props, ["type", "dot", "dashed", "className", "style", "width", "height", "children"]);
+    return (React.createElement(Wrapper, Object.assign({ className: classNames(`--${type}`, className, {
+            '--dot': dot,
+            '--dashed': dashed,
+        }), style: Object.assign(Object.assign({}, style), { height, width }) }, restOf)));
+};
+DividerPure.defaultProps = {
+    type: 'horizontal',
+    dot: false,
+};

package/es/components/atoms/DividerPure/index.d.ts

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

package/es/components/atoms/DividerPure/index.js

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

package/es/components/atoms/DividerPure/styled.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/atoms/DividerPure/styled.js

@@ -0,0 +1,41 @@
+var _a, _b;
+// Libraries
+import styled from 'styled-components';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const Wrapper = styled.div `
+  &.--horizontal {
+    border-top-width: 1px;
+    border-color: '#e3eef1';
+    width: 100%;
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+
+  &.--vertical {
+    border-right-width: 1px;
+    border-color: '#e3eef1';
+    min-height: 30px;
+    width: max-content;
+    margin-left: 14px;
+    margin-right: 14px;
+  }
+
+  &.--dot {
+    border-style: dotted;
+    border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.accent3};
+
+    &.--vertical {
+      border-right-width: 2px;
+    }
+  }
+
+  &.--dashed {
+    border-style: dashed;
+    border-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.accent3};
+
+    &.--vertical {
+      border-right-width: 2px;
+    }
+  }
+`;

package/es/components/atoms/Empty/Empty.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { EmptyProps } from 'antd';
+export interface IEmpty extends EmptyProps {
+    loading?: boolean;
+}
+export declare const Empty: React.FC<IEmpty>;

package/es/components/atoms/Empty/Empty.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Empty as AntdEmpty } from 'antd';
+import { Spin } from '../Spin';
+import { LoadingOutlined } from '@ant-design/icons';
+export const Empty = props => {
+    const { loading, description } = props;
+    return (React.createElement(AntdEmpty, Object.assign({}, props, { description: loading ? (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })) : (description) })));
+};

package/es/components/atoms/Empty/index.d.ts

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

package/es/components/atoms/Empty/index.js

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

package/es/components/atoms/Flex/Flex.d.ts

@@ -0,0 +1,2 @@
+export { Flex } from 'antd';
+export type { FlexProps } from 'antd';

package/es/components/atoms/Flex/Flex.js

@@ -0,0 +1 @@
+export { Flex } from 'antd';

package/es/components/atoms/Flex/index.d.ts

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

package/es/components/atoms/Flex/index.js

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

package/es/components/atoms/FloatButton/FloatButton.d.ts

@@ -0,0 +1 @@
+export { FloatButton } from 'antd';

package/es/components/atoms/FloatButton/FloatButton.js

@@ -0,0 +1 @@
+export { FloatButton } from 'antd';

package/es/components/atoms/FloatButton/index.d.ts

@@ -0,0 +1 @@
+export declare const FloatButton: import("antd/es/float-button/interface").CompoundedComponent;

package/es/components/atoms/FloatButton/index.js

@@ -0,0 +1,2 @@
+import { FloatButton as AntdFloatButton } from './FloatButton';
+export const FloatButton = AntdFloatButton;

package/es/components/atoms/Grid/Grid.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Row: import("react").ForwardRefExoticComponent<import("antd").RowProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Col: import("react").ForwardRefExoticComponent<import("antd").ColProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/atoms/Grid/Grid.js

@@ -0,0 +1,3 @@
+import { Row as AntdRow, Col as AntdCol } from 'antd';
+export const Row = AntdRow;
+export const Col = AntdCol;

package/es/components/atoms/Grid/index.d.ts

@@ -0,0 +1 @@
+export { Row, Col } from './Grid';

package/es/components/atoms/Grid/index.js

@@ -0,0 +1 @@
+export { Row, Col } from './Grid';

package/es/components/atoms/Icon/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconProps as OriginIconProps } from '../../icons/type';
+export interface IconProps extends OriginIconProps {
+    size?: number;
+    width?: number;
+    height?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}
+export declare const Icon: import("styled-components").StyledComponent<any, any, IconProps, string | number | symbol>;

package/es/components/atoms/Icon/index.js

@@ -0,0 +1,36 @@
+// Libraries
+import styled, { css } from 'styled-components';
+// Components
+import AntsIcon from '@antscorp/icons';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+const DraftAntsIcon = AntsIcon;
+export const Icon = styled(DraftAntsIcon) `
+  ${p => (p.style ? css `style` : null)}
+  ${p => p.size
+    ? css `
+          width: ${p.width || p.size}px !important;
+          height: ${p.height || p.size}px !important;
+          font-size: ${p.size}px !important;
+        `
+    : css `
+          font-size: 20px;
+          line-height: 1;
+        `}
+
+  ${p => p.color
+    ? css `
+          color: ${p.color} !important;
+        `
+    : null}
+
+  ${p => {
+    var _a;
+    return p.disabled
+        ? css `
+          cursor: not-allowed !important;
+          color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.colorTextDisabled} !important;
+        `
+        : null;
+}}
+`;

package/es/components/atoms/Input/Input.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="hoist-non-react-statics" />
+import React, { ReactNode } from 'react';
+import { InputProps as AntdInputProps, Input as AntdInput } from 'antd';
+export interface InputProps extends AntdInputProps {
+    noborder?: 'true' | 'false' | boolean;
+    debounce?: number;
+    label?: ReactNode;
+    onAfterChange?: (value: string) => void;
+    errorArchive?: string;
+    required?: boolean;
+    isReverseMask?: boolean;
+    labelColor?: string;
+    isHideErrMessage?: boolean;
+    focused?: boolean;
+    errorMsg?: string;
+    disableUndo?: boolean;
+    withWrapper?: boolean;
+}
+export declare const Input: string & import("styled-components").StyledComponentBase<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
+}, any, InputProps, never> & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+    Group: React.FC<import("antd/es/input").GroupProps>;
+    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
+    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
+}, {}> & {
+    DefaultInput: typeof AntdInput;
+    CustomSearch: typeof SearchInput;
+};
+declare const SearchInput: React.FC<InputProps>;
+export declare const TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+export {};