diginet-core-ui 1.4.39 → 1.4.40

package/components/grid/Row.js

@@ -1,81 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { jsx } from '@emotion/core';
-import PropTypes from 'prop-types';
-import useThemeProps from "../../theme/utils/useThemeProps";
-import { classNames } from "../../utils";
-import Grid from '.';
-const checkChildren = children => {
-  if (!children) return false;
-  if (Array.isArray(children)) {
-    return !children.every(v => v === false);
-  }
-  return true;
-};
-const Row = inProps => {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'Row'
-  });
-  const {
-    className,
-    children,
-    ...other
-  } = props;
-  return checkChildren(children) ? jsx(Grid, {
-    ...other,
-    className: classNames('DGN-UI-Row', className),
-    container: true
-  }, children) : null;
-};
-
-// Row.defaultProps = {
-//     className: '',
-//     columns: 12,
-//     columnSpacing: { xs: 4, sm: 4, md: 4, lg: 4, xl: 6 },
-//     direction: 'row',
-//     lg: false,
-//     md: false,
-//     rowSpacing: { xs: 4, sm: 4, md: 4, lg: 4, xl: 4 },
-//     sm: false,
-//     spacing: 0,
-//     style: {},
-//     wrap: 'wrap',
-//     xl: false,
-//     xs: false,
-//     zeroMinWidth: false,
-// };
-
-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
-};
-export default Row;

package/components/grid/context.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-const GridContext = /*#__PURE__*/createContext();
-export default GridContext;

package/components/grid/index.js

