diginet-core-ui 1.3.87 → 1.3.88

package/components/index.js

@@ -1,62 +1,47 @@
-import * as components from '.';
+import * as components from '.'; //TOOLTIP
 
-//TOOLTIP
-export { default as Tooltip } from "./tooltip/index";
+export { default as Tooltip } from "./tooltip/index"; //TEXT
 
-//TEXT
-export { default as Typography } from "./typography";
+export { default as Typography } from "./typography"; // PROGRESS
 
-// PROGRESS
 export { default as CircularProgress } from "./progress/circular";
-export { default as LinearProgress } from "./progress/linear";
+export { default as LinearProgress } from "./progress/linear"; // ACCORDION
 
-// ACCORDION
 export { default as Accordion } from "./accordion";
 export { default as AccordionSummary } from "./accordion/summary";
 export { default as AccordionDetails } from "./accordion/details";
-export { default as AccordionGroup } from "./accordion/group";
+export { default as AccordionGroup } from "./accordion/group"; // ALERT
 
-// ALERT
 export { default as Alert } from "./alert";
-export { default as Notify } from "./alert/notify";
+export { default as Notify } from "./alert/notify"; // AVATAR
 
-// AVATAR
-export { default as Avatar } from "./avatar";
+export { default as Avatar } from "./avatar"; // BADGE
 
-// BADGE
-export { default as Badge } from "./badge";
+export { default as Badge } from "./badge"; // BUTTON
 
-// BUTTON
 export { default as Button } from "./button";
-export { default as ButtonIcon } from "./button/icon";
+export { default as ButtonIcon } from "./button/icon"; // CARD
 
-// CARD
 export { default as Card } from "./card";
 export { default as CardHeader } from "./card/header";
 export { default as CardBody } from "./card/body";
 export { default as CardFooter } from "./card/footer";
-export { default as CardExtra } from "./card/extra";
+export { default as CardExtra } from "./card/extra"; // CHART
 
-// CHART
 export { default as PieChart } from "./chart/Pie";
 export { default as ColumnChart } from "./chart/bar";
-export { default as LineChart } from "./chart/line";
+export { default as LineChart } from "./chart/line"; // CHECK-TEXT
 
-// CHECK-TEXT
 export { default as CheckTextConfirmation } from "./check-text/interview-confirmation";
-export { default as CheckTextStatus } from "./check-text/interview-status";
+export { default as CheckTextStatus } from "./check-text/interview-status"; // CHIP
 
-// CHIP
 export { default as Chip } from "./chip";
-export { default as AttachChip } from "./chip/attach";
+export { default as AttachChip } from "./chip/attach"; // COLLAPSE
 
-// COLLAPSE
-export { default as Collapse } from "./collapse";
+export { default as Collapse } from "./collapse"; // DIVIDER
 
-// DIVIDER
-export { default as Divider } from "./divider";
+export { default as Divider } from "./divider"; // FORM CONTROL
 
-// FORM CONTROL
 export { default as Attachment } from "./form-control/attachment";
 export { default as Checkbox } from "./form-control/checkbox";
 export { default as DatePicker } from "./form-control/date-picker";
@@ -72,76 +57,60 @@ export { default as HelperText } from "./form-control/helper-text";
 export { default as TextInput } from "./form-control/text-input";
 export { default as MoneyInput } from "./form-control/money-input";
 export { default as NumberInput } from "./form-control/number-input/index2";
-export { default as Toggle } from "./form-control/toggle";
+export { default as Toggle } from "./form-control/toggle"; // Grid
 
-// Grid
 export { default as Grid } from "./grid";
 export { default as Row } from "./grid/Row";
 export { default as Col } from "./grid/Col";
-export { default as Container } from "./grid/Container";
+export { default as Container } from "./grid/Container"; //Icon
 
-//Icon
-export { default as Icon } from "../icons/index";
+export { default as Icon } from "../icons/index"; //Image
 
-//Image
-export { default as Image } from "./image";
+export { default as Image } from "./image"; // List
 
-// List
 export { default as List } from "./list/list";
 export { default as ListItem } from "./list/list-item";
 export { default as ListItemIcon } from "./list/list-item-icon";
 export { default as ListItemText } from "./list/list-item-text";
-export { default as ListItemAction } from "./list/list-item-action";
+export { default as ListItemAction } from "./list/list-item-action"; // MODAL
 
-// MODAL
 export { default as ModalSample } from "./modal";
 export { default as Modal } from "./modal/modal";
 export { default as ModalHeader } from "./modal/header";
 export { default as ModalBody } from "./modal/body";
-export { default as ModalFooter } from "./modal/footer";
+export { default as ModalFooter } from "./modal/footer"; // PAGING
 
-// PAGING
 export { default as PagingInfo } from "./paging/page-info";
-export { default as PagingSelector } from "./paging/page-selector2";
+export { default as PagingSelector } from "./paging/page-selector2"; // PAPER
 
-// PAPER
-export { default as Paper } from "./paper";
+export { default as Paper } from "./paper"; // POPOVER
 
-// POPOVER
 export { default as Popover } from "./popover";
 export { default as PopoverHeader } from "./popover/header";
 export { default as PopoverBody } from "./popover/body";
