diginet-core-ui 1.3.78 → 1.3.79

package/components/form-control/dropdown-box/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useState, useEffect, useRef, useImperativeHandle, forwardRef, Fragment } from 'react';
 import { createPortal } from 'react-dom';
@@ -59,8 +58,8 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     allowSymbol: false
   }));
   const [open, setOpen] = useState(false);
-  /* Start handler */
 
+  /* Start handler */
   const onTriggerDropdown = e => {
     if (!open) {
       openDropdownBox();
@@ -69,19 +68,16 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       e.currentTarget.blur();
     }
   };
-
   const onClickOutsideOfInput = event => {
     if (ref.current && !ref.current.contains(event.target) && dropdownBoxRef.current && !dropdownBoxRef.current.contains(event.target)) {
       closeDropdownBox();
     }
   };
-
   const pressESCHandler = event => {
     if (event.key === 'Escape') {
       closeDropdownBox();
     }
   };
-
   const openDropdownBox = () => {
     setOpen(true);
     setTimeout(() => {
@@ -99,16 +95,12 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       !!onOpened && onOpened(ref.current);
     }, 10);
   };
-
   const closeDropdownBox = certain => {
     var _Array$from, _Array$from$classList;
-
     const portals = document.querySelectorAll('.DGN-UI-Portal');
-
     if (!certain && portals && portals.length > 1 && Array.from(portals)[portals.length - 1] && !Array.from(portals)[portals.length - 1].contains(ref.current) && !((_Array$from = Array.from(portals)[portals.length - 1]) !== null && _Array$from !== void 0 && (_Array$from$classList = _Array$from.classList) !== null && _Array$from$classList !== void 0 && _Array$from$classList.contains('DGN-UI-Modal'))) {
       return;
     }
-
     if (dropdownBoxRef.current) {
       dropdownBoxRef.current.style.pointerEvents = `none`;
       dropdownBoxRef.current.style.opacity = 0;
@@ -121,7 +113,6 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       }, 300);
     }
   };
-
   useEffect(() => {
     return () => {
       closeDropdownBox();
@@ -137,7 +128,6 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       closeDropdownBox(true);
     }
   }));
-
   const renderEndIcon = () => {
     return endIcon && jsx(ButtonIcon, {
       viewType: 'ghost',
@@ -145,14 +135,15 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       onClick: openOnClickAt === 'icon' ? onTriggerDropdown : null
     });
   };
-
   return jsx(Fragment, null, jsx("div", {
     ref: ref,
     css: DropdownBoxRootCSS(bgColor),
     className: ['DGN-UI-Dropdown-Box', open && 'dropdown-showing', className].join(' ').trim().replace(/\s+/g, ' '),
     style: style
-  }, label ? jsx(Label, { ...labelProps
-  }, label) : null, jsx(InputBase, { ...inputProps,
+  }, label ? jsx(Label, {
+    ...labelProps
+  }, label) : null, jsx(InputBase, {
+    ...inputProps,
     className: open ? 'dropdown-focus' : '',
     style: inputStyle,
     viewType: viewType,
@@ -170,8 +161,8 @@ const DropdownBox = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     css: DropdownBoxCSS(zIndex)
   }, children), document.body));
 }));
-/* Start styled */
 
+/* Start styled */
 const DropdownBoxRootCSS = bgColor => css`
     &.DGN-UI-Dropdown-Box {
         ${displayBlock}
@@ -201,7 +192,6 @@ const DropdownBoxRootCSS = bgColor => css`
         }
     }
 `;
-
 const DropdownBoxCSS = zIndex => css`
     ${displayBlock};
     ${paragraph1};
@@ -235,7 +225,6 @@ const DropdownBoxCSS = zIndex => css`
 `;
 /* End styled */
 
-
 DropdownBox.defaultProps = {
   className: '',
   label: '',
@@ -251,58 +240,40 @@ DropdownBox.defaultProps = {
 DropdownBox.propTypes = {
   /** class for dropdown */
   className: PropTypes.string,
-
   /** label for input */
   label: PropTypes.string,
-
   /** hints for input */
   placeholder: PropTypes.string,
-
   /** the content to display in input */
   value: PropTypes.string,
-
   /** icon at start */
   startIcon: PropTypes.string,
-
   /** icon at end */
   endIcon: PropTypes.string,
-
   /** background color of DropdownBox input */
   bgColor: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
   /** viewType of InputBase */
   viewType: PropTypes.oneOf(['underlined', 'outlined']),
-
   /** viewType of InputBase */
   openOnClickAt: PropTypes.oneOf(['full', 'icon']),
-
   /** style inline for dropdown */
   style: PropTypes.object,
-
   /** props of input in DropdownBox component */
   inputProps: PropTypes.object,
-
   /** style inline of input in DropdownBox component */
   inputStyle: PropTypes.object,
-
   /** the function will run when entering input */
   onChangeInput: PropTypes.func,
-
   /** delay time on input */
   delayOnInput: PropTypes.number,
-
   /** style inline of label in DropdownBox component */
   labelProps: PropTypes.object,
-
   /** z-index for DropdownBox component */
   zIndex: PropTypes.number,
-
   /** the contents in DropdownBox box (Exp: TreeView) */
   children: PropTypes.node.isRequired,
-
   /** the function will run after open */
   onOpened: PropTypes.func,
-
   /** the function will run after close */
   onClosed: PropTypes.func
 };

package/components/form-control/form/index.js

@@ -13,13 +13,11 @@ const Form = /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
-
   const submitHandler = e => {
     e.preventDefault();
     !!onValidate && onValidate();
     !!onSubmit && onSubmit(e);
   };
-
   useEffect(() => {
     !!onLoaded && onLoaded(ref.current);
   }, []);

package/components/form-control/form-group/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useRef, useEffect, forwardRef, Children, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -18,8 +17,8 @@ const FormGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
 }, reference) => {
   const ref = useRef(null);
   const previousError = useRef(false);
-  /* Start styled */
 
+  /* Start styled */
   const FormGroupRoot = css`
             position: relative;
             align-items: flex-end;
@@ -59,11 +58,9 @@ const FormGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   /* End styled */
 
   /* Start handler */
-
   const resetLabelPosition = () => {
     const allUnderlined = ref.current.querySelectorAll('.DGN-UI-InputBase.underlined');
     const outlined = ref.current.querySelector('.DGN-UI-InputBase.outlined');
-
     if (allUnderlined.length && outlined) {
       allUnderlined.forEach(input => {
         if (input.previousElementSibling) {
@@ -72,7 +69,6 @@ const FormGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       });
     }
   };
-
   useEffect(() => {
     if (ref.current) {
       resetLabelPosition();
@@ -86,7 +82,6 @@ const FormGroup = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
           isError = true;
         }
       });
-
       if (previousError.current !== isError) {
         previousError.current = isError;
         ref.current.querySelectorAll('.DGN-UI-TextInput, .DGN-UI-Dropdown, .DGN-UI-InputBase').forEach(node => {

package/components/form-control/helper-text/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { css, jsx } from '@emotion/core';
 import PropTypes from 'prop-types';
@@ -38,11 +37,10 @@ const HelperText = /*#__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,19 +70,14 @@ HelperText.defaultProps = {
 HelperText.propTypes = {
   /** If true, the component is disabled. */
   disabled: PropTypes.bool,
-
   /** status type to display color for input (only available for type is inform) */
   status: PropTypes.oneOf(['default', 'warning', 'success', 'danger', 'info']),
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Content to display in component. */
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-
   /** [Props](https://core.diginet.com.vn/ui/?path=/docs/typography) of Typography */
   props: PropTypes.any
 };