diginet-core-ui 1.3.70-beta.5 → 1.3.70-beta.7

package/components/avatar/index.js

@@ -52,31 +52,31 @@ const checkFileType = (type, matchType) => {
 
 const Avatar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
-  src,
+  actionIconHeight,
+  actionIconWidth,
+  allowEdit,
+  className,
+  clearAble,
+  data,
   defaultSrc,
-  outlined,
-  width,
+  direction,
+  disabled,
   height,
-  maxSize,
+  hoverAble,
+  id,
+  lazyLoading,
   matchType,
-  className,
+  maxSize,
   maxSizeError,
-  wrongTypeError,
-  actionIconWidth,
-  actionIconHeight,
-  direction,
-  data,
-  onRemove,
   onChange,
-  clearAble,
-  hoverAble,
-  readOnly,
-  disabled,
-  lazyLoading,
-  id,
-  allowEdit,
   onClick,
-  style
+  onRemove,
+  outlined,
+  readOnly,
+  src,
+  style,
+  width,
+  wrongTypeError
 }, reference) => {
   if (!defaultSrc) defaultSrc = AvatarDefault;
   const ref = useRef(null);
@@ -331,7 +331,7 @@ const Avatar = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       icon: 'danger',
       fullScreen: true
     }));
-  }, [width, height, readOnly, disabled, clearAble, maxSize, matchType, hoverAble, outlined, actionIconWidth, actionIconHeight, lazyLoading, defaultSrc, direction, data, maxSizeError, allowEdit, srcState, isInView, onLoaded, viewAvatar, viewMoreInfo]);
+  }, [actionIconHeight, actionIconWidth, allowEdit, clearAble, data, defaultSrc, direction, disabled, height, hoverAble, lazyLoading, matchType, maxSize, maxSizeError, outlined, readOnly, width, isInView, onLoaded, srcState, viewAvatar, viewMoreInfo]);
 }));
 
 const ActionIconCSS = actionIconWidth => css`
@@ -402,104 +402,104 @@ const blurAnimationCSS = css`
     animation: ${blurKeyframe} 1s ease;
 `;
 Avatar.defaultProps = {
+  actionIconHeight: 24,
+  actionIconWidth: 24,
   allowEdit: false,
-  disabled: false,
-  readOnly: false,
+  className: '',
   clearAble: true,
+  data: {},
+  direction: 'bottom',
+  disabled: false,
+  height: 48,
   hoverAble: false,
+  lazyLoading: false,
+  matchType: /^image\/(gif|jpe?g|tiff?|png|webp|bmp|svg(\+xml)?)$/i,
+  maxSizeError: `File ${getGlobal(['errorDefault', 'maxSize'])}`,
   outlined: false,
+  readOnly: false,
+  style: {},
   width: 48,
-  height: 48,
-  actionIconWidth: 24,
-  actionIconHeight: 24,
-  className: '',
-  direction: 'bottom',
-  maxSizeError: `File ${getGlobal(['errorDefault', 'maxSize'])}`,
-  wrongTypeError: `File ${getGlobal(['errorDefault', 'fileType'])}`,
-  matchType: /^image\/(gif|jpe?g|tiff?|png|webp|bmp|svg(\+xml)?)$/i,
-  data: {},
-  lazyLoading: false,
-  style: {}
+  wrongTypeError: `File ${getGlobal(['errorDefault', 'fileType'])}`
 };
 Avatar.propTypes = {
+  /** The height of action icon. */
+  actionIconHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
+  /** The width of action icon. */
+  actionIconWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
   /** If `true`, allow to edit avatar. */
   allowEdit: PropTypes.bool,
 
-  /** prevent all events, only view */
-  disabled: PropTypes.bool,
-
-  /** only view and allow show more info if hoverAble is true */
-  readOnly: PropTypes.bool,
+  /** Class for component. */
+  className: PropTypes.string,
 
-  /** display remove avatar icon if true */
+  /** If `true`, display remove avatar icon. */
   clearAble: PropTypes.bool,
 
-  /** show more info in popover if true */
-  hoverAble: PropTypes.bool,
+  /**
+   * data to display when hoverAble is true<br />
+   * data is an object or function return a jsx element
+   */
+  data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
 
-  /** border of avatar (true or '1px solid #color') */
-  outlined: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  /**
+   * it is used to display the default if there is no src<br />
+   * if undefined, will display icons available in the icons store
+   */
+  defaultSrc: PropTypes.string,
 
-  /** The width of avatar box (48 or '48px' or ...) */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /** the direction to display more info */
+  direction: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+
+  /** prevent all events, only view */
+  disabled: PropTypes.bool,
 
   /** The height of avatar box (48 or '48px' or ...) */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
-  /** The width of action icon (18 or '18px') */
-  actionIconWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** The height of action icon (18 or '18px') */
-  actionIconHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /** show more info in popover if true */
+  hoverAble: PropTypes.bool,
 
-  /** maximum size for avatar file (unit: MB) */
-  maxSize: PropTypes.number,
+  /** lazy loading */
+  lazyLoading: PropTypes.bool,
 
   /** type of image was allowed */
   matchType: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func, PropTypes.array]),
 
-  /** class for Avatar component */
-  className: PropTypes.string,
+  /** maximum size for avatar file (unit: MB) */
+  maxSize: PropTypes.number,
 
   /** the error to show on exceeded allowed size */
   maxSizeError: PropTypes.string,
 
-  /** the error to show on wrong type */
-  wrongTypeError: PropTypes.string,
-
-  /** source of file (http:// or https://) */
-  src: PropTypes.string,
-
-  /**
-   * it is used to display the default if there is no src<br />
-   * if undefined, will display icons available in the icons store
-   */
-  defaultSrc: PropTypes.string,
-
-  /** the direction to display more info */
-  direction: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+  /** will run after change avatar */
+  onChange: PropTypes.func,
 
-  /**
-   * data to display when hoverAble is true<br />
-   * data is an object or function return a jsx element
-   */
-  data: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
+  /** Callback fired when the component is clicked. */
+  onClick: PropTypes.func,
 
   /** will run after remove avatar */
   onRemove: PropTypes.func,
 
-  /** will run after change avatar */
-  onChange: PropTypes.func,
+  /** border of avatar (true or '1px solid #color') */
+  outlined: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
 
-  /** Callback fired when the component is clicked. */
-  onClick: PropTypes.func,
+  /** only view and allow show more info if hoverAble is true */
+  readOnly: PropTypes.bool,
 
-  /** lazy loading */
-  lazyLoading: PropTypes.bool,
+  /** source of file (http:// or https://) */
+  src: PropTypes.string,
 
   /** Style inline of component. */
   style: PropTypes.object,
 
+  /** The width of avatar box (48 or '48px' or ...) */
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+
+  /** the error to show on wrong type */
+  wrongTypeError: PropTypes.string,
+
   /**
    * ref methods
    *