diginet-core-ui 1.4.2 → 1.4.3-beta.1

package/components/avatar/index.js

@@ -9,7 +9,7 @@ import PropTypes from 'prop-types';
 import { forwardRef, Fragment, isValidElement, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { borderNone, borderRadius, boxContent, cursorInherit, cursorPointer, displayBlock, displayFlex, displayInlineFlex, displayNone, flexCol, itemsCenter, overflowHidden, parseMinWidth, parseWidthHeight, pd, positionAbsolute, positionRelative, userSelectNone, z } from "../../styles/general";
 import { useTheme } from "../../theme";
-import { classNames, isMobile } from "../../utils";
+import { classNames, isMobile, refType as ref } from "../../utils";
 const {
   colors: {
     system: {
@@ -319,14 +319,14 @@ Avatar.propTypes = {
   className: PropTypes.string,
   /** If `true`, display remove avatar icon. */
   clearAble: PropTypes.bool,
-  /**
-   * data to display when hoverAble is true<br />
-   * data is an object or function return a jsx element
+  /**
+   * 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, PropTypes.node]),
-  /**
-   * it is used to display the default if there is no src<br />
-   * if undefined, will display icons available in the icons store
+  /**
+   * 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 */
@@ -363,23 +363,21 @@ Avatar.propTypes = {
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /** the error to show on wrong type */
   wrongTypeError: PropTypes.string,
-  /**
-   * ref methods
-   *
-   * * option(): Gets all UI component properties
-   *  * Returns value - object
-   * * option(optionName): Gets the value of a single property
-   *  * @param {optionName} - string
-   *  * Returns value - any
-   * * option(optionName, optionValue): Updates the value of a single property
-   *  * @param {optionName} - string
-   *  * @param {optionValue} - any
-   * * option(options): Updates the values of several properties
-   *  * @param {options} - object
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
    */
-  reference: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.instanceOf(Element)
-  })])
+  ref: ref
 };
 export { Avatar };
 export default OptionWrapper(Avatar);

package/components/card/body.js

@@ -4,7 +4,7 @@ import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import OptionWrapper from "../others/option-wrapper";
-import { classNames } from "../../utils";
+import { classNames, refType as ref } from "../../utils";
 const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,
@@ -45,7 +45,22 @@ CardBody.propTypes = {
   /** If `true`, will have divider between body and footer. */
   style: PropTypes.object,
   /** The title of the component's header. */
-  title: PropTypes.string
+  title: PropTypes.string,
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
+   */
+  ref: ref
 };
 export { CardBody };
 export default OptionWrapper(CardBody);

package/components/card/extra.js

@@ -4,7 +4,7 @@ import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import OptionWrapper from "../others/option-wrapper";
-import { classNames } from "../../utils";
+import { classNames, refType as ref } from "../../utils";
 const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,
@@ -45,7 +45,22 @@ CardExtra.propTypes = {
   /** If `true`, will have divider between body and footer. */
   style: PropTypes.object,
   /** The title of the component's header. */
-  title: PropTypes.string
+  title: PropTypes.string,
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
+   */
+  ref: ref
 };
 export { CardExtra };
 export default OptionWrapper(CardExtra);

package/components/card/footer.js

@@ -4,7 +4,7 @@ import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import OptionWrapper from "../others/option-wrapper";
-import { classNames } from "../../utils";
+import { classNames, refType as ref } from "../../utils";
 const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,
@@ -45,7 +45,22 @@ CardFooter.propTypes = {
   /** If `true`, will have divider between body and footer. */
   style: PropTypes.object,
   /** The title of the component's header. */
-  title: PropTypes.string
+  title: PropTypes.string,
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
+   */
+  ref: ref
 };
 export { CardFooter };
 export default OptionWrapper(CardFooter);

package/components/card/header.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import OptionWrapper from "../others/option-wrapper";
 import Typography from "../typography";
-import { classNames } from "../../utils";
+import { classNames, refType as ref } from "../../utils";
 const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   action = {},
   children,
@@ -48,7 +48,22 @@ CardHeader.propTypes = {
   /** If `true`, will have divider between body and footer. */
   style: PropTypes.object,
   /** The title of the component's header. */
-  title: PropTypes.string
+  title: PropTypes.string,
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
+   */
+  ref: ref
 };
 export { CardHeader };
 export default OptionWrapper(CardHeader);

package/components/card/index.js

@@ -10,7 +10,7 @@ import CardHeader from "./header";
 import { CardFooter } from "./footer";
 import { CardBody } from "./body";
 import { getColor } from "../../styles/utils";
-import { classNames } from "../../utils";
+import { classNames, refType as ref } from "../../utils";
 const {
   colors: {
     system: {
@@ -173,7 +173,22 @@ Card.propTypes = {
   /** The title of the component's header. */
   title: PropTypes.string,
   /** Width of the component. */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * ref methods (ref.current.instance.*method*)
+   *
+   * * option(): Gets all UI component properties
+   *  * Returns value - object
+   * * option(optionName): Gets the value of a single property
+   *  * @param {optionName} - string
+   *  * Returns value - any
+   * * option(optionName, optionValue): Updates the value of a single property
+   *  * @param {optionName} - string
+   *  * @param {optionValue} - any
+   * * option(options): Updates the values of several properties
+   *  * @param {options} - object
+   */
+  ref: ref
 };
 export { Card };
 export default OptionWrapper(Card);