diginet-core-ui 1.3.78 → 1.3.79

package/components/list/list-item-action.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -18,7 +17,6 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListItemActionRoot = css`
         display: flex;
         position: relative;
@@ -37,7 +35,6 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   }, []);
   const ListItemActionView = useMemo(() => {
     let node = children;
-
     if (!node) {
       node = jsx(ButtonIcon, {
         viewType: 'ghost',
@@ -45,7 +42,6 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         onClick: onClick
       });
     }
-
     return jsx("div", {
       className: 'DGN-UI-List-Item-Action ' + className,
       css: ListItemActionRoot,
@@ -62,19 +58,14 @@ ListItemAction.defaultProps = {
 ListItemAction.propTypes = {
   /** the name of icon to display in ListItemAction (used instead of children) */
   name: PropTypes.string,
-
   /** classes name for list item action */
   className: PropTypes.string,
-
   /** the function to get ref of ListItemAction */
   refs: PropTypes.func,
-
   /** the function for click event */
   onClick: PropTypes.func,
-
   /** style inline of ListItemAction */
   style: PropTypes.object,
-
   /** content to display in ListItem */
   children: PropTypes.node
 };

package/components/list/list-item-icon.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -17,7 +16,6 @@ const ListItemIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListItemIconRoot = css`
         display: flex;
         position: relative;
