@fle-ui/next 2.0.0 → 2.0.2

package/es/alert/index.d.ts

@@ -31,8 +31,8 @@ export interface AlertProps {
     onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
 }
-interface AlertInterface extends React.FC<AlertProps> {
+type CompoundedComponent = React.FC<AlertProps> & {
     ErrorBoundary: typeof ErrorBoundary;
-}
-declare const Alert: AlertInterface;
+};
+declare const Alert: CompoundedComponent;
 export default Alert;

package/es/anchor/index.d.ts

@@ -3,8 +3,8 @@ import AnchorLink from './AnchorLink';
 export { AnchorProps } from './Anchor';
 export { AnchorLinkProps } from './AnchorLink';
 type InternalAnchorType = typeof InternalAnchor;
-interface AnchorInterface extends InternalAnchorType {
+type CompoundedComponent = InternalAnchorType & {
     Link: typeof AnchorLink;
-}
-declare const Anchor: AnchorInterface;
+};
+declare const Anchor: CompoundedComponent;
 export default Anchor;

package/es/badge/index.d.ts

@@ -3,9 +3,9 @@ import type { PresetColorType, PresetStatusColorType } from '../_util/colors';
 import type { LiteralUnion } from '../_util/type';
 import Ribbon from './Ribbon';
 export { ScrollNumberProps } from './ScrollNumber';
-interface CompoundedComponent extends React.FC<BadgeProps> {
+type CompoundedComponent = React.FC<BadgeProps> & {
     Ribbon: typeof Ribbon;
-}
+};
 export interface BadgeProps {
     /** Number to show in badge */
     count?: React.ReactNode;

package/es/badge/index.js

@@ -58,7 +58,7 @@ var Badge = function Badge(_a) {
 
   var numberedDisplayCount = count > overflowCount ? "".concat(overflowCount, "+") : count;
   var isZero = numberedDisplayCount === '0' || numberedDisplayCount === 0;
-  var ignoreCount = count === null || isZero;
+  var ignoreCount = count === null || isZero && !showZero;
   var hasStatus = (status !== null && status !== undefined || color !== null && color !== undefined) && ignoreCount;
   var showAsDot = dot && !isZero;
   var mergedCount = showAsDot ? '' : numberedDisplayCount;

package/es/breadcrumb/Breadcrumb.d.ts

@@ -16,9 +16,9 @@ export interface BreadcrumbProps {
     className?: string;
     children?: React.ReactNode;
 }
-interface BreadcrumbInterface extends React.FC<BreadcrumbProps> {
+type CompoundedComponent = React.FC<BreadcrumbProps> & {
     Item: typeof BreadcrumbItem;
     Separator: typeof BreadcrumbSeparator;
-}
-declare const Breadcrumb: BreadcrumbInterface;
+};
+declare const Breadcrumb: CompoundedComponent;
 export default Breadcrumb;

package/es/breadcrumb/BreadcrumbItem.d.ts

@@ -12,8 +12,8 @@ export interface BreadcrumbItemProps {
     /** @deprecated Please use `menu` instead */
     overlay?: DropdownProps['overlay'];
 }
-interface BreadcrumbItemInterface extends React.FC<BreadcrumbItemProps> {
+type CompoundedComponent = React.FC<BreadcrumbItemProps> & {
     __ANT_BREADCRUMB_ITEM: boolean;
-}
-declare const BreadcrumbItem: BreadcrumbItemInterface;
+};
+declare const BreadcrumbItem: CompoundedComponent;
 export default BreadcrumbItem;

package/es/breadcrumb/BreadcrumbSeparator.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-interface BreadcrumbSeparatorInterface extends React.FC<{
+type CompoundedComponent = React.FC<{
     children?: React.ReactNode;
-}> {
-}
-declare const BreadcrumbSeparator: BreadcrumbSeparatorInterface;
+}> & {};
+declare const BreadcrumbSeparator: CompoundedComponent;
 export default BreadcrumbSeparator;

package/es/button/button.d.ts

@@ -40,8 +40,8 @@ export type NativeButtonProps = {
     onClick?: React.MouseEventHandler<HTMLElement>;
 } & BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'>;
 export type ButtonProps = Partial<AnchorButtonProps & NativeButtonProps>;
-interface CompoundedComponent extends React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>> {
+type CompoundedComponent = React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>> & {
     Group: typeof Group;
-}
+};
 declare const Button: CompoundedComponent;
 export default Button;

package/es/calendar/locale/uz_UZ.d.ts

@@ -0,0 +1,2 @@
+import uzUZ from '../../date-picker/locale/uz_UZ';
+export default uzUZ;

package/es/calendar/locale/uz_UZ.js

@@ -0,0 +1,2 @@
+import uzUZ from "../../date-picker/locale/uz_UZ";
+export default uzUZ;

package/es/card/style/index-pure.less

@@ -243,6 +243,7 @@
     }
 
     &-detail {
+      flex: 1;
       overflow: hidden;
 
       > div:not(:last-child) {

package/es/card/style/index.css

@@ -233,6 +233,7 @@
   padding-left: 16px;
 }
 .ant-card-meta-detail {
+  flex: 1;
   overflow: hidden;
 }
 .ant-card-meta-detail > div:not(:last-child) {

package/es/checkbox/index.d.ts

@@ -3,8 +3,8 @@ import type { CheckboxProps } from './Checkbox';
 import Group from './Group';
 export { CheckboxChangeEvent, CheckboxProps } from './Checkbox';
 export { CheckboxGroupProps, CheckboxOptionType } from './Group';
-interface CompoundedComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> {
+type CompoundedComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
     Group: typeof Group;
-}
+};
 declare const Checkbox: CompoundedComponent;
 export default Checkbox;

package/es/collapse/Collapse.d.ts

@@ -33,8 +33,8 @@ interface PanelProps {
     extra?: React.ReactNode;
     collapsible?: CollapsibleType;
 }
-interface CollapseInterface extends React.FC<CollapseProps> {
+type CompoundedComponent = React.FC<CollapseProps> & {
     Panel: typeof CollapsePanel;
-}
-declare const Collapse: CollapseInterface;
+};
+declare const Collapse: CompoundedComponent;
 export default Collapse;

package/es/date-picker/generatePicker/generateRangePicker.js

@@ -117,7 +117,6 @@ export default function generateRangePicker(generateConfig) {
         }, /*#__PURE__*/React.createElement(SwapRightOutlined, null)),
         disabled: mergedDisabled,
         ref: innerRef,
-        dropdownClassName: popupClassName || dropdownClassName,
         dropdownAlign: transPlacement2DropdownAlign(direction, placement),
         placeholder: getRangePlaceholder(picker, locale, placeholder),
         suffixIcon: suffixNode,
@@ -143,7 +142,8 @@ export default function generateRangePicker(generateConfig) {
         getPopupContainer: customGetPopupContainer || getPopupContainer,
         generateConfig: generateConfig,
         components: Components,
-        direction: direction
+        direction: direction,
+        dropdownClassName: popupClassName || dropdownClassName
       }));
     });
   });

