diginet-core-ui 1.3.78 → 1.3.79

package/components/typography/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
@@ -27,9 +26,7 @@ const {
   spacing
 } = useTheme();
 const colorMap = new Map([['default', textMain], ['secondary', systemRest]]);
-
 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(({
   action = {},
   capitalize,
@@ -48,42 +45,32 @@ const Typography = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   ...props
 }, reference) => {
   var _ref$current;
-
   const ref = useRef(null);
   const [openTooltip, setOpenTooltip] = useState(false);
-
   const _TextRootCSS = TextRootCSS(color, type, lineClamp, onClick, hoverTooltip);
-
   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
+    const _instance = {
+      ...action
     }; // methods
-
     _instance.__proto__ = {}; // hidden methods
-
     currentRef.instance = _instance;
     return currentRef;
   });
-
   const classes = (inTooltip = false) => classNames('DGN-UI-Typography', center && 'DGN-Typography-center', fullWidth && 'DGN-Typography-fullWidth', `DGN-Typography-${type}`, uppercase && `DGN-Typography-Uppercase`, capitalize && 'DGN-Typography-Capitalize', !inTooltip && lineClamp && 'DGN-Typography-Clamp', 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: PopoverCSS,
@@ -109,7 +96,6 @@ const Typography = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }), renderTooltip);
   }, [capitalize, center, children, className, color, fullWidth, hoverTooltip, lineClamp, mapping, onClick, tooltipDirection, type, uppercase, props, openTooltip]);
 }));
-
 const TextRootCSS = (color, type, lineClamp, onClick, hoverTooltip) => css`
     ${displayInlineBlock};
     ${positionRelative};
@@ -142,7 +128,6 @@ const TextRootCSS = (color, type, lineClamp, onClick, hoverTooltip) => css`
         -webkit-box-orient: vertical;
     }
 `;
-
 const PopoverCSS = css`
     ${pointerEventsNone};
     color: ${textTooltip};
@@ -162,6 +147,7 @@ Typography.defaultProps = {
   tooltipDirection: 'bottom',
   type: 'p1'
 };
+
 /** type of text<br/>
  * h1: Title <br/>
  * h2: Header Popup <br/>
@@ -173,48 +159,34 @@ Typography.defaultProps = {
  * 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-transform is capitalized. It overrides the value of the `uppercase` prop. */
   capitalize: PropTypes.bool,
-
   /** 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,
-
   /** 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.number,
-
   /** 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),
-
   /** If `true`, text-transform is uppercase. */
   uppercase: PropTypes.bool
 };

package/global/index.js

@@ -137,21 +137,16 @@ const globalObject = {
 };
 export const getGlobal = (key, language = locale.get()) => {
   var _globalObject$languag;
-
   if (Array.isArray(key)) {
     let result = 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]);
 };
 export const setGlobal = global => {
@@ -162,11 +157,9 @@ export const setGlobal = global => {
     });
   }
 };
-
 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 => {
@@ -178,5 +171,4 @@ const overrideGlobal = (newGlobal, ingredient, key) => {
     globalObject[key] = newGlobalValue;
   }
 };
-
 export default globalObject;

package/icons/basic.js

@@ -1,5 +1,4 @@
 /* eslint-disable react/display-name */
-
 /* eslint-disable react/prop-types */
 import React, { memo } from 'react';
 import { useTheme } from '../theme';
@@ -25,7 +24,6 @@ export const Account = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -120,7 +118,6 @@ export const AddItem = /*#__PURE__*/memo(({
       fill: colors[color] || color
     })));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 17,
@@ -155,7 +152,6 @@ export const AddNote = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 16,
     height: height || 20,
@@ -214,7 +210,6 @@ export const AddPerson = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 16,
@@ -280,7 +275,6 @@ export const AddAttachmentSmall = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 18,
@@ -326,7 +320,6 @@ export const AddServer = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 23,
     height: height || 20,
@@ -843,7 +836,6 @@ export const Attachment = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 21,
@@ -871,7 +863,6 @@ export const Back = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 12,
@@ -1129,7 +1120,6 @@ export const Block = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -1688,7 +1678,6 @@ export const Danger = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 16,
     height: height || 22,
@@ -1720,7 +1709,6 @@ export const Delete = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 14,
     height: height || 18,
@@ -1851,7 +1839,6 @@ export const Display = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 22,
@@ -1911,7 +1898,6 @@ export const Download = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 14,
     height: height || 17,
@@ -2137,7 +2123,6 @@ export const Earth = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -2277,7 +2262,6 @@ export const Filters = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 18,
@@ -2501,7 +2485,6 @@ export const Gavel = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 22,
@@ -2534,7 +2517,6 @@ export const Generate = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 20,
@@ -2796,7 +2778,6 @@ export const IconView = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 17,
     height: height || 17,
@@ -2831,7 +2812,6 @@ export const Incorrect = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 21,
@@ -2938,7 +2918,6 @@ export const Key = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 12,
@@ -3130,7 +3109,6 @@ export const ListView = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 12,
@@ -3166,7 +3144,6 @@ export const Loading = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 17,
     height: height || 6,
@@ -3480,7 +3457,6 @@ export const Message = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -3733,7 +3709,6 @@ export const More = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 4,
     height: height || 18,
@@ -3959,7 +3934,6 @@ export const Unlock = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 16,
     height: height || 21,
@@ -4101,7 +4075,6 @@ export const PaperView = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 16,
     height: height || 20,