-export { default as PopoverFooter } from "./popover/footer";
+export { default as PopoverFooter } from "./popover/footer"; // POPUP
 
-// POPUP
 export { default as Popup } from "./popup/v2";
 export { default as PopupV2 } from "./popup/v2";
 export { default as DangerPopup } from "./popup/danger_popup";
-export { default as ProposalsPopup } from "./popup/proposals_popup";
+export { default as ProposalsPopup } from "./popup/proposals_popup"; // SLIDER
 
-// SLIDER
 export { default as Slider } from "./slider/slider-container";
-export { default as SliderItem } from "./slider/slider-item";
+export { default as SliderItem } from "./slider/slider-item"; // Rating
 
-// Rating
-export { default as Rating } from "./rating";
+export { default as Rating } from "./rating"; // STATUS
 
-// STATUS
-export { default as Status } from "./status";
+export { default as Status } from "./status"; // TAB
 
-// TAB
 export { default as TabContainer } from "./tab/tab-container";
 export { default as TabHeader } from "./tab/tab-header";
 export { default as TabPanel } from "./tab/tab-panel";
-export { default as TabItem } from "./tab/tab";
+export { default as TabItem } from "./tab/tab"; // TREE VIEW
 
-// TREE VIEW
-export { default as Transfer } from "./transfer";
+export { default as Transfer } from "./transfer"; // TREE VIEW
 
-// TREE VIEW
-export { default as TreeView } from "./tree-view";
+export { default as TreeView } from "./tree-view"; // OTHERS
 
-// OTHERS
 export { default as Extra } from "./others/extra";
 export { default as ScrollBar } from "./others/scrollbar";
 export default components;

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

@@ -1,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -17,6 +18,7 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListItemActionRoot = css`
         display: flex;
         position: relative;
@@ -35,6 +37,7 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   }, []);
   const ListItemActionView = useMemo(() => {
     let node = children;
+
     if (!node) {
       node = jsx(ButtonIcon, {
         viewType: 'ghost',
@@ -42,6 +45,7 @@ const ListItemAction = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
         onClick: onClick
       });
     }
+
     return jsx("div", {
       className: 'DGN-UI-List-Item-Action ' + className,
       css: ListItemActionRoot,
@@ -58,14 +62,19 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -16,6 +17,7 @@ const ListItemIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListItemIconRoot = css`
         display: flex;
         position: relative;
@@ -32,12 +34,15 @@ 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,
@@ -54,12 +59,16 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -14,6 +15,7 @@ const ListItemText = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListItemTextRoot = css`
         display: flex;
         flex: 1 1 auto;
@@ -41,10 +43,13 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -18,6 +19,7 @@ const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListItemRoot = css`
         display: flex;
         position: relative;
@@ -47,16 +49,19 @@ 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);
   }, []);
@@ -64,6 +69,7 @@ const ListItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (inset) {
       ref.current.classList.add('inset');
     }
+
     return () => {
       if (inset && ref.current) {
         ref.current.classList.remove('inset');
@@ -88,14 +94,19 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -20,6 +21,7 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListRoot = css`
         display: block;
         position: relative;
@@ -77,6 +79,7 @@ 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]);
@@ -87,6 +90,7 @@ 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');
@@ -97,6 +101,7 @@ const List = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     if (style) {
       Object.assign(ref.current.style, style);
     }
+
     return () => {
       if (style && ref.current) {
         ref.current.style = null;
@@ -120,21 +125,29 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useRef, forwardRef, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
@@ -14,6 +15,7 @@ const ListSubHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   if (!ref) {
     ref = useRef(null);
   }
+
   const ListSubHeaderRoot = css`
         display: block;
         position: sticky;
@@ -48,8 +50,10 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -26,10 +27,11 @@ 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;
   });
@@ -70,8 +72,10 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -15,14 +16,17 @@ 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;
   });
@@ -34,6 +38,7 @@ const ModalFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     ref: ref
   }, children), [boxShadow, children, className, id, style]);
 }));
+
 const ModalFooterCSS = boxShadow => css`
     ${flexRow};
     ${positionRelative};
@@ -47,6 +52,7 @@ const ModalFooterCSS = boxShadow => css`
     order: 3;
     ${responsivePaddingCSS};
 `;
+
 ModalFooter.defaultProps = {
   boxShadow: '0px -1px 1px rgba(0, 0, 0, 0.25)',
   className: '',
@@ -55,10 +61,13 @@ 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,4 +1,5 @@
 /** @jsxRuntime classic */
+
 /** @jsx jsx */
 import { memo, useMemo, useContext, useRef, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -36,14 +37,17 @@ 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;
   });
@@ -71,6 +75,7 @@ const ModalHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     onClick: modal.close
   })), [children, className, id, showClose, style, title]);
 }));
+
 const ModalHeaderCSS = modal => css`
     ${flexRow};
     ${positionRelative};
@@ -85,6 +90,7 @@ const ModalHeaderCSS = modal => css`
     order: 1;
     ${responsivePaddingCSS};
 `;
+
 ModalHeader.defaultProps = {
   className: '',
   showClose: true,
@@ -94,12 +100,16 @@ 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,10 +20,11 @@ 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;
   });
@@ -45,18 +46,25 @@ 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
 };