diginet-core-ui 1.3.78 → 1.3.79

package/components/grid/Container.js

@@ -1,32 +1,27 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import Grid from '.';
 import { classNames } from '../../utils';
-
 const checkChildren = children => {
   if (!children) return false;
-
   if (Array.isArray(children)) {
     return !children.every(v => v === false);
   }
-
   return true;
 };
-
 const Container = props => {
   const {
     className,
     children
   } = props;
-  return checkChildren(children) ? jsx(Grid, { ...props,
+  return checkChildren(children) ? jsx(Grid, {
+    ...props,
     className: classNames('DGN-UI-Container', className),
     container: true
   }) : null;
 };
-
 Container.defaultProps = {
   className: '',
   columns: 12,
@@ -65,46 +60,32 @@ Container.defaultProps = {
 Container.propTypes = {
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** The number of columns. */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-
   /** Defines the horizontal space between the type `Col` components. It overrides the value of the `spacing` prop. */
   columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
   direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
   lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
   md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the vertical space between the type `Col` components. It overrides the value of the `spacing` prop. */
   rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
   sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the space between the type `Col` components */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Defines the flex-wrap style property. It's applied for all screen sizes. */
   wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
   xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
   xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
   zeroMinWidth: PropTypes.bool
 };

package/components/grid/Row.js

@@ -1,32 +1,27 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import PropTypes from 'prop-types';
 import { jsx } from '@emotion/core';
 import Grid from '.';
 import { classNames } from '../../utils';
-
 const checkChildren = children => {
   if (!children) return false;
-
   if (Array.isArray(children)) {
     return !children.every(v => v === false);
   }
-
   return true;
 };
-
 const Row = props => {
   const {
     className,
     children
   } = props;
-  return checkChildren(children) ? jsx(Grid, { ...props,
+  return checkChildren(children) ? jsx(Grid, {
+    ...props,
     className: classNames('DGN-UI-Row', className),
     container: true
   }) : null;
 };
-
 Row.defaultProps = {
   className: '',
   columns: 12,
@@ -58,46 +53,32 @@ Row.defaultProps = {
 Row.propTypes = {
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** The number of columns. */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-
   /** Defines the horizontal space between the type `Col` components. It overrides the value of the `spacing` prop. */
   columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
   direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
   lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
   md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the vertical space between the type `Col` components. It overrides the value of the `spacing` prop. */
   rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
   sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the space between the type `Col` components */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Defines the flex-wrap style property. It's applied for all screen sizes. */
   wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
   xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
   xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
   zeroMinWidth: PropTypes.bool
 };

package/components/grid/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { memo, useContext, useRef, useMemo, forwardRef, useImperativeHandle } from 'react';
 import PropTypes from 'prop-types';
@@ -43,21 +42,16 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   const topSpacing = topSpacingProp !== null && topSpacingProp !== void 0 ? topSpacingProp : rowSpacing;
   const leftSpacing = leftSpacingProp !== null && leftSpacingProp !== void 0 ? leftSpacingProp : columnSpacing;
   const ref = useRef(null);
-
   const _GridCSS = GridCSS(direction, zeroMinWidth, container, item, wrap);
-
   const _GridSpacingCSS = GridSpacingCSS(rowSpacing, columnSpacing, topSpacing, leftSpacing);
-
   const _HandleGridCSS = HandleGridCSS([xs, sm, md, lg, xl], columns);
-
   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;
   });
@@ -73,12 +67,10 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }, children));
   }, [columns, columnSpacing, leftSpacing, rowSpacing, topSpacing, children, className, container, direction, id, item, lg, md, sm, spacing, style, wrap, xl, xs, zeroMinWidth]);
 }));
-
 const getOffset = val => {
   const parse = parseFloat(val);
   return `${parse}${String(val).replace(String(parse), '') || 'px'}`;
 };
-
 const processSizeArray = sizeArr => {
   let lastValue = false;
   sizeArr = sizeArr.map(item => {
@@ -87,10 +79,8 @@ const processSizeArray = sizeArr => {
   });
   return sizeArr;
 };
-
 const handleGrid = (size, value, columns) => {
   let css = '';
-
   if (value === true) {
     css = `
             flex-basis: 0;
@@ -114,12 +104,10 @@ const handleGrid = (size, value, columns) => {
         `;
     });
   }
-
   return `${themeBreakpoints.up(size)} {
         ${css}
     }`;
 };
-
 const GridCSS = (direction, zeroMinWidth, container, item, wrap) => css`
     ${borderBox};
     ${container && `
@@ -135,22 +123,18 @@ const GridCSS = (direction, zeroMinWidth, container, item, wrap) => css`
   return `flex-direction: ${propValue}`;
 })};
 `;
