diginet-core-ui 1.3.79 → 1.3.80

package/components/tab/tab-header.js

@@ -3,11 +3,11 @@
 import React, { memo, forwardRef, useContext, useRef, useState, useImperativeHandle, useMemo } from 'react';
 import { jsx, css } from '@emotion/core';
 import PropTypes from 'prop-types';
-import TabContext from './context';
-import ButtonIcon from '../button/icon';
-import { borderBox, displayNone, flexCol, flexRow, justifyCenter, overflowHidden, parseWidth, parseWidthHeight, positionRelative, whiteSpaceNoWrap } from '../../styles/general';
-import { classNames, refType as ref } from '../../utils';
-import theme from '../../theme/settings';
+import TabContext from "./context";
+import ButtonIcon from "../button/icon";
+import { borderBox, displayNone, flexCol, flexRow, justifyCenter, overflowHidden, parseWidth, parseWidthHeight, positionRelative, whiteSpaceNoWrap } from "../../styles/general";
+import { classNames, refType as ref } from "../../utils";
+import theme from "../../theme/settings";
 const {
   spacing
 } = theme;

package/components/tab/tab-panel.js

@@ -3,10 +3,10 @@
 import { memo, forwardRef, useContext, useRef, useEffect, useState, useImperativeHandle, useMemo } from 'react';
 import { jsx, css } from '@emotion/core';
 import PropTypes from 'prop-types';