package/es/date-picker/generatePicker/generateSinglePicker.js

@@ -98,7 +98,7 @@ export default function generatePicker(generateConfig) {
       var rootPrefixCls = getPrefixCls(); // =================== Warning =====================
 
       process.env.NODE_ENV !== "production" ? warning(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly.")) : void 0;
-      process.env.NODE_ENV !== "production" ? warning(!dropdownClassName, 'DatePicker', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.') : void 0; // ===================== Size =====================
+      process.env.NODE_ENV !== "production" ? warning(!dropdownClassName, mergedPicker === 'time' ? 'TimePicker' : 'DatePicker', '`dropdownClassName` is deprecated which will be removed in next major version. Please use `popupClassName` instead.') : void 0; // ===================== Size =====================
 
       var size = React.useContext(SizeContext);
       var mergedSize = compactSize || customizeSize || size; // ===================== Disabled =====================
@@ -124,7 +124,6 @@ export default function generatePicker(generateConfig) {
           placeholder: getPlaceholder(mergedPicker, locale, placeholder),
           suffixIcon: suffixNode,
           dropdownAlign: transPlacement2DropdownAlign(direction, placement),
-          dropdownClassName: popupClassName || dropdownClassName,
           clearIcon: /*#__PURE__*/React.createElement(CloseCircleFilled, null),
           prevIcon: /*#__PURE__*/React.createElement("span", {
             className: "".concat(prefixCls, "-prev-icon")
@@ -148,7 +147,8 @@ export default function generatePicker(generateConfig) {
           generateConfig: generateConfig,
           components: Components,
           direction: direction,
-          disabled: mergedDisabled
+          disabled: mergedDisabled,
+          dropdownClassName: popupClassName || dropdownClassName
         }));
       });
     });