-
 const GridSpacingCSS = (rowSpacing, columnSpacing, topSpacing, leftSpacing) => css`
     ${topSpacing && handleBreakpoints(topSpacing, propValue => {
   const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
-
   if (spacing !== '0px') {
     return `
             margin-top: -${getOffset(spacing)};
             `;
   }
-
   return '';
 })};
     ${rowSpacing && handleBreakpoints(rowSpacing, propValue => {
   const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
-
   if (spacing !== '0px') {
     return `
             & > .DGN-UI-Grid-item {
@@ -158,23 +142,19 @@ const GridSpacingCSS = (rowSpacing, columnSpacing, topSpacing, leftSpacing) => c
             }
             `;
   }
-
   return '';
 })};
     ${leftSpacing && handleBreakpoints(leftSpacing, propValue => {
   const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
-
   if (spacing !== '0px') {
     return `
                 margin-left: -${getOffset(spacing)};
                 `;
   }
-
   return '';
 })};
     ${columnSpacing && handleBreakpoints(columnSpacing, propValue => {
   const spacing = typeof propValue === 'number' ? themeSpacing(propValue) : propValue;
-
   if (spacing !== '0px') {
     return `
                 width: calc(100% + ${getOffset(spacing)});
@@ -183,17 +163,14 @@ const GridSpacingCSS = (rowSpacing, columnSpacing, topSpacing, leftSpacing) => c
             }
             `;
   }
-
   return '';
 })};
 `;
-
 const HandleGridCSS = (sizeArr, columns) => css`
     ${processSizeArray(sizeArr).map((item, idx) => {
   return handleGrid(breakpointKeys[idx], item, columns);
 })}
 `;
-
 Grid.defaultProps = {
   className: '',
   columns: 12,
@@ -213,58 +190,40 @@ Grid.defaultProps = {
 Grid.propTypes = {
   /** The content of the component. */
   children: PropTypes.node,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** The number of columns. */
   columns: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number, PropTypes.object]),
-
   /** Defines the horizontal space between the type `item` components. It overrides the value of the `spacing` prop. */
   columnSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** If true, the component will have the flex *container* behavior. You should be wrapping *items* with a *container*. */
   container: PropTypes.bool,
-
   /** Defines the `flex-direction` style property. It is applied for all screen sizes. */
   direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
-
   /** If `true`, the component will have the flex *item* behavior. You should be wrapping *items* with a *container*. */
   item: PropTypes.bool,
-
   /** Defines the horizontal space of `container` components. */
   leftSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `lg` breakpoint and wider screens if not overridden. */
   lg: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `md` breakpoint and wider screens if not overridden. */
   md: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the vertical space between the type `item` components. It overrides the value of the `spacing` prop. */
   rowSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `sm` breakpoint and wider screens if not overridden. */
   sm: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** Defines the space between the type `item` components. It can only be used on a type `container` component. */
   spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Defines the vertical space of `container` components. */
   topSpacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),
-
   /** Defines the flex-wrap style property. It's applied for all screen sizes. */
   wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for the `xl` breakpoint and wider screens if not overridden. */
   xl: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If a number, it sets the number of columns the grid item uses. It can't be greater than the total number of columns of the container (12 by default). If 'auto', the grid item's width matches its content. If false, the prop is ignored. If true, the grid item's width grows to use the space available in the grid container. The value is applied for all the screen sizes with the lowest priority. */
   xs: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.bool]),
-
   /** If `true`, it sets `min-width: 0` on the item. Refer to the limitations section of the documentation to better understand the use case. */
   zeroMinWidth: PropTypes.bool
 };

package/components/image/index.js

@@ -1,5 +1,4 @@
 /** @jsxRuntime classic */