-import TabContext from './context';
-import { borderBox, displayNone, flexCol, parseWidthHeight, positionRelative } from '../../styles/general';
-import theme from '../../theme/settings';
-import { classNames, refType as ref } from '../../utils';
+import TabContext from "./context";
+import { borderBox, displayNone, flexCol, parseWidthHeight, positionRelative } from "../../styles/general";
+import theme from "../../theme/settings";
+import { classNames, refType as ref } from "../../utils";
 const {
   colors: {
     text: {

package/components/tab/tab.js

@@ -3,14 +3,14 @@
 import { forwardRef, memo, useMemo, useContext, useRef, useImperativeHandle } from 'react';
 import { jsx, css } from '@emotion/core';
 import PropTypes from 'prop-types';
-import Icon from '../../icons';
-import { color as colors } from '../../styles/colors';
-import Ripple from '../button/ripple-effect';
-import Typography from '../typography';
-import TabContext from './context';
-import { alignCenter, backgroundTransparent, borderBox, boxShadowNone, breakWord, cursorDefault, cursorPointer, flexRow, justifyCenter, justifyStart, outlineNone, overflowHidden, pointerEventsNone, positionAbsolute, positionRelative, textCenter, whiteSpaceNoWrap } from '../../styles/general';
-import { classNames, refType as ref } from '../../utils';
-import theme from '../../theme/settings';
+import Icon from "../../icons";
+import { color as colors } from "../../styles/colors";
+import Ripple from "../button/ripple-effect";
+import Typography from "../typography";
+import TabContext from "./context";
+import { alignCenter, backgroundTransparent, borderBox, boxShadowNone, breakWord, cursorDefault, cursorPointer, flexRow, justifyCenter, justifyStart, outlineNone, overflowHidden, pointerEventsNone, positionAbsolute, positionRelative, textCenter, whiteSpaceNoWrap } from "../../styles/general";
+import { classNames, refType as ref } from "../../utils";
+import theme from "../../theme/settings";
 const {
   colors: {
     system: {

package/components/tooltip/index.js

@@ -3,10 +3,10 @@
 import { forwardRef, memo, useEffect, useRef, useState, useMemo, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { classNames, randomString } from '../../utils';
+import { classNames, randomString } from "../../utils";
 import { jsx, css } from '@emotion/core';
-import { borderBox, borderRadius4px, breakWord, displayInlineBlock, parseWidthHeight, positionAbsolute, userSelectNone } from '../../styles/general';
-import { useColor as colors, useTheme } from '../../theme';
+import { borderBox, borderRadius4px, breakWord, displayInlineBlock, parseWidthHeight, positionAbsolute, userSelectNone } from "../../styles/general";
+import { useColor as colors, useTheme } from "../../theme";
 const {
   colors: {
     system: {

package/components/tooltip/portal.js

@@ -1,5 +1,5 @@
 import { createPortal } from 'react-dom';
-import { usePortal } from '../../utils';
+import { usePortal } from "../../utils";
 const Portal = props => {
   const {
     children,

package/components/transfer/index.js

@@ -3,11 +3,11 @@
 import { Fragment, memo, useState, useMemo, useRef, forwardRef } from 'react';
 import { string, number, bool, oneOfType, array, object, func } from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import theme from '../../theme/settings';
-import Paper from '../paper';
-import { ButtonIcon, Checkbox, Typography } from '../';
-import { getGlobal } from '../../global';
-import { capitalize } from '../../utils';
+import theme from "../../theme/settings";
+import Paper from "../paper";
+import { ButtonIcon, Checkbox, Typography } from "../";
+import { getGlobal } from "../../global";
+import { capitalize } from "../../utils";
 const Transfer = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   choicesList,
   chosenList,

package/components/tree-view/css.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/core';
-import { alignCenter, borderBox, cursorPointer, displayBlock, displayInlineBlock, flexRow, positionRelative } from '../../styles/general';
-import theme from '../../theme/settings';
+import { alignCenter, borderBox, cursorPointer, displayBlock, displayInlineBlock, flexRow, positionRelative } from "../../styles/general";
+import theme from "../../theme/settings";
 const {
   colors: {
     fill: {

package/components/tree-view/index.js

@@ -5,10 +5,10 @@ import { render } from 'react-dom';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
 import { Accordion, AccordionSummary, AccordionDetails, Typography, Checkbox, Divider, InputBase, ButtonIcon } from '..';
-import { classNames, mapParent, randomString, removeUnicode } from '../../utils';
-import { getGlobal } from '../../global';
-import { alignCenter, borderBox, cursorPointer, displayBlock, displayInlineBlock, flexRow, positionRelative } from '../../styles/general';
-import theme from '../../theme/settings';
+import { classNames, mapParent, randomString, removeUnicode } from "../../utils";
+import { getGlobal } from "../../global";
+import { alignCenter, borderBox, cursorPointer, displayBlock, displayInlineBlock, flexRow, positionRelative } from "../../styles/general";
+import theme from "../../theme/settings";
 const {
   colors: {
     system: {

package/components/typography/index.js

@@ -4,9 +4,9 @@ import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
 import { forwardRef, Fragment, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { Popover } from '..';
-import { breakAll, breakWord, cursorPointer, displayBlock, displayInlineBlock, overflowHidden, pointerEventsNone, positionRelative, textCapitalize, textCenter, textUppercase } from '../../styles/general';
-import { useColor as colors, useTheme, useTypography as typography } from '../../theme';
-import { classNames, renderHTML } from '../../utils';
+import { breakAll, breakWord, cursorPointer, displayBlock, displayInlineBlock, overflowHidden, pointerEventsNone, positionRelative, textCapitalize, textCenter, textUppercase } from "../../styles/general";
+import { useColor as colors, useTheme, useTypography as typography } from "../../theme";
+import { classNames, renderHTML } from "../../utils";
 const {
   colors: {
     system: {

package/global/index.js

@@ -1,4 +1,4 @@
-import locale from '../locale';
+import locale from "../locale";
 const globalObject = {
   language: 'vi',
   vi: {

package/icons/basic.js

@@ -1,7 +1,7 @@
 /* eslint-disable react/display-name */
 /* eslint-disable react/prop-types */
 import React, { memo } from 'react';
-import { useTheme } from '../theme';
+import { useTheme } from "../theme";
 const {
   colors
 } = useTheme();

package/icons/effect.js

@@ -3,11 +3,11 @@
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
 import { jsx, css } from '@emotion/core';
-import OptionWrapper from '../components/others/option-wrapper';
-import { color as colors } from '../styles/colors';
-import * as Icons from './basic';
-import { capitalize } from '../utils';
-import { alignCenter, borderBox, flexRow, justifyCenter, outlineNone, userSelectNone } from '../styles/general';
+import OptionWrapper from "../components/others/option-wrapper";
+import { color as colors } from "../styles/colors";
+import * as Icons from "./basic";
+import { capitalize } from "../utils";
+import { alignCenter, borderBox, flexRow, justifyCenter, outlineNone, userSelectNone } from "../styles/general";
 const {
   system: {
     rest

package/icons/general/index.js

@@ -1,21 +1,21 @@
-export { default as Clock } from './clock/clock';
-export { default as Undo } from './steps/undo';
-export { default as Redo } from './steps/redo';
-export { default as FontFamily } from './font-properties/font-family';
-export { default as FontSize } from './font-properties/font-size';
-export { default as Bold } from './font-properties/bold';
-export { default as Italic } from './font-properties/italic';
-export { default as Underline } from './font-properties/underline';
-export { default as TextColor } from './color-handler/text';
-export { default as BackgroundColor } from './color-handler/background';
-export { default as Emoji } from './emoji/emoji';
-export { default as TextAlignLeft } from './text-align/left';
-export { default as TextAlignCenter } from './text-align/center';
-export { default as TextAlignRight } from './text-align/right';
-export { default as TextAlignJustify } from './text-align/justify';
-export { default as Bullets } from './list/bullets';
-export { default as Numbering } from './list/numbering';
-export { default as Decrease } from './indent/decrease';
-export { default as Increase } from './indent/increase';
-export { default as Picture } from './picture/picture';
-export { default as Hyperlink } from './hyperlink/hyperlink';
+export { default as Clock } from "./clock/clock";
+export { default as Undo } from "./steps/undo";
+export { default as Redo } from "./steps/redo";
+export { default as FontFamily } from "./font-properties/font-family";
+export { default as FontSize } from "./font-properties/font-size";
+export { default as Bold } from "./font-properties/bold";
+export { default as Italic } from "./font-properties/italic";
+export { default as Underline } from "./font-properties/underline";
+export { default as TextColor } from "./color-handler/text";
+export { default as BackgroundColor } from "./color-handler/background";
+export { default as Emoji } from "./emoji/emoji";
+export { default as TextAlignLeft } from "./text-align/left";
+export { default as TextAlignCenter } from "./text-align/center";
+export { default as TextAlignRight } from "./text-align/right";
+export { default as TextAlignJustify } from "./text-align/justify";
+export { default as Bullets } from "./list/bullets";
+export { default as Numbering } from "./list/numbering";
+export { default as Decrease } from "./indent/decrease";
+export { default as Increase } from "./indent/increase";
+export { default as Picture } from "./picture/picture";
+export { default as Hyperlink } from "./hyperlink/hyperlink";

package/icons/index.js

@@ -1,3 +1,3 @@
-export * from './basic';
-import Icon from './effect';
+export * from "./basic";
+import Icon from "./effect";
 export default Icon;

package/icons/menu/index.js

@@ -1,5 +1,5 @@
 import * as IconMenu from '.';
 // MENU
-export * as DHR from './menu/dhr';
-export * as ERP from './menu/erp';
+export * as DHR from "./menu/dhr";
+export * as ERP from "./menu/erp";
 export default IconMenu;

package/icons/menu/v2/index.js

@@ -15,7 +15,7 @@ const IconMenu = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref = useRef(null);
   }
   const getResourceImage = fileName => {
-    let icon = require('../../../assets/images/menu/dhr/Default.svg');
+    let icon = require("../../../assets/images/menu/dhr/Default.svg");
     try {
       icon = require('../../../assets/images/menu/' + `${type}/` + fileName);
     } catch (e) {}

package/locale/index.js

@@ -1,4 +1,4 @@
-import GlobalObject from '../global';
+import GlobalObject from "../global";
 const locale = {
   get: () => {
     const language = GlobalObject.language === 'en' ? 'en' : 'vi';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diginet-core-ui",
-  "version": "1.3.79",
+  "version": "1.3.80",
   "description": "The DigiNet core ui",
   "homepage": "https://diginet.com.vn",
   "main": "index.js",

package/readme.md

@@ -38,6 +38,12 @@ npm test
 ```
 
 ## Changelog
+## 1.3.80
+- \[Changed\]: ButtonMore – Update Button More with new design
+- \[Changed\]: BABEL – Add babel-plugin-module-resolver
+- \[Changed\]: NumberInput – Add viewType none
+- \[Changed\]: CircularProgress – Allow prop size accept number value; Optimize code
+
 ## 1.3.79
 - \[Changed\]: Button – Add prop labelProps; Allow use CUI colors
 - \[Changed\]: InputBase – Add startIcon, endIcon to multiline textarea; Add viewType none; Optimize code

package/styles/animation.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-prototype-builtins */
 import { keyframes } from '@emotion/core';
-import { promisify } from '../utils';
+import { promisify } from "../utils";
 const loadStyles = css => {
   let head = document.head || document.getElementsByTagName('head')[0];
 

package/styles/colors.js

@@ -1,4 +1,4 @@
-import { hexToRGBA } from './color-helper';
+import { hexToRGBA } from "./color-helper";
 
 //color brand
 export const white = '#fff';

package/styles/font.js

@@ -9,10 +9,10 @@ export const fontSizes = {
 };
 export const font = {
   fontFamily: `"SF Pro Display"`,
-  fontFamilyLink: require('../assets/fonts/SF-Pro-Display-Regular.otf'),
+  fontFamilyLink: require("../assets/fonts/SF-Pro-Display-Regular.otf"),
   fontFamilyMedium: `"SF Pro Display Medium"`,
-  fontFamilyMediumLink: require('../assets/fonts/SF-Pro-Display-Medium.otf'),
+  fontFamilyMediumLink: require("../assets/fonts/SF-Pro-Display-Medium.otf"),
   fontFamilyBold: `"SF Pro Display Bold"`,
-  fontFamilyBoldLink: require('../assets/fonts/SF-Pro-Display-Bold.otf'),
+  fontFamilyBoldLink: require("../assets/fonts/SF-Pro-Display-Bold.otf"),
   fontSize: '16px'
 };

package/styles/general.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-unused-vars */
 import { css, jsx } from '@emotion/core';
-import { color } from './colors';
-import { parseToPixel } from './utils';
+import { color } from "./colors";
+import { parseToPixel } from "./utils";
 export const rootSpacing = 4;
 export let rootZIndex = 1500;
 export const typographyTypes = ['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'];
@@ -40,6 +40,7 @@ export const setZIndex = number => {
 };
 export const flexRow = css`
     display: flex;
+    flex-direction: row;
 `;
 export const inlineFlex = css`
     display: inline-flex;

package/styles/typography.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/core';
-import { parseToPixel } from './utils';
-import { font } from './font';
+import { parseToPixel } from "./utils";
+import { font } from "./font";
 export const {
   fontFamily,
   fontSize

package/styles/utils.js

@@ -1,4 +1,4 @@
-import { color as colors } from './colors';
+import { color as colors } from "./colors";
 
 /**
  * Parse to pixel

package/theme/index.js

@@ -1,3 +1,3 @@
-export { default as ThemeProvider } from './theme-provider';
-export { useTheme, useColor, useTypography } from './set-theme';
-export { default as makeStyles } from './make-styles';
+export { default as ThemeProvider } from "./theme-provider";
+export { useTheme, useColor, useTypography } from "./set-theme";
+export { default as makeStyles } from "./make-styles";

package/theme/make-styles.js

@@ -1,7 +1,7 @@
 import createCache from '@emotion/cache';
 import { insertStyles } from '@emotion/utils';
 import { serializeStyles } from '@emotion/serialize';
-import theme from './settings';
+import theme from "./settings";
 export const makeStylesCache = createCache({
   key: 'css'
 });

package/theme/set-theme.js

@@ -1,4 +1,4 @@
-import Settings from './settings';
+import Settings from "./settings";
 const saveNewTheme = (newTheme, ingredient) => {
   if (typeof newTheme === 'object' && typeof ingredient === 'object') {
     const newThemeArr = Object.keys(newTheme);

package/theme/settings.js

@@ -1,15 +1,15 @@
-import * as colors from '../styles/colors';
-import { font } from '../styles/font';
-import { color } from '../styles/colors';
-import { getSpacing, zIndex, setZIndex } from '../styles/general';
+import * as colors from "../styles/colors";
+import { font } from "../styles/font";
+import { color } from "../styles/colors";
+import { getSpacing, zIndex, setZIndex } from "../styles/general";
 const {
   fontSize,
   fontFamily,
   fontFamilyBold,
   fontFamilyMedium
 } = font;
-import { typography as typographies } from '../styles/typography';
-import createBreakpoints from './createBreakpoints';
+import { typography as typographies } from "../styles/typography";
+import createBreakpoints from "./createBreakpoints";
 const settings = {
   border: {
     radius: '4px',

package/theme/theme-provider.js

@@ -2,9 +2,9 @@
 /** @jsx jsx */
 import { memo, useEffect } from 'react';
 import { jsx, css } from '@emotion/core';
-import { setTheme } from './set-theme';
+import { setTheme } from "./set-theme";
 import { string, object, node } from 'prop-types';
-import { font } from '../styles/font';
+import { font } from "../styles/font";
 const {
   fontFamily,
   fontFamilyBold,

package/theme/theme.js

@@ -1,4 +1,4 @@
-import * as colors from '../styles/colors';
+import * as colors from "../styles/colors";
 export const theme = {
   palette: {
     primary: {

package/utils/array/array.js

@@ -1,6 +1,6 @@
-import { isDefined } from '../type';
-import { each } from '../iterator';
-import { orderEach } from '../object/object';
+import { isDefined } from "../type";
+import { each } from "../iterator";
+import { orderEach } from "../object/object";
 
 /**
  * 

package/utils/console.js

@@ -1,4 +1,4 @@
-import { isFunction } from './type';
+import { isFunction } from "./type";
 const noop = () => {};
 const getConsoleMethod = function (method) {
   if (typeof console === 'undefined' || !isFunction(console[method])) {

package/utils/date.js

@@ -1,5 +1,5 @@
-import { getGlobal } from '../global';
-import locale from '../locale';
+import { getGlobal } from "../global";
+import locale from "../locale";
 const language = locale.get();
 const localeName = language === 'en' ? 'en-US' : 'vi-VN';
 const units = ['year', 'month', 'day', 'hour', 'minute', 'second', 'millisecond'];

package/utils/error/error.js

@@ -1,6 +1,6 @@
-import { extend } from '../object/extend';
-import { logger } from '../console';
-import { format } from '../string/string';
+import { extend } from "../object/extend";
+import { logger } from "../console";
+import { format } from "../string/string";
 
 /**
  * future

package/utils/error/errors.js

@@ -1,4 +1,4 @@
-import errorUtils from './error';
+import errorUtils from "./error";
 
 /**
 * @docid

package/utils/handleBreakpoints.js

@@ -1,5 +1,5 @@
-import { breakpointKeys } from '../theme/createBreakpoints';
-import theme from '../theme/settings';
+import { breakpointKeys } from "../theme/createBreakpoints";
+import theme from "../theme/settings";
 const {
   breakpoints: themeBreakpoints
 } = theme;

package/utils/index.js

@@ -1,30 +1,30 @@
 import * as utils from '.';
-export * from './array/array';
-export { default as classNames } from './classNames';
-export * from './date';
-export { default as date } from './date';
-export { default as getFileType } from './getFileType';
-export { default as handleBreakpoints } from './handleBreakpoints';
-export { default as isMobile } from './isMobile';
-export { default as mapParent } from './map-parent';
-export { default as parseTextToHTML } from './parseHTML';
-export { default as promisify } from './promisify';
-export { default as randomString } from './randomString';
-export { default as refType } from './refType';
-export { default as removeUnicode } from './remove-unicode';
-export * from './render-portal';
-export { default as renderHTML } from './renderHTML';
-export { default as renderIcon } from './renderIcon';
-export * from './sb-template';
-export { default as SbTemplate } from './sb-template';
-export { default as capitalize } from './string/capitalize';
-export { default as capitalizeSentenceCase } from './string/capitalizeSentenceCase';
-export * from './string/string';
-export { default as updatePosition } from './updatePosition';
-export { default as useDelayUnmount } from './useDelayUnmount';
-export { default as useMediaQuery } from './useMediaQuery';
-export { default as useOnClickOutside } from './useOnClickOutside';
-export { default as usePortal } from './usePortal';
-export * from './validate';
-export { default as onValidate } from './validate';
+export * from "./array/array";
+export { default as classNames } from "./classNames";
+export * from "./date";
+export { default as date } from "./date";
+export { default as getFileType } from "./getFileType";
+export { default as handleBreakpoints } from "./handleBreakpoints";
+export { default as isMobile } from "./isMobile";
+export { default as mapParent } from "./map-parent";
+export { default as parseTextToHTML } from "./parseHTML";
+export { default as promisify } from "./promisify";
+export { default as randomString } from "./randomString";
+export { default as refType } from "./refType";
+export { default as removeUnicode } from "./remove-unicode";
+export * from "./render-portal";
+export { default as renderHTML } from "./renderHTML";
+export { default as renderIcon } from "./renderIcon";
+export * from "./sb-template";
+export { default as SbTemplate } from "./sb-template";
+export { default as capitalize } from "./string/capitalize";
+export { default as capitalizeSentenceCase } from "./string/capitalizeSentenceCase";
+export * from "./string/string";
+export { default as updatePosition } from "./updatePosition";
+export { default as useDelayUnmount } from "./useDelayUnmount";
+export { default as useMediaQuery } from "./useMediaQuery";
+export { default as useOnClickOutside } from "./useOnClickOutside";
+export { default as usePortal } from "./usePortal";
+export * from "./validate";
+export { default as onValidate } from "./validate";
 export default utils;

package/utils/object/extend.js

@@ -1,4 +1,4 @@
-import { isPlainObject } from '../type';
+import { isPlainObject } from "../type";
 export const extendFromObject = (target = {}, source, overrideExistingValues) => {
   for (const prop in source) {
     if (Object.prototype.hasOwnProperty.call(source, prop)) {

package/utils/object/object.js

@@ -1,4 +1,4 @@
-import { isNumeric } from '../type';
+import { isNumeric } from "../type";
 // import { isNumeric, isPlainObject, isObject } from './type';
 // import variableWrapper from './variable_wrapper';
 

package/utils/render-portal.js

@@ -1,6 +1,6 @@
 import { Children } from 'react';
 import { render, createPortal } from 'react-dom';
-import { useTheme } from '../theme';
+import { useTheme } from "../theme";
 const idPortal = 'DGN-UI-Portal',
   classNameCommon = 'DGN-UI-Portal';
 const {

package/utils/renderHTML.js

@@ -1,7 +1,7 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import parseTextToHTML from './parseHTML';
+import parseTextToHTML from "./parseHTML";
 const renderHTML = (text = null, TagName = 'div', options = {}) => {
   if (text && (text.$$typeof && String(text.$$typeof) === 'Symbol(react.element)' || Array.isArray(text) && text.some(node => node && String(node.$$typeof) === 'Symbol(react.element)'))) {
     return jsx(TagName, {

package/utils/renderIcon.js

@@ -1,9 +1,9 @@
 /** @jsxRuntime classic */
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
-import { ButtonIcon } from '../components';
-import * as Icons from '../icons';
-import { parseTextToHTML, capitalize } from './';
+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

package/utils/sb-template.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { css } from '@emotion/core';
-import { Col, Row, Tooltip, Typography } from '../components/index';
-import { useTheme } from '../theme';
-import { flexWrap, flexRow, alignCenter, flexCol, alignStart, alignEnd } from '../styles/general';
-import ImportComp from '../components/others/import';
+import { Col, Row, Tooltip, Typography } from "../components/index";
+import { useTheme } from "../theme";
+import { flexWrap, flexRow, alignCenter, flexCol, alignStart, alignEnd } from "../styles/general";
+import ImportComp from "../components/others/import";
 import PropTypes from 'prop-types';
 const {
   spacing

package/utils/string/capitalizeSentenceCase.js

@@ -1,4 +1,4 @@
-import capitalize from './capitalize';
+import capitalize from "./capitalize";
 export default function capitalizeSentenceCase(string, separator = ' ') {
   const sentence = string.toLowerCase().split(`${separator}`);
   for (let i in sentence) {