package/es/date-picker/locale/uz_UZ.d.ts

@@ -0,0 +1,3 @@
+import type { PickerLocale } from '../generatePicker';
+declare const locale: PickerLocale;
+export default locale;

package/es/date-picker/locale/uz_UZ.js

@@ -0,0 +1,21 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import CalendarLocale from "rc-picker/es/locale/uz_UZ";
+import TimePickerLocale from "../../time-picker/locale/uz_UZ"; // Merge into a locale object
+
+var locale = {
+  lang: _extends({
+    placeholder: 'Sanani tanlang',
+    yearPlaceholder: 'Yilni tanlang',
+    quarterPlaceholder: 'Chorakni tanlang',
+    monthPlaceholder: 'Oyni tanlang',
+    weekPlaceholder: 'Haftani tanlang',
+    rangePlaceholder: ['Bosh sana', 'Oxirigi sana'],
+    rangeYearPlaceholder: ['Yilning boshi', 'Yilning oxiri'],
+    rangeMonthPlaceholder: ['Oyning boshi', 'Oyning oxiri'],
+    rangeWeekPlaceholder: ['Haftaning boshi', 'Haftaning oxiri']
+  }, CalendarLocale),
+  timePickerLocale: _extends({}, TimePickerLocale)
+}; // All settings at:
+// https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json
+
+export default locale;

package/es/divider/style/index-pure.less