@@ -34,15 +32,12 @@ const ListItemIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   }, []);
   const ListItemIconView = useMemo(() => {
     let node = children;
-
     if (!node) {
       const Icon = Icons[name];
-
       if (Icon) {
         node = jsx(Icon, null);
       }
     }
-
     return jsx("div", {
       css: ListItemIconRoot,
       className: 'DGN-UI-List-Item-Icon ' + className,
@@ -59,16 +54,12 @@ ListItemIcon.defaultProps = {
 ListItemIcon.propTypes = {
   /** the name of icon to display in ListItemIcon (used instead of children) */
   name: PropTypes.string,
-
   /** class for ListItemIcon */
   className: PropTypes.string,
-
   /** the function to get ref of ListItemIcon */
   refs: PropTypes.func,
-
   /** style inline of ListItemIcon */
   style: PropTypes.object,
-
   /** the icon to display in ListItem */
   children: PropTypes.node
 };

package/components/list/list-item-text.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +14,6 @@ const ListItemText = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListItemTextRoot = css`
         display: flex;
         flex: 1 1 auto;
@@ -43,13 +41,10 @@ ListItemText.defaultProps = {
 ListItemText.propTypes = {
   /** class for ListItemText */
   className: PropTypes.string,
-
   /** the function to get ref of ListItemText */
   refs: PropTypes.func,
-
   /** style inline of ListItemText */
   style: PropTypes.object,
-
   /** content to display in ListItem */
   children: PropTypes.node
 };

package/components/list/list-item.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -19,7 +18,6 @@ const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListItemRoot = css`
         display: flex;
         position: relative;
@@ -49,19 +47,16 @@ const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
             padding-left: 56px;
         }
     `;
-
   const handleClick = e => {
     const {
       currentTarget,
       target
     } = e;
     const actionNode = currentTarget.querySelector('.DGN-UI-List-Item-Action');
-
     if (!actionNode || !actionNode.contains(target)) {
       onClick(e);
     }
   };
-
   useEffect(() => {
     if (refs) refs(ref);
   }, []);
@@ -69,7 +64,6 @@ const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (inset) {
       ref.current.classList.add('inset');
     }
-
     return () => {
       if (inset && ref.current) {
         ref.current.classList.remove('inset');
@@ -94,19 +88,14 @@ ListItem.defaultProps = {
 ListItem.propTypes = {
   /** has the same effect as a button if true */
   button: PropTypes.bool,
-
   /** classes name for list item */
   className: PropTypes.string,
-
   /** the function to get ref of ListItem */
   refs: PropTypes.func,
-
   /** the function for click event */
   onClick: PropTypes.func,
-
   /** style inline of ListItem */
   style: PropTypes.object,
-
   /** includes ListItemIcon, ListItemText, ListItemAction */
   children: PropTypes.node
 };

package/components/list/list.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -21,7 +20,6 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListRoot = css`
         display: block;
         position: relative;
@@ -79,7 +77,6 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (level && level > 1 && level < levels.length) {
       ref.current.classList.add(levels[level]);
     }
-
     return () => {
       if (ref.current && level && level > 1 && level < levels.length) {
         ref.current.classList.remove(levels[level]);
@@ -90,7 +87,6 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (scrollAble || maxHeight) {
       ref.current.classList.add('scroll-able');
     }
-
     return () => {
       if (ref.current && (scrollAble || maxHeight)) {
         ref.current.classList.remove('scroll-able');
@@ -101,7 +97,6 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (style) {
       Object.assign(ref.current.style, style);
     }
-
     return () => {
       if (style && ref.current) {
         ref.current.style = null;
@@ -125,29 +120,21 @@ List.defaultProps = {
 List.propTypes = {
   /** fixed height of List and positive scroll list items */
   scrollAble: PropTypes.bool,
-
   /** class for List */
   className: PropTypes.string,
-
   /** width of list */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** max width */
   maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** fixed height of List and positive scroll list items */
   maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** represents the level of nested List, The higher the level, the content will be pushed */
   level: PropTypes.number,
   // [1,2,3,4,5]
-
   /** the function to get ref */
   refs: PropTypes.func,
-
   /** style inline for List */
   style: PropTypes.object,
-
   /** include list subheader, list items */
   children: PropTypes.node
 };

package/components/list/sub-header.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -15,7 +14,6 @@ const ListSubHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const ListSubHeaderRoot = css`
         display: block;
         position: sticky;
@@ -50,10 +48,8 @@ const ListSubHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 ListSubHeader.propTypes = {
   /** the function to get ref of ListSubHeader */
   refs: PropTypes.func,
-
   /** style inline of ListSubHeader */
   style: PropTypes.object,
-
   /** element to display is a subtitle */
   children: PropTypes.node
 };

package/components/modal/body.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -27,11 +26,10 @@ const ModalBody = /*#__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;
   });
@@ -72,10 +70,8 @@ ModalBody.defaultProps = {
 ModalBody.propTypes = {
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** Style inline of component. */
   style: PropTypes.object
 };

package/components/modal/footer.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -16,17 +15,14 @@ const ModalFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   style
 }, reference) => {
   const ref = useRef(null);
-
   const _ModalFooterCSS = ModalFooterCSS(boxShadow);
-
   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;
   });
@@ -38,7 +34,6 @@ const ModalFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref: ref
   }, children), [boxShadow, children, className, id, style]);
 }));
-
 const ModalFooterCSS = boxShadow => css`
     ${flexRow};
     ${positionRelative};
@@ -52,7 +47,6 @@ const ModalFooterCSS = boxShadow => css`
     order: 3;
     ${responsivePaddingCSS};
 `;
-
 ModalFooter.defaultProps = {
   boxShadow: '0px -1px 1px rgba(0, 0, 0, 0.25)',
   className: '',
@@ -61,13 +55,10 @@ ModalFooter.defaultProps = {
 ModalFooter.propTypes = {
   /** The box-shadow of component. */
   boxShadow: PropTypes.string,
-
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** Style inline of component. */
   style: PropTypes.object
 };

package/components/modal/header.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useMemo, useContext, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -37,17 +36,14 @@ const ModalHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, reference) => {
   const modal = useContext(ModalContext);
   const ref = useRef(null);
-
   const _ModalHeaderCSS = ModalHeaderCSS(modal);
-
   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;
   });
@@ -75,7 +71,6 @@ const ModalHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     onClick: modal.close
   })), [children, className, id, showClose, style, title]);
 }));
-
 const ModalHeaderCSS = modal => css`
     ${flexRow};
     ${positionRelative};
@@ -90,7 +85,6 @@ const ModalHeaderCSS = modal => css`
     order: 1;
     ${responsivePaddingCSS};
 `;
-
 ModalHeader.defaultProps = {
   className: '',
   showClose: true,
@@ -100,16 +94,12 @@ ModalHeader.defaultProps = {
 ModalHeader.propTypes = {
   /** The content of the component. */
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** If `true`, button close is shown. */
   showClose: PropTypes.bool,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** The content of the component if not have prop `children`. */
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
 };

package/components/modal/index.js

@@ -20,11 +20,10 @@ const ModalSample = /*#__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;
   });
@@ -46,25 +45,18 @@ ModalSample.defaultProps = {
 ModalSample.propTypes = {
   /** Style inline of the body component. */
   bodyStyle: PropTypes.object,
-
   /** The content of the body component. */
   children: PropTypes.node,
-
   /** The content of the footer component. */
   footer: PropTypes.node,
-
   /** Style inline of the footer component. */
   footerStyle: PropTypes.object,
-
   /** Style inline of the header component. */
   headerStyle: PropTypes.object,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** The content of the header component. */
   title: PropTypes.node,
-
   /** Any props else. */
   props: PropTypes.any
 };

package/components/modal/modal.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useState, useRef, forwardRef, useEffect, useMemo, useImperativeHandle } from 'react';
 import { createPortal } from 'react-dom';
@@ -48,44 +47,34 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const modalBoxRef = useRef(null);
   const [openState, setOpenState] = useState(open);
   const showModal = useDelayUnmount(openState, 200);
-
   const _ModalContainerCSS = ModalContainerCSS(zIndex, alignment, darkTheme);
-
   const _ModalBoxCSS = ModalBoxCSS(width, moveable, dragAnyWhere);
-
   const onShowModal = () => {
     setOpenState(true);
   };
-
   const onCloseModal = () => {
     document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
-
     onClose && onClose();
     setOpenState(false);
   };
-
   const pressESCHandler = event => {
     if (event.key === 'Escape') {
       const modals = document.querySelectorAll('.DGN-UI-Portal');
-
       if ((modals === null || modals === void 0 ? void 0 : modals.length) > 1 && Array.from(modals)[modals.length - 1] && !Array.from(modals)[modals.length - 1].contains(ref.current)) {
         return;
       }
-
       onCloseModal();
     }
   };
-
   const dragMouseDown = e => {
     let pos1 = 0,
-        pos2 = 0,
-        pos3 = 0,
-        pos4 = 0;
+      pos2 = 0,
+      pos3 = 0,
+      pos4 = 0;
     pos3 = e.clientX;
     pos4 = e.clientY;
     const maxTop = window.innerHeight - modalBoxRef.current.offsetHeight;
     const maxLeft = window.innerWidth - modalBoxRef.current.offsetWidth;
-
     if (modalBoxRef.current.style.display !== 'block') {
       const top = modalBoxRef.current.offsetTop;
       const left = modalBoxRef.current.offsetLeft;
@@ -95,14 +84,12 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       modalBoxRef.current.style.top = top + 'px';
       modalBoxRef.current.style.left = left + 'px';
     }
-
     document.onmouseup = () => {
       /* stop moving when mouse button is released:*/
       document.onmouseup = null;
       document.onmousemove = null;
-    }; // call a function whenever the cursor moves:
-
-
+    };
+    // call a function whenever the cursor moves:
     document.onmousemove = el => {
       pos1 = pos3 - el.clientX;
       pos2 = pos4 - el.clientY;
@@ -110,27 +97,23 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       pos4 = el.clientY;
       let newTop = modalBoxRef.current.offsetTop - pos2;
       let newLeft = modalBoxRef.current.offsetLeft - pos1;
-
       if (!moveOutScreen) {
         if (newTop > maxTop) {
           newTop = maxTop;
         } else if (newTop < 0) {
           newTop = 0;
         }
-
         if (newLeft > maxLeft) {
           newLeft = maxLeft;
         } else if (newLeft < 0) {
           newLeft = 0;
         }
-      } // set the element's new position:
-
-
+      }
+      // set the element's new position:
       modalBoxRef.current.style.top = newTop + 'px';
       modalBoxRef.current.style.left = newLeft + 'px';
     };
   };
-
   useEffect(() => {
     return () => {
       document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
@@ -143,11 +126,9 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (openState) {
       if (ref.current) {
         const modals = document.querySelectorAll('.DGN-UI-Modal');
-
         if (!darkTheme && modals && modals.length > 1) {
           ref.current.style.backgroundColor = 'transparent';
         }
-
         if (autoFocus) {
           if (!ref.current.contains(document.activeElement)) {
             ref.current.tabIndex = -1;
@@ -155,18 +136,14 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
           }
         }
       }
-
       overflow.current = document.body.style.overflow; // overflow of <body /> before open modal
-
-      document.body.style.overflow = 'hidden'; // Allow press ESC to close popup
-
+      document.body.style.overflow = 'hidden';
+      // Allow press ESC to close popup
       if (pressESCToClose) {
         document.addEventListener('keydown', pressESCHandler);
       }
-
       return () => {
         document.body.style.overflow = overflow.current; // reset overflow of <body /> before open modal
-
         if (pressESCToClose) {
           document.removeEventListener('keydown', pressESCHandler);
         }
@@ -176,11 +153,10 @@ const Modal = /*#__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;
   });
@@ -213,11 +189,9 @@ const Modal = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       }, children))));
       return /*#__PURE__*/createPortal(node, document.body);
     }
-
     return null;
   }, [children, className, dragAnyWhere, id, moveable, moveOutScreen, onClose, style, openState, showModal]);
 }));
-
 const ModalContainerCSS = (zIndex, alignment, darkTheme) => css`
     ${flexRow};
     ${positionFixed};
@@ -230,7 +204,6 @@ const ModalContainerCSS = (zIndex, alignment, darkTheme) => css`
     top: 0;
     left: 0;
 `;
-
 const ModalBoxCSS = (width, moveable, dragAnyWhere) => css`
     ${paragraph1};
     ${flexCol};
@@ -258,7 +231,6 @@ const ModalBoxCSS = (width, moveable, dragAnyWhere) => css`
         animation-fill-mode: forwards;
     }
 `;
-
 Modal.defaultProps = {
   alignment: 'top',
   autoFocus: true,
@@ -276,43 +248,30 @@ Modal.defaultProps = {
 Modal.propTypes = {
   /** The component alignment. */
   alignment: PropTypes.oneOf(['top', 'center']),
-
   /** If `true`, focus when component is shown. */
   autoFocus: PropTypes.bool,
-
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** If `true`, dark backdrop when component is shown. */
   darkTheme: PropTypes.bool,
-
   /** If `true`, allow drag the component at any position. */
   dragAnyWhere: PropTypes.bool,
-
   /** If `true`, allow move the component by drag and move. */
   moveable: PropTypes.bool,
-
   /** If `true`, allows drag the component out of the screen. */
   moveOutScreen: PropTypes.bool,
-
   /** Callback fired when the component requests to be closed. */
   onClose: PropTypes.func,
-
   /** If `true`, the component is shown. */
   open: PropTypes.bool,
-
   /** If `true`, hitting escape will close component. */
   pressESCToClose: PropTypes.bool,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Width of the component. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** The z-index of component. */
   zIndex: PropTypes.number
 };