@douyinfe/semi-ui 2.29.0 → 2.30.0-beta.0

package/lib/cjs/locale/source/zh_TW.js

@@ -11,8 +11,8 @@ const local = {
   code: 'zh-TW',
   dateFnsLocale: _locale.zhTW,
   Pagination: {
-    pageSize: '${pageSize} 條/頁',
-    total: '共 ${total} 頁',
+    pageSize: '每頁項目數：${pageSize}',
+    total: '總頁數：${total}',
     jumpTo: '跳至',
     page: '頁'
   },
@@ -153,8 +153,8 @@ const local = {
     clear: '清空',
     selectAll: '全選',
     clearSelectAll: '取消全選',
-    total: '共 ${total} 項',
-    selected: '已選 ${total} 項'
+    total: '總項目數：${total}',
+    selected: '選取的項目數：${total}'
   },
   Form: {
     optional: '（可選）'

package/lib/cjs/popconfirm/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { PopconfirmAdapter } from '@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirmFoundation';
+import PopconfirmFoundation, { PopconfirmAdapter } from '@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirmFoundation';
 import BaseComponent from '../_base/baseComponent';
-import { PopoverProps } from '../popover';
-import { Position, Trigger } from '../tooltip';
+import Popover, { PopoverProps } from '../popover';
+import { Position, Trigger, RenderContentProps } from '../tooltip';
 import { ButtonProps } from '../button';
 import { Type as ButtonType } from '../button/Button';
 import { ContextValue } from '../configProvider/context';
@@ -12,7 +12,6 @@ export interface PopconfirmProps extends PopoverProps {
     cancelText?: string;
     cancelButtonProps?: ButtonProps;
     cancelType?: ButtonType;
-    content?: React.ReactNode;
     defaultVisible?: boolean;
     disabled?: boolean;
     icon?: React.ReactNode;
@@ -41,7 +40,7 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     static propTypes: {
         motion: PropTypes.Requireable<NonNullable<boolean | object>>;
         disabled: PropTypes.Requireable<boolean>;
-        content: PropTypes.Requireable<any>;
+        content: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike | ((...args: any[]) => any)>>;
         title: PropTypes.Requireable<any>;
         prefixCls: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
@@ -78,6 +77,9 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
         onConfirm: (...args: any[]) => void;
         onClickOutSide: (...args: any[]) => void;
     };
+    footerRef: React.RefObject<HTMLDivElement | null>;
+    popoverRef: React.RefObject<Popover | null>;
+    foundation: PopconfirmFoundation;
     constructor(props: PopconfirmProps);
     context: ContextValue;
     static getDerivedStateFromProps(props: PopconfirmProps, state: PopconfirmState): Partial<PopconfirmState>;
@@ -85,9 +87,11 @@ export default class Popconfirm extends BaseComponent<PopconfirmProps, Popconfir
     handleCancel: (e: React.MouseEvent) => void;
     handleConfirm: (e: React.MouseEvent) => void;
     handleVisibleChange: (visible: boolean) => void;
-    handleClickOutSide: (e: React.MouseEvent) => any;
+    handleClickOutSide: (e: React.MouseEvent) => void;
     stopImmediatePropagation: (e: React.SyntheticEvent) => void;
     renderControls(): JSX.Element;
-    renderConfirmPopCard(): JSX.Element;
+    renderConfirmPopCard: ({ initialFocusRef }: {
+        initialFocusRef?: RenderContentProps<any>['initialFocusRef'];
+    }) => JSX.Element;
     render(): string | number | boolean | React.ReactFragment | JSX.Element;
 }

package/lib/cjs/popconfirm/index.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _omit2 = _interopRequireDefault(require("lodash/omit"));
+
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
@@ -62,12 +66,74 @@ class Popconfirm extends _baseComponent.default {
 
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
 
+    this.renderConfirmPopCard = _ref => {
+      let {
+        initialFocusRef
+      } = _ref;
+      const {
+        content,
+        title,
+        className,
+        style,
+        cancelType,
+        icon,
+        prefixCls
+      } = this.props;
+      const {
+        direction
+      } = this.context;
+      const popCardCls = (0, _classnames.default)(prefixCls, className, {
+        [`${prefixCls}-rtl`]: direction === 'rtl'
+      });
+      const showTitle = title !== null && typeof title !== 'undefined';
+      const showContent = !(content === null || typeof content === 'undefined');
+      return (
+        /*#__PURE__*/
+
+        /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
+        _react.default.createElement("div", {
+          className: popCardCls,
+          onClick: this.stopImmediatePropagation,
+          style: style
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-inner`
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-header`
+        }, /*#__PURE__*/_react.default.createElement("i", {
+          className: `${prefixCls}-header-icon`,
+          "x-semi-prop": "icon"
+        }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-header-body`
+        }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-header-title`,
+          "x-semi-prop": "title"
+        }, title) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
+          className: `${prefixCls}-btn-close`,
+          icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
+          size: "small",
+          theme: 'borderless',
+          type: cancelType,
+          onClick: this.handleCancel
+        })), showContent ? /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-body`,
+          "x-semi-prop": "content"
+        }, (0, _isFunction2.default)(content) ? content({
+          initialFocusRef
+        }) : content) : null, /*#__PURE__*/_react.default.createElement("div", {
+          className: `${prefixCls}-footer`,
+          ref: this.footerRef
+        }, this.renderControls())))
+      );
+    };
+
     this.state = {
       cancelLoading: false,
       confirmLoading: false,
       visible: props.defaultVisible || false
     };
     this.foundation = new _popconfirmFoundation.default(this.adapter);
+    this.footerRef = /*#__PURE__*/_react.default.createRef();
+    this.popoverRef = /*#__PURE__*/_react.default.createRef();
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -97,7 +163,28 @@ class Popconfirm extends _baseComponent.default {
       notifyConfirm: e => this.props.onConfirm(e),
       notifyCancel: e => this.props.onCancel(e),
       notifyVisibleChange: visible => this.props.onVisibleChange(visible),
-      notifyClickOutSide: e => this.props.onClickOutSide(e)
+      notifyClickOutSide: e => this.props.onClickOutSide(e),
+      focusCancelButton: () => {
+        var _a, _b;
+
+        const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=cancel]');
+        buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
+          preventScroll: true
+        });
+      },
+      focusOkButton: () => {
+        var _a, _b;
+
+        const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=ok]');
+        buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
+          preventScroll: true
+        });
+      },
+      focusPrevFocusElement: () => {
+        var _a;
+
+        (_a = this.popoverRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
+      }
     });
   }
 
@@ -117,68 +204,17 @@ class Popconfirm extends _baseComponent.default {
     return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
       componentName: "Popconfirm"
     }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+      "data-type": "cancel",
       type: cancelType,
       onClick: this.handleCancel,
       loading: cancelLoading
-    }, cancelButtonProps), cancelText || (0, _get2.default)(locale, 'cancel')), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+    }, (0, _omit2.default)(cancelButtonProps, 'autoFocus')), cancelText || (0, _get2.default)(locale, 'cancel')), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
+      "data-type": "ok",
       type: okType,
       theme: "solid",
       onClick: this.handleConfirm,
       loading: confirmLoading
-    }, okButtonProps), okText || (0, _get2.default)(locale, 'confirm'))));
-  }
-
-  renderConfirmPopCard() {
-    const {
-      content,
-      title,
-      className,
-      style,
-      cancelType,
-      icon,
-      prefixCls
-    } = this.props;
-    const {
-      direction
-    } = this.context;
-    const popCardCls = (0, _classnames.default)(prefixCls, className, {
-      [`${prefixCls}-rtl`]: direction === 'rtl'
-    });
-    const showTitle = title !== null && typeof title !== 'undefined';
-    const showContent = !(content === null || typeof content === 'undefined');
-    return (
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-      _react.default.createElement("div", {
-        className: popCardCls,
-        onClick: this.stopImmediatePropagation,
-        style: style
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-inner`
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-header`
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: `${prefixCls}-header-icon`,
-        "x-semi-prop": "icon"
-      }, /*#__PURE__*/_react.default.isValidElement(icon) ? icon : null), /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-header-body`
-      }, showTitle ? /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-header-title`,
-        "x-semi-prop": "title"
-      }, title) : null), /*#__PURE__*/_react.default.createElement(_button.default, {
-        className: `${prefixCls}-btn-close`,
-        icon: /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, null),
-        size: "small",
-        theme: 'borderless',
-        type: cancelType,
-        onClick: this.handleCancel
-      })), showContent ? /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-body`,
-        "x-semi-prop": "content"
-      }, content) : null, /*#__PURE__*/_react.default.createElement("div", {
-        className: `${prefixCls}-footer`
-      }, this.renderControls())))
-    );
+    }, (0, _omit2.default)(okButtonProps, 'autoFocus')), okText || (0, _get2.default)(locale, 'confirm'))));
   }
 
   render() {
@@ -206,7 +242,6 @@ class Popconfirm extends _baseComponent.default {
     const {
       visible
     } = this.state;
-    const popContent = this.renderConfirmPopCard();
     const popProps = {
       onVisibleChange: this.handleVisibleChange,
       className: _constants.cssClasses.POPOVER,
@@ -217,8 +252,10 @@ class Popconfirm extends _baseComponent.default {
       popProps.trigger = 'custom';
     }
 
-    return /*#__PURE__*/_react.default.createElement(_popover.default, Object.assign({}, attrs, {
-      content: popContent,
+    return /*#__PURE__*/_react.default.createElement(_popover.default, Object.assign({
+      ref: this.popoverRef
+    }, attrs, {
+      content: this.renderConfirmPopCard,
       visible: visible,
       position: position
     }, popProps), children);
@@ -231,7 +268,7 @@ Popconfirm.contextType = _context.default;
 Popconfirm.propTypes = {
   motion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.func, _propTypes.default.object]),
   disabled: _propTypes.default.bool,
-  content: _propTypes.default.any,
+  content: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
   title: _propTypes.default.any,
   prefixCls: _propTypes.default.string,
   className: _propTypes.default.string,

package/lib/cjs/popover/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ContextValue } from '../configProvider/context';
-import { ArrowBounding, Position, TooltipProps, Trigger, RenderContentProps } from '../tooltip/index';
+import Tooltip, { ArrowBounding, Position, TooltipProps, Trigger, RenderContentProps } from '../tooltip/index';
 import '@douyinfe/semi-foundation/lib/cjs/popover/popover.css';
 import { BaseProps } from '../_base/baseComponent';
 import type { ArrowProps } from './Arrow';
@@ -101,6 +101,12 @@ declare class Popover extends React.PureComponent<PopoverProps, PopoverState> {
         disableFocusListener: boolean;
     };
     context: ContextValue;
+    tooltipRef: React.RefObject<Tooltip | null>;
+    constructor(props: PopoverProps);
+    /**
+     * focus on tooltip trigger
+     */
+    focusTrigger: () => void;
     renderPopCard: ({ initialFocusRef }: {
         initialFocusRef: RenderContentProps['initialFocusRef'];
     }) => JSX.Element;

package/lib/cjs/popover/index.js

@@ -42,8 +42,17 @@ const positionSet = _constants.strings.POSITION_SET;
 const triggerSet = _constants.strings.TRIGGER_SET;
 
 class Popover extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
+  constructor(props) {
+    super(props);
+    /**
+     * focus on tooltip trigger
+     */
+
+    this.focusTrigger = () => {
+      var _a;
+
+      (_a = this.tooltipRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
+    };
 
     this.renderPopCard = _ref => {
       let {
@@ -81,6 +90,8 @@ class Popover extends _react.default.PureComponent {
       };
       return !(0, _isFunction2.default)(content) ? content : content(contentProps);
     };
+
+    this.tooltipRef = /*#__PURE__*/_react.default.createRef();
   }
 
   render() {
@@ -114,7 +125,8 @@ class Popover extends _react.default.PureComponent {
 
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
     return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
-      guardFocus: true
+      guardFocus: true,
+      ref: this.tooltipRef
     }, attr, {
       trigger: trigger,
       position: position,

package/lib/cjs/tooltip/index.d.ts

@@ -15,10 +15,10 @@ export interface ArrowBounding {
     width?: number;
     height?: number;
 }
-export interface RenderContentProps {
-    initialFocusRef?: React.RefObject<HTMLElement>;
+export interface RenderContentProps<T = HTMLElement> {
+    initialFocusRef?: React.RefObject<T>;
 }
-export declare type RenderContent = (props: RenderContentProps) => React.ReactNode;
+export declare type RenderContent<T = HTMLElement> = (props: RenderContentProps<T>) => React.ReactNode;
 export interface TooltipProps extends BaseProps {
     children?: React.ReactNode;
     motion?: boolean;
@@ -172,6 +172,10 @@ export default class Tooltip extends BaseComponent<TooltipProps, TooltipState> {
     get adapter(): TooltipAdapter<TooltipProps, TooltipState>;
     componentDidMount(): void;
     componentWillUnmount(): void;
+    /**
+     * focus on tooltip trigger
+     */
+    focusTrigger(): void;
     isSpecial: (elem: React.ReactNode | HTMLElement | any) => boolean | "disabled" | "loading";
     didLeave: () => void;
     /** for transition - end */

package/lib/cjs/tooltip/index.js

@@ -262,6 +262,8 @@ class Tooltip extends _baseComponent.default {
           zIndex
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
+        // listen keyboard event, don't move tabIndex -1
+        tabIndex: -1,
         className: `${_constants.BASE_CLASS_PREFIX}-portal-inner`,
         style: portalInnerStyle,
         ref: this.setContainerEl,
@@ -609,6 +611,14 @@ class Tooltip extends _baseComponent.default {
     this.mounted = false;
     this.foundation.destroy();
   }
+  /**
+   * focus on tooltip trigger
+   */
+
+
+  focusTrigger() {
+    this.foundation.focusTrigger();
+  }
   /** for transition - end */
 
 

package/lib/es/cascader/index.d.ts

@@ -195,6 +195,8 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
     handleItemHover: (e: MouseEvent, item: Entity) => void;
     onItemCheckboxClick: (item: Entity | Data) => void;
     handleListScroll: (e: React.UIEvent<HTMLUListElement, UIEvent>, ind: number) => void;
+    close(): void;
+    open(): void;
     renderContent: () => JSX.Element;
     renderPlusN: (hiddenTag: Array<ReactNode>) => JSX.Element;
     renderMultipleTags: () => JSX.Element;

package/lib/es/cascader/index.js

@@ -907,6 +907,14 @@ class Cascader extends BaseComponent {
     }, inputProps)));
   }
 
+  close() {
+    this.foundation.close();
+  }
+
+  open() {
+    this.foundation.open();
+  }
+
   render() {
     const {
       zIndex,

package/lib/es/locale/source/ar.js

@@ -3,8 +3,8 @@ const local = {
   code: 'ar',
   dateFnsLocale: arSA,
   Pagination: {
-    pageSize: 'عدد العناصر في كل صفحة : ${pageSize} ',
-    total: 'مجموع الصفحات: ${total}',
+    pageSize: 'العناصر في كل صفحة: ${pageSize}',
+    total: 'إجمالي الصفحات: ${total}',
     jumpTo: 'اقفز إلى',
     page: ' الصفحات'
   },
@@ -80,7 +80,7 @@ const local = {
       Sun: 'الأحد‬'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'dd-MM-yyyy'
+      FORMAT_SWITCH_DATE: 'yyyy/MM/dd'
     }
   },
   Popconfirm: {
@@ -144,8 +144,8 @@ const local = {
     clear: 'واضح',
     selectAll: 'اختر الكل',
     clearSelectAll: 'إلغاء تحديد الكل',
-    total: "الكمية الإجمالية: ${total}",
-    selected: "الكمية المحددة: ${total}"
+    total: "إجمالي العناصر: ${total}",
+    selected: "العناصر المحددة: ${total}"
   },
   Form: {
     optional: '(اختياري)'

package/lib/es/locale/source/de.js

@@ -3,8 +3,8 @@ const local = {
   code: 'de',
   dateFnsLocale: de,
   Pagination: {
-    pageSize: '${pageSize} Artikel / Seite',
-    total: '${total} Seiten',
+    pageSize: 'Elemente pro Seite: ${pageSize}',
+    total: 'Seiten gesamt: ${total}',
     jumpTo: 'Springen zu',
     page: ' Seiten'
   },
@@ -80,7 +80,7 @@ const local = {
       Sun: 'So.'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd.MM.yyyy'
     }
   },
   Popconfirm: {
@@ -144,8 +144,8 @@ const local = {
     clear: 'Löschen',
     selectAll: 'Alles auswählen',
     clearSelectAll: 'Alles abwählen',
-    total: 'Gesamt ${total} Artikel',
-    selected: '${total} ausgewählte Artikel'
+    total: 'Elemente gesamt: ${total}',
+    selected: 'Elemente ausgewählt: ${total}'
   },
   Form: {
     optional: '(Optional)'

package/lib/es/locale/source/en_GB.js

@@ -3,8 +3,8 @@ const local = {
   code: 'en-GB',
   dateFnsLocale: enGB,
   Pagination: {
-    pageSize: '${pageSize} items / page',
-    total: '${total} pages',
+    pageSize: 'Items per page: ${pageSize}',
+    total: 'Total pages: ${total}',
     jumpTo: 'Jump to',
     page: ' page'
   },
@@ -80,7 +80,7 @@ const local = {
       Sun: 'Sun'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'MM/dd/yyyy'
     }
   },
   Popconfirm: {
@@ -144,8 +144,8 @@ const local = {
     clear: 'Clear',
     selectAll: 'Select all',
     clearSelectAll: 'Unselect all',
-    total: 'Total ${total} items',
-    selected: '${total} items selected'
+    total: 'Total items: ${total}',
+    selected: 'Items selected: ${total}'
   },
   Form: {
     optional: '(optional)'

package/lib/es/locale/source/en_US.js

@@ -3,8 +3,8 @@ const local = {
   code: 'en-US',
   dateFnsLocale: enUS,
   Pagination: {
-    pageSize: '${pageSize} items / page',
-    total: '${total} pages',
+    pageSize: 'Items per page: ${pageSize}',
+    total: 'Total pages: ${total}',
     jumpTo: 'Jump to',
     page: ' page'
   },
@@ -144,8 +144,8 @@ const local = {
     clear: 'Clear',
     selectAll: 'Select all',
     clearSelectAll: 'Unselect all',
-    total: 'Total ${total} items',
-    selected: '${total} items selected'
+    total: 'Total items: ${total}',
+    selected: 'Items selected: ${total}'
   },
   Form: {
     optional: '(optional)'

package/lib/es/locale/source/es.js

@@ -8,8 +8,8 @@ const locale = {
   code: 'es',
   dateFnsLocale: es,
   Pagination: {
-    pageSize: '${pageSize} objetos / página',
-    total: '${total} páginas',
+    pageSize: 'Elementos por página: ${pageSize}',
+    total: 'Páginas totales: ${total}',
     jumpTo: 'Ir a',
     page: ' páginas'
   },
@@ -85,7 +85,7 @@ const locale = {
       Sun: 'Dom'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
     }
   },
   Popconfirm: {
@@ -149,8 +149,8 @@ const locale = {
     clear: 'Limpiar',
     selectAll: 'Seleccionar todo',
     clearSelectAll: 'Deseleccionar todo',
-    total: 'Total ${total} objetos',
-    selected: '${total} objetos seleccionados'
+    total: 'Elementos totales: ${total}',
+    selected: 'Elementos seleccionados: ${total}'
   },
   Form: {
     optional: '(opcional)'

package/lib/es/locale/source/fr.js

@@ -3,8 +3,8 @@ const local = {
   code: 'fr',
   dateFnsLocale: fr,
   Pagination: {
-    pageSize: '${pageSize} articles/page',
-    total: '${total} pages',
+    pageSize: 'Éléments par page : ${pageSize}',
+    total: 'Total des pages : ${total}',
     jumpTo: 'Sauter à',
     page: ' pages'
   },
@@ -80,7 +80,7 @@ const local = {
       Sun: 'dim.'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
     }
   },
   Popconfirm: {
@@ -144,8 +144,8 @@ const local = {
     clear: 'Supprimer',
     selectAll: 'Sélectionner tout',
     clearSelectAll: 'Désélectionner tout',
-    total: 'Totale ${total} articles',
-    selected: '${total} articles sélectionnés'
+    total: 'Total des éléments : ${total}',
+    selected: 'Éléments sélectionnés : ${total}'
   },
   Form: {
     optional: '(optionnel)'

package/lib/es/locale/source/id_ID.js

@@ -3,8 +3,8 @@ const local = {
   code: 'id-ID',
   dateFnsLocale: id,
   Pagination: {
-    pageSize: '${pageSize} item / halaman',
-    total: '${total} halaman',
+    pageSize: 'Item per halaman: ${pageSize}',
+    total: 'Total halaman: ${total}',
     jumpTo: 'Langsung ke',
     page: ' halaman'
   },
@@ -144,8 +144,8 @@ const local = {
     clear: 'Bersihkan',
     selectAll: 'Pilih Semua',
     clearSelectAll: 'Nyahpilih Semua',
-    total: 'Total ${total} proyek',
-    selected: '${total} item dipilih'
+    total: 'Total item: ${total}',
+    selected: 'Item dipilih: ${total}'
   },
   Form: {
     optional: '(opsional)'

package/lib/es/locale/source/it.js

@@ -3,8 +3,8 @@ const local = {
   code: 'it',
   dateFnsLocale: it,
   Pagination: {
-    pageSize: '${pageSize} elementi / pagine',
-    total: '${total} pagine',
+    pageSize: 'Elementi per pagina: ${pageSize}',
+    total: 'Pagine totali: ${total}',
     jumpTo: 'Vai a',
     page: ' pagine'
   },
@@ -80,7 +80,7 @@ const local = {
       Sun: 'Dom'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
     }
   },
   Popconfirm: {
@@ -144,8 +144,8 @@ const local = {
     clear: 'Cancella',
     selectAll: 'Seleziona tutto',
     clearSelectAll: 'Deseleziona tutto',
-    total: 'Totale ${total} elementi',
-    selected: '${total} elementi selezionati'
+    total: 'Elementi totali: ${total}',
+    selected: 'Elementi selezionati: ${total}'
   },
   Form: {
     optional: '(opzionale)'