@@ -29,6 +29,7 @@
 
   &-horizontal&-with-text {
     display: flex;
+    align-items: center;
     margin: 16px 0;
     color: @heading-color;
     font-weight: 500;
@@ -41,7 +42,6 @@
     &::before,
     &::after {
       position: relative;
-      top: 50%;
       width: 50%;
       border-top: @border-width-base solid transparent;
       // Chrome not accept `inherit` in `border-top`
@@ -54,24 +54,20 @@
 
   &-horizontal&-with-text-left {
     &::before {
-      top: 50%;
       width: @divider-orientation-margin;
     }
 
     &::after {
-      top: 50%;
       width: 100% - @divider-orientation-margin;
     }
   }
 
   &-horizontal&-with-text-right {
     &::before {
-      top: 50%;
       width: 100% - @divider-orientation-margin;
     }
 
     &::after {
-      top: 50%;
       width: @divider-orientation-margin;
     }
   }

package/es/divider/style/index.css

@@ -33,6 +33,7 @@
 }
 .ant-divider-horizontal.ant-divider-with-text {
   display: flex;
+  align-items: center;
   margin: 16px 0;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
@@ -45,7 +46,6 @@
 .ant-divider-horizontal.ant-divider-with-text::before,
 .ant-divider-horizontal.ant-divider-with-text::after {
   position: relative;
-  top: 50%;
   width: 50%;
   border-top: 1px solid transparent;
   border-top-color: inherit;
@@ -54,19 +54,15 @@
   content: '';
 }
 .ant-divider-horizontal.ant-divider-with-text-left::before {
-  top: 50%;
   width: 5%;
 }
 .ant-divider-horizontal.ant-divider-with-text-left::after {
-  top: 50%;
   width: 95%;
 }
 .ant-divider-horizontal.ant-divider-with-text-right::before {
-  top: 50%;
   width: 95%;
 }
 .ant-divider-horizontal.ant-divider-with-text-right::after {
-  top: 50%;
   width: 5%;
 }
 .ant-divider-inner-text {

package/es/drawer/index.js

@@ -152,7 +152,7 @@ function Drawer(props) {
     prefixCls: prefixCls,
     onClose: onClose
   }, rest, {
-    open: open || visible,
+    open: open !== null && open !== void 0 ? open : visible,
     mask: mask,
     push: push,
     width: mergedWidth,

package/es/dropdown/dropdown-button.d.ts

@@ -17,7 +17,6 @@ export interface DropdownButtonProps extends ButtonGroupProps, DropdownProps {
     title?: string;
     buttonsRender?: (buttons: React.ReactNode[]) => React.ReactNode[];
 }
-interface DropdownButtonInterface extends React.FC<DropdownButtonProps> {
-}
-declare const DropdownButton: DropdownButtonInterface;
+type CompoundedComponent = React.FC<DropdownButtonProps> & {};
+declare const DropdownButton: CompoundedComponent;
 export default DropdownButton;

package/es/dropdown/dropdown.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import type { MenuProps } from '../menu';
+import type { AdjustOverflow } from '../_util/placements';
 import DropdownButton from './dropdown-button';
 declare const Placements: ["topLeft", "topCenter", "topRight", "bottomLeft", "bottomCenter", "bottomRight", "top", "bottom"];
 type Placement = typeof Placements[number];
@@ -42,6 +43,7 @@ export interface DropdownProps {
     mouseLeaveDelay?: number;
     openClassName?: string;
     children?: React.ReactNode;
+    autoAdjustOverflow?: boolean | AdjustOverflow;
     /** @deprecated Please use `menu` instead */
     overlay?: React.ReactElement | OverlayFunc;
     /** @deprecated Please use `open` instead */
@@ -49,8 +51,8 @@ export interface DropdownProps {
     /** @deprecated Please use `onOpenChange` instead */
     onVisibleChange?: (open: boolean) => void;
 }
-interface DropdownInterface extends React.FC<DropdownProps> {
+type CompoundedComponent = React.FC<DropdownProps> & {
     Button: typeof DropdownButton;
-}
-declare const Dropdown: DropdownInterface;
+};
+declare const Dropdown: CompoundedComponent;
 export default Dropdown;

package/es/dropdown/dropdown.js

@@ -86,7 +86,9 @@ var Dropdown = function Dropdown(props) {
       _props$mouseEnterDela = props.mouseEnterDelay,
       mouseEnterDelay = _props$mouseEnterDela === void 0 ? 0.15 : _props$mouseEnterDela,
       _props$mouseLeaveDela = props.mouseLeaveDelay,
-      mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela;
+      mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
+      _props$autoAdjustOver = props.autoAdjustOverflow,
+      autoAdjustOverflow = _props$autoAdjustOver === void 0 ? true : _props$autoAdjustOver;
   var prefixCls = getPrefixCls('dropdown', customizePrefixCls);
   var child = React.Children.only(children);
   var dropdownTrigger = cloneElement(child, {
@@ -117,7 +119,7 @@ var Dropdown = function Dropdown(props) {
   var overlayClassNameCustomized = classNames(overlayClassName, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
   var builtinPlacements = getPlacements({
     arrowPointAtCenter: _typeof(arrow) === 'object' && arrow.pointAtCenter,
-    autoAdjustOverflow: true
+    autoAdjustOverflow: autoAdjustOverflow
   });
   var onMenuClick = React.useCallback(function () {
     setOpen(false);

package/es/dropdown/style/index-pure.less

@@ -221,7 +221,7 @@
         background-color: @item-hover-bg;
       }
 
-      &-disabled {
+      &&-disabled {
         color: @disabled-color;
         cursor: not-allowed;
 

package/es/dropdown/style/index.css

@@ -205,19 +205,25 @@
 .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
   background-color: #f5f5f5;
 }
-.ant-dropdown-menu-item-disabled,
-.ant-dropdown-menu-submenu-title-disabled {
+.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,
+.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled {
   color: rgba(0, 0, 0, 0.25);
   cursor: not-allowed;
 }
-.ant-dropdown-menu-item-disabled:hover,
-.ant-dropdown-menu-submenu-title-disabled:hover {
+.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled:hover,
+.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled:hover,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled:hover,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled:hover {
   color: rgba(0, 0, 0, 0.25);
   background-color: #fff;
   cursor: not-allowed;
 }
-.ant-dropdown-menu-item-disabled a,
-.ant-dropdown-menu-submenu-title-disabled a {
+.ant-dropdown-menu-item.ant-dropdown-menu-item-disabled a,
+.ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-disabled a,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-disabled a,
+.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-disabled a {
   pointer-events: none;
 }
 .ant-dropdown-menu-item-divider,

package/es/empty/index.d.ts

@@ -12,9 +12,9 @@ export interface EmptyProps {
     description?: React.ReactNode;
     children?: React.ReactNode;
 }
-interface EmptyType extends React.FC<EmptyProps> {
+type CompoundedComponent = React.FC<EmptyProps> & {
     PRESENTED_IMAGE_DEFAULT: React.ReactNode;
     PRESENTED_IMAGE_SIMPLE: React.ReactNode;
-}
-declare const Empty: EmptyType;
+};
+declare const Empty: CompoundedComponent;
 export default Empty;

package/es/form/FormItem/index.d.ts

@@ -28,8 +28,8 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
 }
 declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement;
 type InternalFormItemType = typeof InternalFormItem;
-interface FormItemInterface extends InternalFormItemType {
+type CompoundedComponent = InternalFormItemType & {
     useStatus: typeof useFormItemStatus;
-}
-declare const FormItem: FormItemInterface;
+};
+declare const FormItem: CompoundedComponent;
 export default FormItem;

package/es/form/index.d.ts

@@ -6,7 +6,7 @@ import Item, { FormItemProps } from './FormItem';
 import List, { FormListFieldData, FormListOperation, FormListProps } from './FormList';
 import useFormInstance from './hooks/useFormInstance';
 type InternalFormType = typeof InternalForm;
-interface FormInterface extends InternalFormType {
+type CompoundedComponent = InternalFormType & {
     useForm: typeof useForm;
     useFormInstance: typeof useFormInstance;
     useWatch: typeof useWatch;
@@ -16,7 +16,7 @@ interface FormInterface extends InternalFormType {
     Provider: typeof FormProvider;
     /** @deprecated Only for warning usage. Do not use. */
     create: () => void;
-}
-declare const Form: FormInterface;
+};
+declare const Form: CompoundedComponent;
 export { FormInstance, FormProps, FormItemProps, ErrorListProps, Rule, RuleObject, RuleRender, FormListProps, FormListFieldData, FormListOperation, };
 export default Form;

package/es/grid/row.js

@@ -33,6 +33,10 @@ function useMergePropByScreen(oriProp, screen) {
       setProp = _React$useState2[1];
 
   var clacMergeAlignOrJustify = function clacMergeAlignOrJustify() {
+    if (typeof oriProp === 'string') {
+      setProp(oriProp);
+    }
+
     if (_typeof(oriProp) !== 'object') {
       return;
     }

package/es/input/index.d.ts

@@ -9,11 +9,11 @@ export { InputProps, InputRef } from './Input';
 export { PasswordProps } from './Password';
 export { SearchProps } from './Search';
 export { TextAreaProps } from './TextArea';
-interface CompoundedComponent extends React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> {
+type CompoundedComponent = React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>> & {
     Group: typeof Group;
     Search: typeof Search;
     TextArea: typeof TextArea;
     Password: typeof Password;
-}
+};
 declare const Input: CompoundedComponent;
 export default Input;

package/es/input/style/affix.less

@@ -24,7 +24,7 @@
 
     &-disabled {
       .@{ant-prefix}-input[disabled] {
-        background: transparent;
+        background: rgba(255, 255, 255, 0);
       }
     }
 

package/es/input/style/index.css

@@ -133,7 +133,7 @@ textarea.ant-input-affix-wrapper {
   z-index: 1;
 }
 .ant-input-affix-wrapper-disabled .ant-input[disabled] {
-  background: transparent;
+  background: rgba(255, 255, 255, 0);
 }
 .ant-input-affix-wrapper > .ant-input {
   font-size: inherit;

package/es/layout/index.d.ts

@@ -3,11 +3,11 @@ import Sider from './Sider';
 export { BasicProps as LayoutProps } from './layout';
 export { SiderProps } from './Sider';
 type InternalLayoutType = typeof InternalLayout;
-interface LayoutType extends InternalLayoutType {
+type CompoundedComponent = InternalLayoutType & {
     Header: typeof Header;
     Footer: typeof Footer;
     Content: typeof Content;
     Sider: typeof Sider;
-}
-declare const Layout: LayoutType;
+};
+declare const Layout: CompoundedComponent;
 export default Layout;

package/es/locale/pt_BR.js

@@ -18,6 +18,7 @@ var localeValues = {
     filterConfirm: 'OK',
     filterReset: 'Resetar',
     filterEmptyText: 'Sem filtros',
+    filterCheckall: 'Selecionar todos os items',
     emptyText: 'Sem conteúdo',
     selectAll: 'Selecionar página atual',
     selectInvert: 'Inverter seleção',

package/es/locale/uz_UZ.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from '../locale-provider';
+declare const localeValues: Locale;
+export default localeValues;