gov-ui-core 0.2.6 → 1.0.0

package/build/modules.d.ts

@@ -1,6 +1,9 @@
 import Button from './components/Button';
+import TextButton from './components/Button/TextButton';
 import Carousel from './components/Carousel';
 import ContentHeader from './components/Header/ContentHeader';
+import Chip from './components/Chip';
+import Card from './components/Card';
 import Directory from './components/Directory';
 import DropdownButton from './components/Button/DropdownButton';
 import EmptyBox from './components/EmptyBox';
@@ -10,14 +13,19 @@ import Input from './components/Input';
 import ErrorMessage from './components/Input/ErrorMessage';
 import AutoTooltip from './components/Table/AutoTooltip';
 import OverlayLoading from './components/Loading/OverlayLoading';
+import Progress from './components/Progress';
 import SwitchButton from './components/Button/SwitchButton';
 import Table from './components/Table';
 import TableBase from './components/Table/TableBase';
+import Tree from './components/Tree';
 import Calendar from './components/Calendar';
 import IntlText from './components/IntlText';
 import AppendTable from './components/Table/AppendTable';
+import Menu from './components/Menu';
+import Modal from './components/Modal';
+import Tabs from './components/Tabs';
 import ThemeProvider from './components/ThemeProvider';
 import { Methods } from './components/Form';
 import defaultTheme from './theme';
-export { AppendTable, Button, Calendar, Carousel, ContentHeader, Directory, DropdownButton, EmptyBox, Form, Icons, Input, ErrorMessage, OverlayLoading, SwitchButton, Table, TableBase, ThemeProvider, AutoTooltip, IntlText, defaultTheme, };
-export type { Methods, };
+export { AppendTable, Button, TextButton, Calendar, Carousel, ContentHeader, Chip, Card, Directory, DropdownButton, EmptyBox, Form, Icons, Input, ErrorMessage, OverlayLoading, Progress, SwitchButton, Table, TableBase, Tree, ThemeProvider, AutoTooltip, Menu, Modal, Tabs, IntlText, defaultTheme, };
+export type { Methods };

package/build/pages/BreadcrumbSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface IBreadcrumbProps {
+}
+declare const BreadcrumbSample: React.FC<IBreadcrumbProps>;
+export default BreadcrumbSample;

package/build/pages/ButtonSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IButtonSampleProps {
+    children?: ReactNode;
+}
+declare const ButtonSample: React.FC<IButtonSampleProps>;
+export default ButtonSample;

package/build/pages/CardSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface ICardSampleProps {
+}
+declare const CardSample: React.FC<ICardSampleProps>;
+export default CardSample;

package/build/pages/CheckboxSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface ICheckboxSampleProps {
+    children?: ReactNode;
+}
+declare const CheckboxSample: React.FC<ICheckboxSampleProps>;
+export default CheckboxSample;

package/build/pages/ChipSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IChipSampleProps {
+    children?: ReactNode;
+}
+declare const ChipSample: React.FC<IChipSampleProps>;
+export default ChipSample;

package/build/pages/InputSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IInputSampleProps {
+    children?: ReactNode;
+}
+declare const InputSample: React.FC<IInputSampleProps>;
+export default InputSample;

package/build/pages/ModalSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface IModalSampleProps {
+}
+declare const ModalSample: React.FC<IModalSampleProps>;
+export default ModalSample;

package/build/pages/PannelSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface IPannelProps {
+}
+declare const PannelSample: React.FC<IPannelProps>;
+export default PannelSample;

package/build/pages/ProgressSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface IProgressSampleProps {
+}
+declare const ProgressSample: React.FC<IProgressSampleProps>;
+export default ProgressSample;

package/build/pages/RadioSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface IRadioSampleProps {
+    children?: ReactNode;
+}
+declare const RadioSample: React.FC<IRadioSampleProps>;
+export default RadioSample;

package/build/pages/SlidersSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface ISample4Props {
+}
+declare const SlidersSample: React.FC<ISample4Props>;
+export default SlidersSample;

package/build/pages/TabsSample.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from 'react';
+interface ITabsSampleProps {
+    children?: ReactNode;
+}
+declare const TabsSample: React.FC<ITabsSampleProps>;
+export default TabsSample;

package/build/pages/TailwindSample.d.ts

@@ -0,0 +1 @@
+export default function TailwindSample(): import("react/jsx-runtime").JSX.Element;

package/build/pages/TextBoxSample.d.ts

@@ -0,0 +1,2 @@
+declare const TextBoxSample: () => import("react/jsx-runtime").JSX.Element;
+export default TextBoxSample;