-
 /** @jsx jsx */
 import { forwardRef, Fragment, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
@@ -38,21 +37,17 @@ const Image = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
   useIntersection(ref, () => {
     setIsInView(true);
   });
-
   const _ImageCSS = ImageCSS(width, height, circular);
-
   useEffect(() => {
     if (src) {
       if (isInView || !lazyLoading) {
         const img = document.createElement('img');
         img.src = src;
         img.alt = '';
-
         img.onerror = () => {
           setSrcState(defaultSrc);
           onError === null || onError === void 0 ? void 0 : onError();
         };
-
         img.onload = () => {
           setSrcState(src);
         };
@@ -62,15 +57,13 @@ const Image = /*#__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;
   });
-
   const renderImage = () => {
     const defaultImage = jsx("img", {
       src: defaultSrc,
@@ -92,12 +85,10 @@ const Image = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
       width: width,
       height: height
     }));
-
     if (lazyLoading) {
       return isInView ? image : defaultImage;
     } else return image;
   };
-
   return useMemo(() => {
     return jsx("div", {
       ref: ref,
@@ -108,7 +99,6 @@ const Image = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
     }, renderImage());
   }, [alt, circular, className, defaultSrc, height, id, lazyLoading, src, style, width, isInView, onLoaded, srcState]);
 }));
-
 const ImageCSS = (width, height, circular) => css`
     ${inlineFlex};
     ${positionRelative};
@@ -117,7 +107,6 @@ const ImageCSS = (width, height, circular) => css`
     ${parseWidthHeight(width, height)};
     ${circular && `border-radius: 50%`};
 `;
-
 const blurAnimationCSS = css`
     animation: ${blurKeyframe} 1s ease;
 `;
@@ -132,31 +121,22 @@ Image.defaultProps = {
 Image.propTypes = {
   /** Image description. */
   alt: PropTypes.string,
-
   /** If `true`, image is circular.*/
   circular: PropTypes.bool,
-
   /** Class for component. */
   className: PropTypes.string,
-
   /** Default img when src error. */
   defaultSrc: PropTypes.string,
-
   /** Height of component. */
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
   /** If `true`, lazy loading image.*/
   lazyLoading: PropTypes.bool,
-
   /** Callback fired when the src is error. */
   onError: PropTypes.func,
-
   /** Image path. */
   src: PropTypes.string,
-
   /** Style inline of component. */
   style: PropTypes.object,
-
   /** Width of component. */
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };

package/components/index.js

@@ -1,47 +1,62 @@
-import * as components from '.'; //TOOLTIP
+import * as components from '.';
 
-export { default as Tooltip } from './tooltip/index'; //TEXT
+//TOOLTIP
+export { default as Tooltip } from './tooltip/index';
 
-export { default as Typography } from './typography'; // PROGRESS
+//TEXT
+export { default as Typography } from './typography';
 
+// PROGRESS
 export { default as CircularProgress } from './progress/circular';
-export { default as LinearProgress } from './progress/linear'; // ACCORDION
+export { default as LinearProgress } from './progress/linear';
 
+// 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'; // ALERT
+export { default as AccordionGroup } from './accordion/group';
 
+// ALERT
 export { default as Alert } from './alert';
-export { default as Notify } from './alert/notify'; // AVATAR
+export { default as Notify } from './alert/notify';
 
-export { default as Avatar } from './avatar'; // BADGE
+// AVATAR
+export { default as Avatar } from './avatar';
 
-export { default as Badge } from './badge'; // BUTTON
+// BADGE
+export { default as Badge } from './badge';
 
+// BUTTON
 export { default as Button } from './button';
-export { default as ButtonIcon } from './button/icon'; // CARD
+export { default as ButtonIcon } from './button/icon';
 
+// 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'; // CHART
+export { default as CardExtra } from './card/extra';
 
+// CHART
 export { default as PieChart } from './chart/Pie';
 export { default as ColumnChart } from './chart/bar';
-export { default as LineChart } from './chart/line'; // CHECK-TEXT
+export { default as LineChart } from './chart/line';
 
+// CHECK-TEXT
 export { default as CheckTextConfirmation } from './check-text/interview-confirmation';
-export { default as CheckTextStatus } from './check-text/interview-status'; // CHIP
+export { default as CheckTextStatus } from './check-text/interview-status';
 
+// CHIP
 export { default as Chip } from './chip';
-export { default as AttachChip } from './chip/attach'; // COLLAPSE
+export { default as AttachChip } from './chip/attach';
 
-export { default as Collapse } from './collapse'; // DIVIDER
+// COLLAPSE
+export { default as Collapse } from './collapse';
 
-export { default as Divider } from './divider'; // FORM CONTROL
+// DIVIDER
+export { default as Divider } from './divider';
 
+// 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';
@@ -57,60 +72,76 @@ 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'; // Grid
+export { default as Toggle } from './form-control/toggle';
 
+// 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'; //Icon
+export { default as Container } from './grid/Container';
 
-export { default as Icon } from '../icons/index'; //Image
+//Icon
+export { default as Icon } from '../icons/index';
 
-export { default as Image } from './image'; // List
+//Image
+export { default as Image } from './image';
 
+// 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'; // MODAL
+export { default as ListItemAction } from './list/list-item-action';
 
+// 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'; // PAGING
+export { default as ModalFooter } from './modal/footer';
 
+// PAGING
 export { default as PagingInfo } from './paging/page-info';
-export { default as PagingSelector } from './paging/page-selector2'; // PAPER
+export { default as PagingSelector } from './paging/page-selector2';
 
-export { default as Paper } from './paper'; // POPOVER
+// PAPER
+export { default as Paper } from './paper';
 
+// 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'; // POPUP
+export { default as PopoverFooter } from './popover/footer';
 
+// POPUP
 export { default as Popup } from './popup';
 export { default as PopupV2 } from './popup/v2';
 export { default as DangerPopup } from './popup/danger_popup';
-export { default as ProposalsPopup } from './popup/proposals_popup'; // SLIDER
+export { default as ProposalsPopup } from './popup/proposals_popup';
 
+// SLIDER
 export { default as Slider } from './slider/slider-container';
-export { default as SliderItem } from './slider/slider-item'; // Rating
+export { default as SliderItem } from './slider/slider-item';
 
-export { default as Rating } from './rating'; // STATUS
+// Rating
+export { default as Rating } from './rating';
 
-export { default as Status } from './status'; // TAB
+// STATUS
+export { default as Status } from './status';
 
+// 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'; // TREE VIEW
+export { default as TabItem } from './tab/tab';
 
-export { default as Transfer } from './transfer'; // TREE VIEW
+// TREE VIEW
+export { default as Transfer } from './transfer';
 
-export { default as TreeView } from './tree-view'; // OTHERS
+// TREE VIEW
+export { default as TreeView } from './tree-view';
 
+// OTHERS
 export { default as Extra } from './others/extra';
 export { default as ScrollBar } from './others/scrollbar';
 export default components;