@@ -4214,7 +4187,6 @@ export const Pen = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 19,
     height: height || 19,
@@ -4266,7 +4238,6 @@ export const DoublePen = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 18,
@@ -4344,7 +4315,6 @@ export const PersonAccept = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 19,
     height: height || 17,
@@ -4733,7 +4703,6 @@ export const Play = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 11,
     height: height || 14,
@@ -4766,7 +4735,6 @@ export const PlayBorder = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -4801,7 +4769,6 @@ export const PlayFilled = /*#__PURE__*/memo(({
       fillOpacity: opacity
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -4862,7 +4829,6 @@ export const PersonRemoved = /*#__PURE__*/memo(({
       fill: colors[color] || color
     })));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 21,
@@ -5418,7 +5384,6 @@ export const Search = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 20,
@@ -5474,7 +5439,6 @@ export const Skip = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 18,
     height: height || 12,
@@ -5604,7 +5568,6 @@ export const StarHalf = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 20,
     height: height || 19,
@@ -5824,7 +5787,6 @@ export const Trash = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 14,
     height: height || 18,
@@ -5908,7 +5870,6 @@ export const View = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 16,
@@ -5968,7 +5929,6 @@ export const UnView = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 22,
     height: height || 20,
@@ -6091,7 +6051,6 @@ export const Write = /*#__PURE__*/memo(({
       fill: colors[color] || color
     }));
   }
-
   return /*#__PURE__*/React.createElement("svg", {
     width: width || 19,
     height: height || 19,
@@ -6938,7 +6897,6 @@ export const Pdf = /*#__PURE__*/memo(({
       fill: color
     }))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "15",
     height: "16",
@@ -7030,7 +6988,6 @@ export const Word = /*#__PURE__*/memo(({
       fill: color
     })))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "15",
     height: "16",
@@ -7146,7 +7103,6 @@ export const Sheet = /*#__PURE__*/memo(({
       fill: color
     })))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "15",
     height: "16",
@@ -7263,7 +7219,6 @@ export const Presentation = /*#__PURE__*/memo(({
       fill: color
     })))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "14",
     height: "16",
@@ -7344,7 +7299,6 @@ export const Image = /*#__PURE__*/memo(({
       fill: color
     }))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "14",
     height: "16",
@@ -7426,7 +7380,6 @@ export const Compressed = /*#__PURE__*/memo(({
       fill: color
     })))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "15",
     height: "16",
@@ -7514,7 +7467,6 @@ export const Another = /*#__PURE__*/memo(({
       fill: color
     })))));
   }
-
   return size === 'small' ? /*#__PURE__*/React.createElement("svg", {
     width: "15",
     height: "16",

package/icons/effect.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -49,11 +48,10 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   useImperativeHandle(reference, () => {
     const currentRef = ref.current || {};
     currentRef.element = ref.current;
-    const _instance = { ...action
+    const _instance = {
+      ...action
     }; // methods
-
     _instance.__proto__ = {}; // hidden methods
-
     currentRef.instance = _instance;
     return currentRef;
   });
@@ -61,7 +59,6 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (!name) return null;
     let node = null;
     const IconComp = Icons[capitalize(name)];
-
     if (IconComp) {
       node = jsx(IconComp, {
         width: width,
@@ -74,7 +71,6 @@ const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         css: NotFoundIcon
       });
     }
-
     return jsx("span", {
       className: 'DGN-UI-Icon ' + className,
       style: style,
@@ -96,43 +92,35 @@ Icon.defaultProps = {
 Icon.propTypes = {
   /** name of icon in icons store */
   name: PropTypes.string.isRequired,
-
-  /** color of icon<br />
-   * default: #7F828E
+  /** color of icon<br />
+   * default: #7F828E
    */
   color: PropTypes.string,
-
   /** className of icon in icons store */
   className: PropTypes.string,
-
   /** style of icon in icons store */
   style: PropTypes.object,
-
   /** the width of icon */
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /** the height of icon */
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-
   /** have view box if true */
   viewBox: PropTypes.bool,
-
   /** have view box if true */
   onClick: PropTypes.func,
-
-  /**
-   * 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
+   *
+   * * 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)

package/icons/general/clock/clock.js

@@ -1,6 +1,5 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-
 const Clock = ({
   width = '1em',
   height = '1em',
@@ -18,5 +17,4 @@ const Clock = ({
     fill: pathFill
   }));
 };
-
 export default Clock;

package/icons/general/color-handler/background.js

@@ -1,6 +1,5 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-
 const BackgroundColor = ({
   width = '1em',
   height = '1em',
@@ -38,5 +37,4 @@ const BackgroundColor = ({
     fill: pathFill
   })));
 };
-
 export default BackgroundColor;

package/icons/general/color-handler/text.js

@@ -1,6 +1,5 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-
 const TextColor = ({
   width = '1em',
   height = '1em',
@@ -38,5 +37,4 @@ const TextColor = ({
     fill: pathFill
   }))));
 };
-
 export default TextColor;

package/icons/general/emoji/emoji.js

@@ -1,6 +1,5 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-
 const Emoji = ({
   width = '1em',
   height = '1em',
@@ -32,5 +31,4 @@ const Emoji = ({
     fill: pathFill
   })));
 };
-
 export default Emoji;

package/icons/general/font-properties/bold.js

@@ -1,6 +1,5 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-
 const Bold = ({
   width = '1em',
   height = '1em',
@@ -18,5 +17,4 @@ const Bold = ({
     fill: pathFill
   }));
 };
-
 export default Bold;