package/build/pages/ToastSample.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import 'react-toastify/dist/ReactToastify.css';
+interface IToastSampleProps {
+}
+declare const ToastSampleSample: React.FC<IToastSampleProps>;
+export default ToastSampleSample;

package/build/pages/TooltipsSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface ITooltipsProps {
+}
+declare const TooltipsSample: React.FC<ITooltipsProps>;
+export default TooltipsSample;

package/build/pages/TreeSample.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+interface ITreeSampleProps {
+}
+declare const TreeSample: React.FC<ITreeSampleProps>;
+export default TreeSample;

package/build/theme.d.ts

@@ -1,45 +1,3 @@
-export type ThemeType = {
-    info?: string;
-    info10?: string;
-    info20?: string;
-    success?: string;
-    warning?: string;
-    error?: string;
-    errortooltip?: string;
-    transparent?: string;
-    black100?: string;
-    black80?: string;
-    black70?: string;
-    black60?: string;
-    black50?: string;
-    black40?: string;
-    black30?: string;
-    black20?: string;
-    black15?: string;
-    black10?: string;
-    black05?: string;
-    black03?: string;
-    white?: string;
-    white90?: string;
-    white80?: string;
-    white70?: string;
-    white60?: string;
-    white50?: string;
-    white40?: string;
-    white30?: string;
-    white20?: string;
-    white10?: string;
-    line?: string;
-    primary?: string;
-    primary90?: string;
-    primary60?: string;
-    primary50?: string;
-    primary40?: string;
-    primary20?: string;
-    primary10?: string;
-    primarystop1?: string;
-    primarystop2?: string;
-    emptyLogo?: string;
-};
-declare const theme: ThemeType;
+import { DefaultTheme } from 'styled-components';
+declare const theme: DefaultTheme;
 export default theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gov-ui-core",
-  "version": "0.2.6",
+  "version": "1.0.0",
   "main": "./build/index.js",
   "module": "./build/index.js",
   "types": "./build/modules.d.ts",
@@ -11,6 +11,7 @@
     "@mdi/font": "^5.9.55",
     "@mdi/js": "^5.9.55",
     "@mdi/react": "^1.6.1",
+    "@monaco-editor/react": "^4.7.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/jest-dom": "^5.17.0",
@@ -36,9 +37,6 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dynamic-antd-theme": "^0.8.7",
-    "eslint": "^8.3.0",
-    "eslint-config-react-app": "^7.0.1",
-    "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
@@ -58,15 +56,19 @@
     "query-string": "^9.0.0",
     "ramda": "^0.29.1",
     "rc-motion": "^2.9.0",
+    "react": "18.2",
     "react-app-polyfill": "^3.0.0",
     "react-date-range": "^1.4.0",
     "react-dev-utils": "^12.0.1",
-    "react-dom": "^18.2.0",
+    "react-dom": "18.2",
     "react-hook-form": "^7.51.1",
     "react-intl": "^6.8.9",
     "react-refresh": "^0.11.0",
     "react-router-dom": "^6.22.3",
     "react-slick": "^0.30.2",
+    "react-spring": "^9.7.5",
+    "react-toastify": "^11.0.3",
+    "react-use-gesture": "^9.1.3",
     "resolve": "^1.20.0",
     "resolve-url-loader": "^4.0.0",
     "semver": "^7.3.5",
@@ -75,22 +77,36 @@
     "style-loader": "^3.3.1",
     "styled-components": "^5.3.11",
     "tailwindcss": "^3.0.2",
+    "tailwindcss-animate": "^1.0.7",
     "terser-webpack-plugin": "^5.2.5",
     "typescript": "^4.9.5",
     "web-vitals": "^2.1.4",
