diginet-core-ui 1.3.73 → 1.3.75

package/components/card/footer.js

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/core';
 import OptionWrapper from '../others/option-wrapper';
 import { classNames } from '../../utils';
 const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -14,10 +15,17 @@ const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/header.js

@@ -8,6 +8,7 @@ import OptionWrapper from '../others/option-wrapper';
 import Typography from '../typography';
 import { classNames } from '../../utils';
 const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   children,
   className,
   id,
@@ -15,10 +16,17 @@ const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   title
 }, reference) => {
   const ref = useRef(null);
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   return useMemo(() => {
     return jsx("div", {
       id: id,

package/components/card/index.js

@@ -24,6 +24,7 @@ const {
   spacing
 } = theme;
 const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
+  action = {},
   body: bodyProp,
   bodyStyle,
   children,
@@ -46,10 +47,17 @@ const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 
   const _CardCSS = CardCSS(width, height, headerDivider, footerDivider, dividerColor, direction);
 
-  useImperativeHandle(reference, () => ({
-    element: ref.current,
-    instance: {}
-  }));
+  useImperativeHandle(reference, () => {
+    const currentRef = ref.current || {};
+    currentRef.element = ref.current;
+    const _instance = { ...action
+    }; // methods
+
+    _instance.__proto__ = {}; // hidden methods
+
+    currentRef.instance = _instance;
+    return currentRef;
+  });
   const head = header || title ? jsx(CardHeader, {
     className: classNames(className === null || className === void 0 ? void 0 : className.header),
     style: headerStyle,

package/components/chip/index.js

@@ -6,9 +6,9 @@ import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
 import { ButtonIcon, Typography } from '../';
 import Icon from '../../icons';
-import { alignCenter, border, borderBox, flexRow, inlineFlex, justifyCenter, positionRelative, userSelectNone, whiteSpaceNoWrap, cursorNotAllowed, positionAbsolute, overflowHidden } from '../../styles/general';
+import { alignCenter, border, borderBox, flexRow, inlineFlex, justifyCenter, positionRelative, userSelectNone, cursorNotAllowed, positionAbsolute, overflowHidden } from '../../styles/general';
 import { hexToRGBA } from '../../styles/color-helper';
-import { useTheme } from '../../theme';
+import { useTheme, useColor as colors } from '../../theme';
 const {
   colors: {
     danger,
@@ -52,9 +52,10 @@ const Chip = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const ref = useRef(null);
   const IconRef = useRef(null);
   if (!onDbClick && onDoubleClick) onDbClick = onDoubleClick;
-  const color = colorMap.get(colorProps) || colorProps;
+  let color = colorMap.get(colorProps) || colorProps;
+  if (colors[color]) color = colors[color];
   const infoChip = {
-    color: colorMap.get(colorProps) || colorProps,
+    color: color,
     contentColor: viewType !== 'filled' ? color : white,
     backgroundColor: viewType !== 'filled' ? white : color,
     iconSize: iconSizeMap.get(size),
@@ -160,7 +161,6 @@ const ChipLabelCSS = css`
     ${alignCenter};
     ${positionRelative};
     ${userSelectNone};
-    ${whiteSpaceNoWrap};
 `;
 
 const ChipRootCSS = (onClick, onDbClick, colorProps, info) => css`
@@ -268,7 +268,7 @@ Chip.propTypes = {
   viewType: PropTypes.oneOf(['ghost', 'outlined', 'filled']),
 
   /** color for text or background of Chip */
-  color: PropTypes.oneOf(['default', 'primary', 'info', 'success', 'warning', 'danger']),
+  color: PropTypes.oneOfType([PropTypes.oneOf(['default', 'primary', 'info', 'success', 'warning', 'danger']), PropTypes.string]),
 
   /** size of Chip */
   size: PropTypes.oneOf(['small', 'medium', 'large']),