@@ -1,251 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { css, jsx } from '@emotion/core';
-import OptionWrapper from "../others/option-wrapper";
-import PropTypes from 'prop-types';
-import { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from 'react';
-import { boxBorder } from "../../styles/general";
-import { useTheme } from "../../theme";
-import { breakpointKeys } from "../../theme/createBreakpoints";
-import useThemeProps from "../../theme/utils/useThemeProps";
-import { classNames, handleBreakpoints } from "../../utils";
-import GridContext from "./context";
-const Grid = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
-  if (!reference) reference = useRef(null);
-  const theme = useTheme();
-  const {
-    breakpoints: themeBreakpoints,
-    spacing: themeSpacing
-  } = theme;
-
-  // props priority: `inProps` > `themeDefaultProps`
-  const props = useThemeProps({
-    props: inProps,
-    name: 'Grid'
-  });
-  const {
-    action = {},
-    children,
-    className,
-    columns: columnsProp,
-    columnSpacing: columnSpacingProp,
-    container,
-    direction,
-    id,
-    item,
-    leftSpacing: leftSpacingProp,
-    lg,
-    md,
-    rowSpacing: rowSpacingProp,
-    sm,
-    spacing,
-    style,
-    topSpacing: topSpacingProp,
-    verticalAlign,
-    wrap,
-    xl,
-    xs,
-    zeroMinWidth,
-    ...other
-  } = props;
-  const columnsContext = useContext(GridContext);
-  const rowSpacing = rowSpacingProp || spacing;
-  const columnSpacing = columnSpacingProp || spacing;
-  const columns = container ? columnsProp : columnsContext;
-  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, verticalAlign);
-  const _GridSpacingCSS = GridSpacingCSS(rowSpacing, columnSpacing, topSpacing, leftSpacing, themeSpacing);
-  const _HandleGridCSS = HandleGridCSS([xs, sm, md, lg, xl], columns, themeBreakpoints);
-  useImperativeHandle(reference, () => {
-    const currentRef = ref.current || {};
-    currentRef.element = ref.current;
-    const _instance = {
-      ...action
-    }; // methods
-    _instance.__proto__ = {}; // hidden methods
-    currentRef.instance = _instance;
-    return currentRef;
-  });
-  return useMemo(() => {
-    return jsx("div", {
-      id: id,
-      ref: ref,
-      css: [_GridCSS, container && (rowSpacing || columnSpacing) && _GridSpacingCSS, _HandleGridCSS],
-      style: style,
-      className: classNames(`DGN-UI-Grid${item ? '-item' : ''}`, className),
-      ...other
-    }, jsx(GridContext.Provider, {
-      value: columns
-    }, children));
-  }, [columns, columnSpacing, leftSpacing, rowSpacing, topSpacing, children, className, container, direction, id, item, lg, md, sm, spacing, style, verticalAlign, wrap, xl, xs, zeroMinWidth, other, theme]);
-}));
-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 => {
-    if (item === false) return lastValue;else lastValue = item;
-    return item;
-  });
-  return sizeArr;
-};
-const handleGrid = (size, value, columns, themeBreakpoints) => {
-  let css = '';
-  if (value === true) {
-    css = `
-            flex-basis: 0;
-            flex-grow: 1;
-            max-width: 100%;
-        `;
-  } else if (value === 'auto') {
-    css = `
-            flex-basis: auto;
-            flex-grow: 0;
-            flex-shrink: 0;
-            max-width: none;
-            width: auto;
-        `;
-  } else if (typeof value === 'number' && value !== 0) {
-    css = handleBreakpoints(columns, propValue => {
-      return `
-            flex-basis: ${Math.round(value / propValue * 10e7) / 10e5}%;
-            flex-grow: 0;
-            max-width: ${Math.round(value / propValue * 10e7) / 10e5}%;
-        `;
-    });
-  }
-  return `${themeBreakpoints.up(size)} {
-        ${css}
-    }`;
-};
-const GridCSS = (direction, zeroMinWidth, container, item, wrap, verticalAlign) => css`
-    ${boxBorder};
-    ${container && `
-        display: flex;
-        flex-wrap: ${wrap};
-        width: 100%;
-    `};
-    ${item && `
-        margin: 0;
-        align-self: ${verticalAlign}
-    `};
-    ${zeroMinWidth && `min-width: 0;`}
-    ${handleBreakpoints(direction, propValue => {
-  return `flex-direction: ${propValue}`;
-})};
-`;
-const GridSpacingCSS = (rowSpacing, columnSpacing, topSpacing, leftSpacing, themeSpacing) => 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 {
-                padding-top: ${getOffset(spacing)};
-            }
-            `;
-  }
-  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)});
-                & > .DGN-UI-Grid-item {
-                padding-left: ${getOffset(spacing)};
-            }
-            `;
-  }
-  return '';
-})};
-`;
-const HandleGridCSS = (sizeArr, columns, themeBreakpoints) => css`
-    ${processSizeArray(sizeArr).map((item, idx) => {
-  return handleGrid(breakpointKeys[idx], item, columns, themeBreakpoints);
-})}
-`;
-
-// Grid.defaultProps = {
-//     className: '',
-//     columns: 12,
-//     container: false,
-//     direction: 'row',
-//     item: false,
-//     lg: false,
-//     md: false,
-//     sm: false,
-//     spacing: 0,
-//     style: {},
-//     verticalAlign: 'auto',
-//     wrap: 'wrap',
-//     xl: false,
-//     xs: false,
-//     zeroMinWidth: false,
-// };
-
-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]),
-  /** Self-align of the grid item. */
-  verticalAlign: PropTypes.oneOf(['auto', 'start', 'center', 'end']),
-  /** 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
-};
-export { Grid };
-export default OptionWrapper(Grid);

package/components/image/index.js

@@ -1,170 +0,0 @@
-/** @jsxRuntime classic */
-/** @jsx jsx */
-import { css, jsx, keyframes } from '@emotion/core';
-import ImageDefault from "../../assets/image/default.png";
-import OptionWrapper from "../others/option-wrapper";
-import PropTypes from 'prop-types';
-import { Fragment, forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { animation, aspectSquare, borderRadius, displayInlineFlex, itemsCenter, objectFit, overflowHidden, parseWidthHeight, positionRelative } from "../../styles/general";
-import useThemeProps from "../../theme/utils/useThemeProps";
-import { classNames, useIntersection } from "../../utils";
-const blurKeyframe = keyframes`
-    0% { -webkit-filter: blur(4px);}
-    25% { -webkit-filter: blur(3px);}
-    50% { -webkit-filter: blur(2px);}
-    75% { -webkit-filter: blur(1px);}
-    100% { -webkit-filter: blur(0px);}
-`;
-const Image = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((inProps, reference) => {
-  if (!reference) reference = useRef(null);
-
-  // props priority: `inProps` > `themeDefaultProps`
-  const props = useThemeProps({
-    props: inProps,
-    name: 'Image'
-  });
-  const {
-    action = {},
-    alt,
-    circular,
-    className,
-    defaultSrc: defaultSrcProp,
-    height,
-    id,
-    lazyLoading,
-    objectFit,
-    onError,
-    square,
-    src,
-    style,
-    width
-  } = props;
-  const defaultSrc = defaultSrcProp || ImageDefault;
-  const ref = useRef(null);
-  const [srcState, setSrcState] = useState(src);
-  const [isInView, setIsInView] = useState(false);
-  const [onLoaded, setOnLoaded] = useState(false);
-  useIntersection(ref, () => {
-    setIsInView(true);
-  });
-  const _ImageCSS = ImageCSS(width, height, circular);
-  const _DefaultImgCSS = DefaultImgCSS(objectFit, square);
-  const _ImgCSS = ImgCSS(objectFit, square);
-  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);
-        };
-      }
-    }
-    return () => {
-      setSrcState(defaultSrc);
-    };
-  }, [src]);
-  useImperativeHandle(reference, () => {
-    const currentRef = ref.current || {};
-    currentRef.element = ref.current;
-    const _instance = {
-      ...action
-    }; // methods
-    _instance.__proto__ = {}; // hidden methods
-    currentRef.instance = _instance;
-    return currentRef;
-  });
-  const renderImage = useMemo(() => {
-    const defaultImage = jsx("img", {
-      css: _DefaultImgCSS,
-      draggable: false,
-      src: defaultSrc,
-      alt: '',
-      width: width,
-      height: height
-    });
-    const image = jsx(Fragment, null, !onLoaded && defaultImage, srcState && jsx("img", {
-      css: _ImgCSS,
-      draggable: false,
-      src: srcState,
-      alt: alt || srcState,
-      onLoad: () => setOnLoaded(true),
-      width: width,
-      height: height
-    }));
-    if (lazyLoading) {
-      return isInView ? image : defaultImage;
-    } else return image;
-  }, [alt, defaultSrc, height, isInView, lazyLoading, onLoaded, srcState, width, objectFit, square]);
-  return jsx("div", {
-    ref: ref,
-    css: _ImageCSS,
-    id: id,
-    className: classNames('DGN-UI-Image', className),
-    style: style
-  }, renderImage);
-}));
-const ImageCSS = (width, height, circular) => css`
-    ${displayInlineFlex};
-    ${positionRelative};
-    ${itemsCenter};
-    ${overflowHidden};
-    ${parseWidthHeight(width, height)};
-    ${circular && borderRadius('50%')};
-`;
-const DefaultImgCSS = (objectFitValue, square) => css`
-    ${objectFit(objectFitValue)};
-    ${square && aspectSquare};
-`;
-const ImgCSS = (objectFitValue, square) => css`
-    ${objectFit(objectFitValue)};
-    ${animation({
-  keyframes: blurKeyframe,
-  duration: '1s'
-})};
-    ${square && aspectSquare};
-`;
-
-// Image.defaultProps = {
-//     circular: false,
-//     className: '',
-//     height: 200,
-//     lazyLoading: false,
-//     objectFit: 'cover',
-//     style: {},
-//     width: 200,
-// };
-
-Image.propTypes = {
-  /** Description of the image. */
-  alt: PropTypes.string,
-  /** If `true`, the image is displayed in a circular shape. */
-  circular: PropTypes.bool,
-  /** CSS class for the component. */
-  className: PropTypes.string,
-  /** Default image source to display when the specified source encounters an error. */
-  defaultSrc: PropTypes.string,
-  /** Height of the component. */
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /** If `true`, enables lazy loading of the image. */
-  lazyLoading: PropTypes.bool,
-  /** Object-fit property for the image. */
-  objectFit: PropTypes.oneOf(['contain', 'cover', 'fill', 'none']),
-  /** Callback function fired when an error occurs while loading the image. */
-  onError: PropTypes.func,
-  /** If `true`, the image is displayed in a square shape. */
-  square: PropTypes.bool,
-  /** Path of the image source. */
-  src: PropTypes.string,
-  /** Inline style object for the component. */
-  style: PropTypes.object,
-  /** Width of the component. */
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
-};
-export { Image };
-export default OptionWrapper(Image);

package/components/index.js

@@ -1,156 +0,0 @@
-import * as components from '.';
-
-//TOOLTIP
-export { default as Tooltip } from "./tooltip/index";
-
-//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 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 Alert } from "./alert";
-export { default as Notify } from "./alert/notify";
-
-// AVATAR
-export { default as Avatar } from "./avatar";
-
-// BADGE
-export { default as Badge } from "./badge";
-
-// BUTTON
-export { default as Button } from "./button";
-export { default as ButtonIcon } from "./button/icon";
-export { default as ButtonMore } from "./button/more";
-
-// BREADCRUMB
-export { default as Breadcrumb } from "./breadcrumb";
-
-// 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 PieChart } from "./chart/Pie";
-export { default as ColumnChart } from "./chart/bar";
-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 Chip } from "./chip";
-export { default as AttachChip } from "./chip/attach";
-
-// COLLAPSE
-export { default as Collapse } from "./collapse";
-
-// 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 DateInput } from "./form-control/date-input";
-export { default as DatePicker } from "./form-control/date-picker";
-export { default as DatePickerV2 } from "./form-control/date-picker";
-export { default as DateRangePicker } from "./form-control/date-range-picker";
-export { default as TimePicker } from "./form-control/time-picker/v2";
-export { default as Dropdown } from "./form-control/dropdown";
-export { default as DropdownBox } from "./form-control/dropdown-box";
-export { default as FormGroup } from "./form-control/form-group";
-export { default as Radio } from "./form-control/radio";
-export { default as InputBase } from "./form-control/input-base";
-export { default as Label } from "./form-control/label";
-export { default as HelperText } from "./form-control/helper-text";
-export { default as PasswordInput } from "./form-control/password-input";
-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 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 Icon } from "../icons/index";
-
-//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 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 PagingInfo } from "./paging/page-info";
-export { default as PagingSelector } from "./paging/page-selector";
-
-// 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 Popup } from "./popup/v2";
-export { default as PopupV2 } from "./popup/v2";
-export { default as DangerPopup } from "./popup/danger_popup";
-
-// SLIDER
-export { default as Slider } from "./slider/slider-container";
-export { default as SliderItem } from "./slider/slider-item";
-
-// Rating
-export { default as Rating } from "./rating";
-
-// 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 Transfer } from "./transfer";
-
-// TREE VIEW
-export { default as TreeView } from "./tree-view";
-
-// OTHERS
-export { default as Extra } from "./others/extra";
-export { default as ScrollBar } from "./others/scrollbar";
-
-//SKELETON
-export { default as Skeleton } from "./skeleton";
-export default components;