gov-ui-core 0.1.0

package/build/index.js.LICENSE.txt

@@ -0,0 +1,69 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/**
+ * @license
+ * Lodash <https://lodash.com/>
+ * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/**
+ * @license React
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.8.6
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/build/modules.d.ts

@@ -0,0 +1,29 @@
+import Button from './components/Button';
+import Carousel from './components/Carousel';
+import ContentHeader from './components/Header/ContentHeader';
+import Directory from './components/Directory';
+import DropdownButton from './components/Button/DropdownButton';
+import EmptyBox from './components/EmptyBox';
+import Form from './components/Form';
+import Icons from './components/Icons';
+import Input from './components/Input';
+import ErrorMessage from './components/Input/ErrorMessage';
+import AutoTooltip from './components/Table/AutoTooltip';
+import OverlayLoading from './components/Loading/OverlayLoading';
+import SwitchButton from './components/Button/SwitchButton';
+import Table from './components/Table';
+import TableBase from './components/Table/TableBase';
+import Calendar from './components/Calendar';
+import IntlText from './components/IntlText';
+import AppendTable from './components/Table/AppendTable';
+import ThemeProvider from './components/ThemeProvider';
+import { Methods } from './components/Form';
+import defaultTheme from './theme';
+import 'antd/lib/table/style/index.css';
+import 'antd/lib/dropdown/style/index.css';
+import 'antd/lib/style/index.css';
+import 'antd/lib/switch/style/index.css';
+import 'antd/lib/spin/style/index.css';
+import 'antd/lib/tooltip/style/index.css';
+export { AppendTable, Button, Calendar, Carousel, ContentHeader, Directory, DropdownButton, EmptyBox, Form, Icons, Input, ErrorMessage, OverlayLoading, SwitchButton, Table, TableBase, ThemeProvider, AutoTooltip, IntlText, defaultTheme, };
+export type { Methods, };

package/build/pages/CreateTable.d.ts

@@ -0,0 +1,26 @@
+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;
+}[];
+export declare const setColumnOption: (columns: Record<string, any>[], options?: Record<string, any>, padding?: number) => {
+    width: any;
+    ellipsis: {
+        showTitle: boolean;
+    };
+}[];
+declare const CreateTable: React.FC<ICreateTableProps>;
+export default CreateTable;

package/build/pages/FormSample.d.ts

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

package/build/pages/Sample.d.ts

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

package/build/pages/Sample2.d.ts

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

package/build/pages/Sample3.d.ts

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

package/build/pages/Sample4.d.ts

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

package/build/pages/TableSample.d.ts

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

package/build/pages/sampleData.d.ts

@@ -0,0 +1,59 @@
+export declare const treeData: {
+    title: string;
+    key: string;
+    isLeaf: boolean;
+    customType: string;
+    children: ({
+        title: string;
+        key: string;
+        customType: string;
+        isLeaf: boolean;
+        children?: undefined;
+    } | {
+        title: string;
+        key: string;
+        isLeaf: boolean;
+        children: ({
+            title: string;
+            key: string;
+            isLeaf: boolean;
+            children: {
+                title: string;
+                key: string;
+                isLeaf: boolean;
+                children: ({
+                    title: string;
+                    key: string;
+                    isLeaf: boolean;
+                    children: {
+                        title: string;
+                        key: string;
+                        isLeaf: boolean;
+                        children: {
+                            title: string;
+                            key: string;
+                            isLeaf: boolean;
+                        }[];
+                    }[];
+                } | {
+                    title: string;
+                    key: string;
+                    isLeaf: boolean;
+                    children?: undefined;
+                })[];
+            }[];
+        } | {
+            title: string;
+            key: string;
+            isLeaf: boolean;
+            children?: undefined;
+        })[];
+        customType?: undefined;
+    } | {
+        title: string;
+        key: string;
+        isLeaf: boolean;
+        customType?: undefined;
+        children?: undefined;
+    })[];
+}[];

package/build/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/build/theme.d.ts

@@ -0,0 +1,45 @@
+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;
+export default theme;

package/build/utils/customState.d.ts

@@ -0,0 +1,28 @@
+type ModalState = {
+    open: boolean;
+    data?: any;
+};
+/**
+ * modal state
+ * @param defaultValue
+ */
+export declare function useModalState(defaultValue?: ModalState): readonly [ModalState, (value?: ModalState) => void];
+/**
+ * pagination state
+ * @param defaultValue
+ */
+export declare function usePaginationState(defaultValue?: PaginationType): readonly [PaginationType | undefined, (value?: PaginationType) => void];
+export declare const useDebounce: (obj?: any, wait?: number) => any[];
+export type DataInfoState = {
+    dataSource?: Record<string, any>[];
+    totalSize?: number;
+};
+/**
+ * Table datasource loading 처리를 위한 state
+ * @param defaultValue
+ */
+export declare function useDataInfoState(defaultValue?: {
+    dataSource: undefined;
+    totalSize: number;
+}): readonly [DataInfoState, (value?: DataInfoState) => void];
+export {};

