diginet-core-ui 1.3.66 → 1.3.67

package/utils/error/error.js

@@ -1,8 +1,8 @@
 import { extend } from '../object/extend';
 import { logger } from '../console';
 import { format } from '../string/string';
-/**
- * future
+/**
+ * future
  */
 
 const ERROR_URL = 'http://core.diginet.com.vn/ui/error/';

package/utils/renderIcon.js

@@ -5,11 +5,11 @@ import { jsx } from '@emotion/core';
 import { ButtonIcon } from '../components';
 import * as Icons from '../icons';
 import { parseTextToHTML, capitalize } from './';
-/**
- * render icon form source (dynamic type)
- * @param {String|jsx} source data of icon, maybe svg text | image link | name of icon in icons store or a jsx element
- * @param {String} type text to parse text to HTML, img link to use img tag, name to use icon form icons store
- * @param {Object} options properties of Icon component if us type is name {width, height, color, viewBox, ...}
+/**
+ * render icon form source (dynamic type)
+ * @param {String|jsx} source data of icon, maybe svg text | image link | name of icon in icons store or a jsx element
+ * @param {String} type text to parse text to HTML, img link to use img tag, name to use icon form icons store
+ * @param {Object} options properties of Icon component if us type is name {width, height, color, viewBox, ...}
  */
 
 const renderIcon = (source, type, options = {}) => {

package/components/card/body-card.js

@@ -1,65 +0,0 @@
-/** @jsxRuntime classic */
-
-/** @jsx jsx */
-import { memo, useMemo, useEffect, forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
-  children,
-  background,
-  style,
-  refs,
-  ...props
-}, ref) => {
-  const CardBodyBox = css`
-        display: block;
-        position: relative;
-        background-color: ${background};
-        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-        border-radius: 4px;
-        box-sizing: border-box;
-        padding: 12px 24px;
-        overflow: auto;
-        order: 2;
-        height: auto;
-        width: 100%;
-        img{
-            object-fit: cover;
-            max-width: 100%;
-            height: 100%;
-            border-radius: 20px;
-        }
-        &::-webkit-scrollbar {
-            width: 8px;
-            height: 8px;
-        }
-        &::-webkit-scrollbar-thumb{
-                border-radius: 10px;
-                mix-blend-mode: normal;
-                background-color: ${theme.colors.dark12};
-                background-clip: content-box;
-        }
-    `;
-  useEffect(() => {
-    !!refs && refs(ref);
-  }, []);
-  const Body = useMemo(() => jsx("div", {
-    css: CardBodyBox,
-    ...props,
-    style: style,
-    ref: ref
-  }, children), [children, style]);
-  return Body;
-}));
-CardBody.propTypes = {
-  /** customize style inline */
-  style: PropTypes.object,
-
-  /** get card header ref by function */
-  refs: PropTypes.func,
-
-  /** child content in header (like title) */
-  children: PropTypes.node
-};
-export default CardBody;

package/components/card/card.js

@@ -1,125 +0,0 @@
-/* eslint-disable no-undef */
-
-/** @jsxRuntime classic */
-
-/** @jsx jsx */
-import { memo, useRef, forwardRef, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
-import { jsx, css } from '@emotion/core';
-import CardContext from './context';
-const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
-  // open,
-  // type,
-  // title,
-  style,
-  top,
-  // pressESCToClose,
-  // darkTheme,
-  // autoFocus,
-  // refs,
-  onClose,
-  // onConfirm,
-  // onCancel,
-  children,
-  width,
-  ...props
-}, ref) => {
-  if (!ref) {
-    ref = useRef(null);
-  }
-
-  const cardBoxRef = useRef(null);
-  const CardBox = css`
-                background-color: white;
-                border-radius: 4px;
-                box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-                box-sizing: border-box;
-                border-radius: 10px;
-                display: flex;
-                position: relative;
-                max-height: calc(100% - ${isNaN(top) ? top : +top + 'px'});
-                min-width: 150px;
-                max-width: 90%;
-                margin: 0 auto;
-                height: max-content;
-                width: ${isNaN(width) ? width : width + 'px'};
-                flex-direction: column;
-                -webkit-box-orient: vertical;
-                -webkit-box-direction: normal;
-                /* min-height: 152px; */
-                cursor: 'initial';
-            `;
-
-  const onShowCard = () => {
-    setOpenState(true);
-  };
-
-  const onCloseCard = () => {
-    if (onClose) onClose();else {
-      setTimeout(() => {
-        setOpenState(false);
-      }, 500);
-    }
-
-    if (ref.current) {
-      ref.current.style.opacity = null;
-      ref.current.firstChild.classList.remove('show');
-    }
-  };
-
-  const CardView = useMemo(() => {
-    const node = jsx("div", {
-      className: 'DGN-UI-Card'
-    }, jsx("div", {
-      css: CardBox,
-      ref: cardBoxRef,
-      ...props,
-      style: style
-    }, jsx(CardContext.Provider, {
-      value: {
-        show: onShowCard,
-        close: onCloseCard
-      }
-    }, children)));
-    return /*#__PURE__*/createPortal(node, document.body);
-  });
-  return CardView;
-}));
-Card.defaultProps = {
-  autoFocus: true,
-  top: '',
-  width: '70%'
-};
-Card.propTypes = {
-  /** park a good colored background under the card box if true */
-  darkTheme: PropTypes.bool,
-
-  /** show card if true */
-  open: PropTypes.bool,
-
-  /** focusing after open card */
-  autoFocus: PropTypes.bool,
-
-  /** customize the vertical position of the screen, if not set, the card will be fixed in the middle of the screen */
-  top: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /** width of the card */
-  width: PropTypes.string,
-
-  /** customize style inline */
-  style: PropTypes.object,
-
-  /** get card ref by function */
-  refs: PropTypes.func,
-
-  /** the function to run when close card */
-  onClose: PropTypes.func,
-
-  /** child content in body */
-  children: PropTypes.node,
-
-  /** any props else */
-  props: PropTypes.any
-};
-export default Card;

package/components/card/context.js

@@ -1,6 +0,0 @@
-import { createContext } from 'react';
-const CardContext = /*#__PURE__*/createContext({
-  show: () => {},
-  close: () => {}
-});
-export default CardContext;