diginet-core-ui 1.4.39 → 1.4.40

package/components/typography/index.js

@@ -1,193 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { css, jsx } from '@emotion/core';
-import { Popover } from "./..";
-import PropTypes from 'prop-types';
-import { Fragment, forwardRef, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { breakAll, breakWord, cursorPointer, displayBlock, displayInlineBlock, italic, overflowHidden, parseHeight, parseMaxWidth, parseMinWidth, positionRelative, textCapitalize, textCenter, textColor, textLineThrough, textLowercase, textSentence, textUnderline, textUppercase, whiteSpaceBreakSpaces } from "../../styles/general";
-import { useTheme } from "../../theme";
-import useThemeProps from "../../theme/utils/useThemeProps";
-import { classNames, getProp, renderHTML } from "../../utils";
-const colorMap = new Map([['default', 'text/main']]);
-const formatMap = new Map([['capitalize', textCapitalize], ['uppercase', textUppercase], ['lowercase', textLowercase], ['italic', italic], ['line-through', textLineThrough], ['underline', textUnderline], ['sentence', textSentence]]);
-const isTextClamped = elm => (elm === null || elm === void 0 ? void 0 : elm.scrollHeight) > (elm === null || elm === void 0 ? void 0 : elm.clientHeight);
-const Typography = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
-  var _ref$current;
-  // props priority: `inProps` > `themeDefaultProps`
-  const props = useThemeProps({
-    props: inProps,
-    name: 'Typography'
-  });
-  const {
-    action = {},
-    capitalize,
-    // deprecated
-    center,
-    children,
-    className,
-    color: colorProp,
-    format,
-    fullWidth,
-    hoverTooltip,
-    italic,
-    lineClamp,
-    mapping,
-    onClick,
-    tooltipDirection,
-    type,
-    uppercase,
-    // deprecated
-    ...other
-  } = props;
-  if (!reference) reference = useRef(null);
-  const ref = useRef(null);
-  const theme = useTheme();
-  const formatCSS = [];
-  if (Array.isArray(format)) {
-    format.forEach(item => {
-      formatMap.get(item) && formatCSS.push(formatMap.get(item));
-    });
-  } else if (typeof format === 'string' && formatMap.get(format)) {
-    formatCSS.push(formatMap.get(format));
-  }
-  const [openTooltip, setOpenTooltip] = useState(false);
-  let color = colorMap.get(colorProp) || colorProp;
-  color = getProp(theme.colors, color, color);
-  const _TextRootCSS = [TextRootCSS(color, type, lineClamp, onClick, hoverTooltip, center, fullWidth, uppercase, capitalize, theme), ...formatCSS];
-  const _PopoverContentCSS = PopoverContentCSS(theme);
-  const showTooltip = () => {
-    if (!hoverTooltip) return;
-    if (isTextClamped(ref.current)) {
-      setOpenTooltip(true);
-    }
-  };
-  const hideTooltip = () => {
-    if (!hoverTooltip) return;
-    if (isTextClamped(ref.current)) {
-      setOpenTooltip(false);
-    }
-  };
-  useImperativeHandle(reference, () => {
-    const currentRef = ref.current || {};
-    currentRef.element = ref.current;
-    const _instance = {
-      ...action
-    }; // methods
-    _instance.__proto__ = {}; // hidden methods
-    currentRef.instance = _instance;
-    return currentRef;
-  });
-  const classes = classNames('DGN-UI-Typography', `DGN-UI-Typography-${type}`, className);
-  const content = Array.isArray(children) && !children.some(node => node && String(node.$$typeof) === 'Symbol(react.element)') ? children.join('') : children;
-  const renderTooltip = hoverTooltip ? jsx(Popover, {
-    css: parseMinWidth(300),
-    open: openTooltip,
-    pressESCToClose: false,
-    fullScreen: false,
-    bgColor: 'fill/tooltip',
-    anchor: ref,
-    width: ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.clientWidth) || 'max-content',
-    direction: tooltipDirection
-  }, renderHTML(content, mapping, {
-    css: [_TextRootCSS, _PopoverContentCSS],
-    className: classes
-  })) : null;
-  return useMemo(() => {
-    return jsx(Fragment, null, renderHTML(content, mapping, {
-      ref: ref,
-      css: [_TextRootCSS, lineClamp && ClampCSS(lineClamp)],
-      className: classes,
-      onMouseEnter: showTooltip,
-      onMouseLeave: hideTooltip,
-      onClick: onClick,
-      ...other
-    }), renderTooltip);
-  }, [capitalize, center, children, className, color, format, fullWidth, hoverTooltip, italic, lineClamp, mapping, onClick, tooltipDirection, type, uppercase, openTooltip, other, theme]);
-}));
-const TextRootCSS = (color, type, lineClamp, onClick, hoverTooltip, center, fullWidth, uppercase, capitalize, {
-  typography
-}) => css`
-    ${displayInlineBlock};
-    ${positionRelative};
-    ${onClick && cursorPointer};
-    ${hoverTooltip && lineClamp === 1 ? breakAll : breakWord};
-    ${whiteSpaceBreakSpaces};
-    ${textColor(color)};
-    ${parseMaxWidth('max-content')};
-    ${type !== 'inherit' && typography[type]};
-    ${center && textCenter};
-    ${uppercase && textUppercase};
-    ${capitalize && textCapitalize};
-    ${fullWidth && css`
-        ${displayBlock};
-        ${parseMaxWidth('initial')};
-    `}
-`;
-const ClampCSS = lineClamp => css`
-    ${overflowHidden};
-    display: -webkit-box;
-    -webkit-line-clamp: ${lineClamp};
-    -webkit-box-orient: vertical;
-`;
-const PopoverContentCSS = ({
-  colors,
-  spacing
-}) => css`
-    ${textColor(getProp(colors, 'text/tooltip'))};
-    padding: ${spacing([1, 1.5])};
-    ${parseHeight('fit-content')};
-`;
-
-// Typography.defaultProps = {
-//     center: false,
-//     className: '',
-//     color: 'default',
-//     format: [],
-//     fullWidth: true,
-//     hoverTooltip: false,
-//     mapping: 'span',
-//     tooltipDirection: 'bottom',
-//     type: 'p1',
-// };
-
-/** type of text<br/>
- * h1: Title <br/>
- * h2: Header Popup <br/>
- * h3: Header popup <br/>
- * h4: Button, Tab, Title group <br/>
- * h5: Label column, Title group <br/>
- * h6: Label form <br/>
- * p1: Body text <br/>
- * p2: Body text <br/>
- * p3: Notice, Tooltip <br/>
- */
-export const arrTypeTypography = ['t1', 't2', 't3', 't4', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p1', 'p2', 'p3', 'title1', 'title2', 'title3', 'title4', 'heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph1', 'paragraph2', 'paragraph3'];
-Typography.propTypes = {
-  /** If `true`, text-align is center. */
-  center: PropTypes.bool,
-  /** The content of the component. */
-  children: PropTypes.node,
-  /** Class for component. */
-  className: PropTypes.string,
-  /** Color of text ['primary', 'secondary', 'success', 'warning', 'danger', 'info', '#hex', rgb(#,#,#)]. */
-  color: PropTypes.string,
-  /** Option to make the text bold, italic, capitalize or underline. */
-  format: PropTypes.oneOfType([PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase', 'italic', 'line-through', 'underline', 'sentence', 'none']), PropTypes.arrayOf(PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase', 'italic', 'line-through', 'underline', 'sentence', 'none']))]),
-  /** If `true`, the component will take up the full width of its container. */
-  fullWidth: PropTypes.bool,
-  /** If `true`, hover will show tooltip when text clamped. */
-  hoverTooltip: PropTypes.bool,
-  /** The line-clamp property truncates text at a specific number of lines. */
-  lineClamp: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf(['auto'])]),
-  /** The component used for the root node. Either a string to use a HTML element or a component. */
-  mapping: PropTypes.string,
-  /** Callback fired when the component is clicked. */
-  onClick: PropTypes.func,
-  /** Accepts all props which `mapping` tag support. */
-  props: PropTypes.object,
-  /** Tooltip direction. */
-  tooltipDirection: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-  /** Applies the theme typography styles. */
-  type: PropTypes.oneOf([...arrTypeTypography, 'inherit'])
-};
-export default Typography;