package/build/utils/hookUtils.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const subscribe: (fn: any, values: any[]) => void;
+export declare const usePrevious: (fn: any, values: any[]) => void;
+export declare function useOutsideClick(callback: () => void): import("react").MutableRefObject<any>;

package/build/utils/utils.d.ts

@@ -0,0 +1,27 @@
+import queryString from 'query-string';
+export declare const getOption: (options: any, value: any) => any;
+/**
+ * 페이지네이션 계산 함수
+ * 현재값을 기준으로 앞뒤 페이지 range를 생성한다.
+ * @param current
+ * @param min
+ * @param total
+ * @param length
+ */
+export declare const getPagingRange: (current: any, { min, total, length }?: {
+    min?: number | undefined;
+    total?: number | undefined;
+    length?: number | undefined;
+}) => number[];
+export declare const getSortOption: (option: any) => string | undefined;
+export declare function escapeRegExp(string: any): any;
+export declare const getPageQuery: () => queryString.ParsedQuery<string>;
+export declare const getQuery: (key: any) => string | (string | null)[] | null;
+export declare const getStringAttribute: (titleNode: any) => string | undefined;
+/**
+ * object 공백 요소를 삭제하기 위한 용도
+ * @param obj 기본 object
+ * @param values values
+ * @param prefixTID prefix id
+ */
+export declare const cleanEmptyObj: (obj: any, values: Record<string, any>[], prefixTID?: any) => any;

package/config/env.js

@@ -0,0 +1,104 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const paths = require('./paths');
+
+// Make sure that including paths.js after env.js will read .env variables.
+delete require.cache[require.resolve('./paths')];
+
+const NODE_ENV = process.env.NODE_ENV;
+if (!NODE_ENV) {
+  throw new Error(
+    'The NODE_ENV environment variable is required but was not specified.'
+  );
+}
+
+// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
+const dotenvFiles = [
+  `${paths.dotenv}.${NODE_ENV}.local`,
+  // Don't include `.env.local` for `test` environment
+  // since normally you expect tests to produce the same
+  // results for everyone
+  NODE_ENV !== 'test' && `${paths.dotenv}.local`,
+  `${paths.dotenv}.${NODE_ENV}`,
+  paths.dotenv,
+].filter(Boolean);
+
+// Load environment variables from .env* files. Suppress warnings using silent
+// if this file is missing. dotenv will never modify any environment variables
+// that have already been set.  Variable expansion is supported in .env files.
+// https://github.com/motdotla/dotenv
+// https://github.com/motdotla/dotenv-expand
+dotenvFiles.forEach(dotenvFile => {
+  if (fs.existsSync(dotenvFile)) {
+    require('dotenv-expand')(
+      require('dotenv').config({
+        path: dotenvFile,
+      })
+    );
+  }
+});
+
+// We support resolving modules according to `NODE_PATH`.
+// This lets you use absolute paths in imports inside large monorepos:
+// https://github.com/facebook/create-react-app/issues/253.
+// It works similar to `NODE_PATH` in Node itself:
+// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
+// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
+// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
+// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
+// We also resolve them to make sure all tools using them work consistently.
+const appDirectory = fs.realpathSync(process.cwd());
+process.env.NODE_PATH = (process.env.NODE_PATH || '')
+  .split(path.delimiter)
+  .filter(folder => folder && !path.isAbsolute(folder))
+  .map(folder => path.resolve(appDirectory, folder))
+  .join(path.delimiter);
+
+// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
+// injected into the application via DefinePlugin in webpack configuration.
+const REACT_APP = /^REACT_APP_/i;
+
+function getClientEnvironment(publicUrl) {
+  const raw = Object.keys(process.env)
+    .filter(key => REACT_APP.test(key))
+    .reduce(
+      (env, key) => {
+        env[key] = process.env[key];
+        return env;
+      },
+      {
+        // Useful for determining whether we’re running in production mode.
+        // Most importantly, it switches React into the correct mode.
+        NODE_ENV: process.env.NODE_ENV || 'development',
+        // Useful for resolving the correct path to static assets in `public`.
+        // For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
+        // This should only be used as an escape hatch. Normally you would put
+        // images into the `src` and `import` them in code to get their paths.
+        PUBLIC_URL: publicUrl,
+        // We support configuring the sockjs pathname during development.
+        // These settings let a developer run multiple simultaneous projects.
+        // They are used as the connection `hostname`, `pathname` and `port`
+        // in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
+        // and `sockPort` options in webpack-dev-server.
+        WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
+        WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
+        WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
+        // Whether or not react-refresh is enabled.
+        // It is defined here so it is available in the webpackHotDevClient.
+        FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
+      }
+    );
+  // Stringify all values so we can feed into webpack DefinePlugin
+  const stringified = {
+    'process.env': Object.keys(raw).reduce((env, key) => {
+      env[key] = JSON.stringify(raw[key]);
+      return env;
+    }, {}),
+  };
+
+  return { raw, stringified };
+}
+
+module.exports = getClientEnvironment;