-    "webpack": "^5.64.4",
     "webpack-dev-server": "^4.6.0",
     "webpack-manifest-plugin": "^4.0.2",
     "workbox-webpack-plugin": "^6.4.1"
   },
   "scripts": {
-    "start": "node scripts/start.js",
+    "start": "node scripts/start.js --PORT 3004",
     "types": "tsc --emitDeclarationOnly && tscpaths -p ./tsconfig.json -s ./src -o ./build",
     "build": "node scripts/build.js && npm run types",
     "test": "node node scripts/test.js",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "deploy-storybook": "gh-pages -d storybook-static -r https://github.com/nexr/neb-ui.git"
+    "deploy-storybook": "gh-pages -d storybook-static -r https://gzithub.com/nexr/neb-ui.git",
+    "lint": "eslint ./src/**/*.{ts,tsx}",
+    "lint:css": "stylelint --ignore-path .gitignore '**/*.scss'",
+    "prepare": "husky install",
+    "precommit": "lint-staged"
+  },
+  "lint-staged": {
+    "**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "**/*.{scss,css}": [
+      "stylelint --fix",
+      "prettier --write"
+    ]
   },
   "eslintConfig": {
     "extends": [
@@ -136,12 +152,31 @@
     "@types/react-slick": "^0.23.13",
     "@types/slick-carousel": "^1.6.40",
     "@types/styled-components": "^5.1.34",
+    "@typescript-eslint/eslint-plugin": "^5.47.1",
+    "@typescript-eslint/parser": "^5.47.1",
     "clean-webpack-plugin": "^4.0.0",
+    "eslint": "^8.3.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-react-app": "^7.0.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-storybook": "^0.11.1",
+    "eslint-webpack-plugin": "^3.1.1",
+    "husky": "^8.0.0",
+    "lint-staged": "^13.1.0",
+    "prettier": "^2.8.1",
     "prop-types": "^15.8.1",
     "sass": "^1.72.0",
     "sass-loader": "^16.0.3",
     "storybook": "^8.4.7",
+    "stylelint": "^14.16.0",
+    "stylelint-config-prettier-scss": "^0.0.1",
+    "stylelint-config-standard-scss": "^6.1.0",
     "ts-loader": "^9.5.1",
     "tscpaths": "^0.0.9",
     "url-loader": "^4.1.1",

package/postcss.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {
+            config: './tailwind.config.js',
+        },
+        autoprefixer: {},
+    },
+}

package/tailwind.config.js

@@ -0,0 +1,185 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./pages/**/*.{js,ts,jsx,tsx}",
+    "./components/**/*.{js,ts,jsx,tsx}",
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      screens: {
+        'sm': '640px',
+        'md': '768px',
+        'lg': '1024px',
+        'xl': '1280px',
+        '2xl': '1536px',
+      },
+      colors: {
+        'black': {
+          '100': '#000000',
+          '80': 'rgba(0, 0, 0, 0.8)',
+          '60': 'rgba(0, 0, 0, 0.6)',
+          '40': 'rgba(0, 0, 0, 0.4)',
+          '20': 'rgba(0, 0, 0, 0.2)',
+          '10': 'rgba(0, 0, 0, 0.1)',
+          '05': 'rgba(0, 0, 0, 0.05)',
+          '02': 'rgba(0, 0, 0, 0.02)',
+        },
+        'white': {
+          '100': '#FFFFFF',
+          '80': 'rgba(255, 255, 255, 0.8)',
+          '60': 'rgba(255, 255, 255, 0.6)',
+          '40': 'rgba(255, 255, 255, 0.4)',
+          '20': 'rgba(255, 255, 255, 0.2)',
+          '10': 'rgba(255, 255, 255, 0.1)',
+          '05': 'rgba(255, 255, 255, 0.05)',
+          '02': 'rgba(255, 255, 255, 0.02)',
+        },
+
+        'primary': {
+          '100': '#2CBBB6',
+          'hover': '#28ACA7',
+          'active': '#259F9B',
+          '40': 'rgba(44, 187, 182, 0.4)',
+          '30': 'rgba(44, 187, 182, 0.3)',
+          '20': 'rgba(44, 187, 182, 0.2)',
+          '10': 'rgba(44, 187, 182, 0.1)',
+        },
+
+        'chart': {
+          '01': '#f66',
+          '02': '#f93',
+          '03': '#ffdd29',
+          '04': '#b4e17a',
+          '05': '#23c6eb',
+          '06': '#49e3e6',
+          '07': '#27a3dd',
+          '08': '#ecb9f9',
+          '09': '#f150b6',
+          '10': '#f487da',
+        },
+
+        'line': '#CCCCCC',
+        'line-disable': '#E5E5E5',
+        'bg': '#F2F2F2',
+        'transparent': 'rgba(255, 255, 255, 0)',
+        'error': '#EE5353',
+        'error-05': 'rgba(238, 83, 83, 0.05)',
+        'warning': '#FFA82E',
+        'warning-05': 'rgba(255, 168, 46, 0.05)',
+        'success': '#33C986',
+        'success-05': 'rgba(51, 201, 134, 0.05)',
+        'info': '#5DAAF7',
+        'info-05': 'rgba(93, 170, 247, 0.05)',
+
+        'facebook': '#4080FF',
+        'naver': '#03C75A',
+        'primary-guide1': '#00FFE0',
+        'primary-guide2': '#FA00FF',
+
+        'gradation': {
+          'vertical': {
+            'bg': 'linear-gradient(180deg, #b464c8 0%, #906eff 100%)'
+          },
+          'horizon': {
+            'bg': 'linear-gradient(90deg, #b464c8 0%, #906eff 100%)'
+          },
+        }
+      },
+      fontFamily: {
+        sans: ['Graphik', 'sans-serif'],
+        serif: ['Merriweather', 'serif'],
+        default: ['sans-serif', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto'],
+        NotoSans: ['NotoSans'],
+        NotoSansKR: ['NotoSansKR'],
+        NotoSansMono: ['NotoSansMono'],
+      },
+      /*dropShadow: {
+        'table': ['0px 0px 4px rgba(0,0,0,0.1)', '0px 5px 10px rgba(0,0,0,0.1)'],
+      },
+      boxShadow: {
+        'table': ['0px 0px 4px rgba(0,0,0,0.1)', '0px 5px 10px rgba(0,0,0,0.1)'],
+        'elevation-light-01': ['0px 1px 4px 0px rgba(0, 0, 0, 0.06)', '0px 3px 10px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-02': ['0px 2px 5px 0px rgba(0, 0, 0, 0.07)', '0px 6px 20px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-03': ['0px 3px 6px 0px rgba(0, 0, 0, 0.08)', '0px 9px 30px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-04': ['0px 4px 7px 0px rgba(0, 0, 0, 0.09)', '0px 12px 40px 0px rgba(0, 0, 0, 0.15)'],
+        'elevation-light-05': ['0px 5px 8px 0px rgba(0, 0, 0, 0.10)', '0px 15px 50px 0px rgba(0, 0, 0, 0.15)']
+      },
+      keyframes: {
+        'accordion-down': {
+          'from': {
+            'height': '0'
+          },
+          'to': {
+            'height': 'var(--radix-accordion-content-height)'
+          },
+        },
+        'accordion-up': {
+          'from': {
+            'height': 'var(--radix-accordion-content-height)'
+          },
+          'to': {
+            'height': '0'
+          },
+        },
+        'up-scales': {
+          'from': {
+            'transform': 'translateY(100vh)'
+          },
+          'to': {
+            'transform': 'translateY(0px)',
+            'transition': 'all 300ms ease 0s'
+          },
+        },
+        'down-scales': {
+          'from': {
+            'transform': 'translateY(0vh)'
+          },
+          'to': {
+            'transform': 'translateY(100px)',
+            'transition': 'all 300ms ease 0s'
+          },
+        },
+        'flip-up': {
+          '0%': {
+            'transform': 'rotateX(0)',
+            'transform-origin': 'top'
+          },
+          '100%': {
+            'transform': 'rotateX(-90deg)',
+            'transform-origin': 'top',
+            'visibility': 'hidden'
+          },
+        },
+        'flip-down': {
+          '0%': {
+            'transform': 'rotateX(-90deg)',
+            'transform-origin': 'top',
+            'visibility': 'visible'
+          },
+          '100%': {
+            'transform': 'rotateX(0)',
+            'transform-origin': 'top',
+          },
+        },
+      },
+      animation: {
+        'accordion-down': 'accordion-down 0.2s ease-out',
+        'accordion-up': 'accordion-up 0.2s ease-out',
+        'up-scale': 'up-scales 0.3s ease',
+        'down-scale': '0.3s down-scales ease',
+        'flip-up': {
+          'animation': 'flipUp ease 0.4s both',
+          'animation-direction': 'normal'
+        },
+        'flip-down': {
+          'animation': 'flipDown ease 0.4s both',
+          'animation-direction': 'normal'
+        }
+      },*/
+    }
+  },
+  plugins: [
+    require("tailwindcss-animate")
+  ],
+}

package/build/pages/CreateTable.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-interface ICreateTableProps {
-}
-export declare const FormItemBox: import("styled-components").StyledComponent<"div", any, {
-    width?: number | undefined;
-    gap?: number | undefined;
-    fullHeight?: boolean | undefined;
-}, never>;
-export declare const DATASOURCE_TYPE: {
-    ICEBERG: string;
-    JDBC: string;
-    ORC: string;
-    PARQUET: string;
-};
-export declare const DATASOURCE_TYPE_OPTIONS: {
-    label: string;
-    value: string;
-}[];
-declare const CreateTable: React.FC<ICreateTableProps>;
-export default CreateTable;