package/css/styles.css

@@ -1 +0,0 @@
-html *{color:#000 !important;font-family:"SF Pro Display",Arial,sans-serif;font-size:16px}b{font-weight:bold !important}/*# sourceMappingURL=styles.css.map */

package/css/styles.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../src/scss/styles.scss"],"names":[],"mappings":"AAAA,OAEE,sBACA,8CACA,eAGF,EACI","file":"styles.css"}

package/global/index.js

@@ -1,194 +0,0 @@
-import locale from "../locale";
-const globalObject = {
-  language: 'vi',
-  vi: {
-    agree: 'Đồng ý',
-    cancel: 'Hủy',
-    close: 'Đóng',
-    confirm: 'Xác nhận',
-    error: 'Lỗi',
-    unknownError: 'Lỗi chưa xác định',
-    no: 'Không',
-    noDataText: 'Không có dữ liệu',
-    notify: 'Thông báo',
-    ok: 'Đồng ý',
-    showLess: 'Rút gọn',
-    showMore: 'Xem thêm',
-    yes: 'Có',
-    warning: 'Cảnh Báo',
-    // attachment
-    dropFileHere: 'Kéo và thả tập tin đính kèm vào đây',
-    deleteNotifyText: 'Bạn có chắc muốn xóa (những) đính kèm này?',
-    attachText: 'Đính kèm',
-    noFileText: 'Không có file đính kèm',
-    byName: 'Theo tên',
-    byType: 'Theo loại',
-    bySize: 'Theo kích thước',
-    byDate: 'Theo ngày',
-    byOwner: 'Theo người tạo',
-    errorDefault: {
-      maxFile: ' vượt quá số lượng cho phép!',
-      maxSize: ' quá dung lượng cho phép!',
-      fileType: ' không đúng định dạng!',
-      existingFile: ' đã được đính kèm!'
-    },
-    // Paging
-    lineNumber: 'Số dòng',
-    total: 'Tổng',
-    // Transfer
-    choices: 'lựa chọn',
-    chosen: 'được chọn',
-    selected: 'Đã chọn',
-    // Date Picker
-    helperInvalid: 'Sai định dạng',
-    helperValid: 'Phù hợp',
-    label: 'Thời gian',
-    weekdaysLong: ['Hai', 'Ba', 'Tư', 'Năm', 'Sáu', 'Bảy', 'CN'],
-    weekdaysShort: ['H', 'B', 'T', 'N', 'S', 'B', 'C'],
-    // Time Picker
-    months: {
-      full: ['tháng 01', 'tháng 02', 'tháng 03', 'tháng 04', 'tháng 05', 'tháng 06', 'tháng 07', 'tháng 08', 'tháng 09', 'tháng 10', 'tháng 11', 'tháng 12'],
-      notFull: ['thg 01', 'thg 02', 'thg 03', 'thg 04', 'thg 05', 'thg 06', 'thg 07', 'thg 08', 'thg 09', 'thg 10', 'thg 11', 'thg 12']
-    },
-    days: {
-      full: ['chủ nhật', 'thứ hai', 'thứ ba', 'thứ tư', 'thứ năm', 'thứ sáu', 'thứ bảy'],
-      notFull: ['CN', 'T2', 'T3', 'T4', 'T5', 'T6', 'T7']
-    },
-    night: 'đêm',
-    day: 'ngày',
-    month: 'tháng',
-    year: 'năm',
-    save: 'Lưu',
-    now: 'Hiện tại',
-    // Localize
-    selectAll: 'Chọn tất cả',
-    thisFieldIsRequired: 'Trường này bắt buộc nhập',
-    validate: {
-      isEmail: 'Email không hợp lệ',
-      isNotEmptyString: 'Phải chứa ít nhất một ký tự',
-      isNotEmptyObject: 'Phải chứa ít nhất một thuộc tính',
-      isNotEmptyArray: 'Phải chứa ít nhất một phần tử',
-      invalidInput: 'Giá trị đầu vào chưa đúng',
-      max: 'Vượt quá giá trị tối đa cho phép',
-      min: 'Chưa đạt giá trị tối thiểu cho phép',
-      required: 'Trường này bắt buộc nhập'
-    },
-    inputPlaceholder: 'Nhập',
-    dropdownPlaceholder: 'Chọn'
-  },
-  en: {
-    agree: 'Agree',
-    cancel: 'Cancel',
-    close: 'Close',
-    confirm: 'Confirm',
-    error: 'Error',
-    unknownError: 'Unknown Error',
-    no: 'No',
-    noDataText: 'No data',
-    notify: 'Notify',
-    ok: 'OK',
-    showLess: 'Show less',
-    showMore: 'Show more',
-    yes: 'Yes',
-    warning: 'Warning',
-    // attachment
-    dropFileHere: 'Drop files here',
-    deleteNotifyText: 'Are you sure you want to delete this attachment(s)?',
-    attachText: 'Attachment',
-    noFileText: 'No attachments',
-    byName: 'By name',
-    byType: 'By type',
-    bySize: 'By size',
-    byDate: 'By date',
-    byOwner: 'By owner',
-    errorDefault: {
-      maxFile: ' exceeded the allowed number!',
-      maxSize: ' is/are too large to allow!',
-      fileType: ' is/are not in the correct format!',
-      existingFile: ' have been attached!'
-    },
-    // Paging
-    lineNumber: 'Items per page',
-    total: 'Total',
-    // Transfer
-    choices: 'choices',
-    chosen: 'chosen',
-    selected: 'selected',
-    // Date Picker
-    helperInvalid: 'Invalid',
-    helperValid: 'Valid',
-    label: 'Time',
-    weekdaysLong: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-    weekdaysShort: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
-    // Time Picker
-    months: {
-      full: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-      notFull: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-    },
-    days: {
-      full: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
-      notFull: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
-    },
-    night: 'night',
-    day: 'day',
-    month: 'month',
-    year: 'year',
-    save: 'Save',
-    now: 'Now',
-    // Localize
-    selectAll: 'Select all',
-    thisFieldIsRequired: 'This field is required',
-    validate: {
-      isEmail: 'Email invalid',
-      isNotEmptyString: 'Must not be empty',
-      isNotEmptyObject: 'Must contain at least one attribute',
-      isNotEmptyArray: 'Must contain at least one element',
-      invalidInput: 'Input value is not correct',
-      max: 'Exceeds the maximum value allowed',
-      min: 'The minimum allowed value has not been reached',
-      required: 'This field is required'
-    },
-    inputPlaceholder: 'Type something',
-    dropdownPlaceholder: 'Select'
-  },
-  //Global variable
-  delayOnInput: 500,
-  maxSizeUpload: Infinity
-};
-export const getGlobal = (key, language = locale.get()) => {
-  var _globalObject$languag;
-  if (Array.isArray(key)) {
-    let result = key[0] === 'components' ? globalObject : globalObject[language];
-    for (let i = 0; i < key.length; i++) {
-      if (!result[key[i]]) {
-        return null;
-      }
-      result = result[key[i]];
-    }
-    return result;
-  }
-  return globalObject[key] || ((_globalObject$languag = globalObject[language]) === null || _globalObject$languag === void 0 ? void 0 : _globalObject$languag[key]) || globalObject;
-};
-export const setGlobal = global => {
-  if (global && typeof global === 'object') {
-    const themeKeys = Object.keys(global);
-    themeKeys.forEach(key => {
-      overrideGlobal(global, globalObject, key);
-    });
-  }
-};
-const overrideGlobal = (newGlobal, ingredient, key) => {
-  const newGlobalValue = newGlobal[key];
-  const rootValue = ingredient[key];
-  if (typeof newGlobalValue === 'object' && typeof rootValue === 'object') {
-    const newGlobalKeys = Object.keys(newGlobalValue);
-    newGlobalKeys.forEach(newKey => {
-      if (newGlobalValue[newKey] && rootValue[newKey]) {
-        overrideGlobal(newGlobalValue, rootValue, newKey);
-      }
-    });
-  } else {
-    ingredient[key] = newGlobalValue;
-  }
-};
-export default globalObject;