package/config/getHttpsConfig.js

@@ -0,0 +1,66 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const crypto = require('crypto');
+const chalk = require('react-dev-utils/chalk');
+const paths = require('./paths');
+
+// Ensure the certificate and key provided are valid and if not
+// throw an easy to debug error
+function validateKeyAndCerts({ cert, key, keyFile, crtFile }) {
+  let encrypted;
+  try {
+    // publicEncrypt will throw an error with an invalid cert
+    encrypted = crypto.publicEncrypt(cert, Buffer.from('test'));
+  } catch (err) {
+    throw new Error(
+      `The certificate "${chalk.yellow(crtFile)}" is invalid.\n${err.message}`
+    );
+  }
+
+  try {
+    // privateDecrypt will throw an error with an invalid key
+    crypto.privateDecrypt(key, encrypted);
+  } catch (err) {
+    throw new Error(
+      `The certificate key "${chalk.yellow(keyFile)}" is invalid.\n${
+        err.message
+      }`
+    );
+  }
+}
+
+// Read file and throw an error if it doesn't exist
+function readEnvFile(file, type) {
+  if (!fs.existsSync(file)) {
+    throw new Error(
+      `You specified ${chalk.cyan(
+        type
+      )} in your env, but the file "${chalk.yellow(file)}" can't be found.`
+    );
+  }
+  return fs.readFileSync(file);
+}
+
+// Get the https config
+// Return cert files if provided in env, otherwise just true or false
+function getHttpsConfig() {
+  const { SSL_CRT_FILE, SSL_KEY_FILE, HTTPS } = process.env;
+  const isHttps = HTTPS === 'true';
+
+  if (isHttps && SSL_CRT_FILE && SSL_KEY_FILE) {
+    const crtFile = path.resolve(paths.appPath, SSL_CRT_FILE);
+    const keyFile = path.resolve(paths.appPath, SSL_KEY_FILE);
+    const config = {
+      cert: readEnvFile(crtFile, 'SSL_CRT_FILE'),
+      key: readEnvFile(keyFile, 'SSL_KEY_FILE'),
+    };
+
+    validateKeyAndCerts({ ...config, keyFile, crtFile });
+    return config;
+  }
+  return isHttps;
+}
+
+module.exports = getHttpsConfig;

package/config/jest/babelTransform.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const babelJest = require('babel-jest').default;
+
+const hasJsxRuntime = (() => {
+  if (process.env.DISABLE_NEW_JSX_TRANSFORM === 'true') {
+    return false;
+  }
+
+  try {
+    require.resolve('react/jsx-runtime');
+    return true;
+  } catch (e) {
+    return false;
+  }
+})();
+
+module.exports = babelJest.createTransformer({
+  presets: [
+    [
+      require.resolve('babel-preset-react-app'),
+      {
+        runtime: hasJsxRuntime ? 'automatic' : 'classic',
+      },
+    ],
+  ],
+  babelrc: false,
+  configFile: false,
+});

package/config/jest/cssTransform.js

@@ -0,0 +1,14 @@
+'use strict';
+
+// This is a custom Jest transformer turning style imports into empty objects.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process() {
+    return 'module.exports = {};';
+  },
+  getCacheKey() {
+    // The output is always the same.
+    return 'cssTransform';
+  },
+};

package/config/jest/fileTransform.js

@@ -0,0 +1,40 @@
+'use strict';
+
+const path = require('path');
+const camelcase = require('camelcase');
+
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+
+module.exports = {
+  process(src, filename) {
+    const assetFilename = JSON.stringify(path.basename(filename));
+
+    if (filename.match(/\.svg$/)) {
+      // Based on how SVGR generates a component name:
+      // https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
+      const pascalCaseFilename = camelcase(path.parse(filename).name, {
+        pascalCase: true,
+      });
+      const componentName = `Svg${pascalCaseFilename}`;
+      return `const React = require('react');
+      module.exports = {
+        __esModule: true,
+        default: ${assetFilename},
+        ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
+          return {
+            $$typeof: Symbol.for('react.element'),
+            type: 'svg',
+            ref: ref,
+            key: null,
+            props: Object.assign({}, props, {
+              children: ${assetFilename}
+            })
+          };
+        }),
+      };`;
+    }
+
+    return `module.exports = ${assetFilename};`;
+  },
+};