@daracl/form 0.0.1

package/dist/types/Message.d.ts

@@ -0,0 +1,40 @@
+export interface Message {
+  required: string;
+  fileButton: string;
+  selection: string;
+
+  // string
+  string: {
+    minLength: string;
+    maxLength: string;
+    between: string;
+  };
+
+  // number message
+  number: {
+    nan: string;
+    minimum: string;
+    exclusiveMinimum: string;
+    maximum: string;
+    exclusiveMaximum: string;
+    between: string;
+    betweenExclusiveMin: string;
+    betweenExclusiveMax: string;
+    betweenExclusiveMinMax: string;
+  };
+
+  // 정규식 메시지
+  regexp: {
+    mobile: string;
+    email: string;
+    url: string;
+    number: string;
+    alpha: string;
+    "alpha-num": string;
+    variable: string;
+    "number-char": string;
+    "upper-char": string;
+    "upper-char-special": string;
+    "upper-char-special-number": string;
+  };
+}

package/dist/types/ValidResult.d.ts

@@ -0,0 +1,9 @@
+import { RULES } from '../constants';
+
+export interface ValidResult {
+    name: string
+    constraint: any[]
+    regexp?: string
+    validator?: any
+    message?: string
+}

package/dist/util/Lanauage.d.ts

@@ -0,0 +1,38 @@
+import { Message } from "@t/Message";
+import { FormField } from "../types/FormField";
+import { ValidResult } from "@t/ValidResult";
+/**
+ * validation 메시지 처리.
+ *
+ * @class Language
+ * @typedef {Language}
+ */
+declare class Language {
+    private lang;
+    /**
+     * 다국어 메시지 등록
+     *
+     * @public
+     * @param {?Message} [lang] 둥록할 메시지
+     */
+    set(lang?: Message): void;
+    /**
+     * 메시지 얻기
+     *
+     * @public
+     * @param {string} messageKey 메시지 키
+     * @returns {*}
+     */
+    getMessage(messageKey: string): any;
+    /**
+     * ValidResult 값을 메시지로 변경.
+     *
+     * @public
+     * @param {FormField} field
+     * @param {ValidResult} validResult
+     * @returns {string[]}
+     */
+    validMessage(field: FormField, validResult: ValidResult): string[];
+}
+declare const _default: Language;
+export default _default;

package/dist/util/renderFactory.d.ts

@@ -0,0 +1,3 @@
+import { FormField } from "@t/FormField";
+import Render from "../renderer/Render";
+export declare const getRenderer: (field: FormField) => Render;

package/dist/util/styleUtils.d.ts

@@ -0,0 +1,14 @@
+import { FieldStyle, FormField } from "@t/FormField";
+import { FormOptions } from "@t/FormOptions";
+declare const _default: {
+    /**
+     * field style 처리
+     *
+     * @param formOptions FormOptions
+     * @param field FormField
+     * @param beforeField FormField
+     * @returns FieldStyle
+     */
+    fieldStyle(formOptions: FormOptions, field: FormField, beforeField?: FormField | null, isLabelHide?: boolean): FieldStyle;
+};
+export default _default;

package/dist/util/utils.d.ts

@@ -0,0 +1,62 @@
+import { FormField } from "@t/FormField";
+export declare const replaceXss: (inputText: string) => string;
+export declare const hasOwnProp: (obj: any, key: string) => boolean;
+export declare const unReplace: (inputText: string) => string;
+export declare const unFieldName: (fieldName: string) => string;
+export declare const isBlank: (value: any) => boolean;
+export declare const isUndefined: (value: any) => value is undefined;
+export declare const isFunction: (value: any) => boolean;
+export declare const isString: (value: any) => value is string;
+export declare const isNumber: (value: any) => value is number;
+export declare const isArray: (value: any) => value is any[];
+/**
+ * 값있는지 여부 체크.
+ *
+ * @param {*} value
+ * @returns {boolean}
+ */
+export declare const isEmpty: (value: any) => boolean;
+/**
+ * tab render type check
+ *
+ * @param {FormField} field
+ * @returns {boolean} tab type 인지 여부
+ */
+export declare const isTabType: (field: FormField) => boolean;
+/**
+ * grid render type check
+ *
+ * @param {FormField} field
+ * @returns {boolean} grid type 인지 여부
+ */
+export declare const isGridType: (field: FormField) => boolean;
+export declare const replaceXssField: (field: FormField) => FormField;
+/**
+ * 값을 무시하는 필드
+ *
+ * @param field formField
+ * @returns
+ */
+export declare const ignoreValueField: (field: FormField) => boolean;
+/**
+ * grid field name xss repalce
+ *
+ * @param {FormField} field
+ * @returns {string} replace 된 field name
+ */
+export declare const getXssFieldName: (field: FormField) => string;
+export declare const getHashCode: (str: string) => string | number;
+export declare const isHiddenField: (field: FormField) => boolean;
+export declare const templateToElement: (htmlTemplate: string) => Element | null;
+export declare function isPlainObject(obj: any): boolean;
+/**
+ * object merge
+ *
+ * @example
+ ```
+ merge({},{aaa:'bbb',ccc:'ddd'},{bbb:'bbb','aaa':'aaa'})) -> {"aaa": "aaa", "bbb": "bbb", "ccc": "ddd"}
+ ```
+ * @param {...any[]} value
+ * @returns {object}
+ */
+export declare const merge: (...value: any[]) => any;

package/dist/util/validUtils.d.ts

@@ -0,0 +1,9 @@
+import { FormField } from "@t/FormField";
+import { ValidResult } from "@t/ValidResult";
+export declare const invalidMessage: (field: FormField, rowElement: Element, validResult: ValidResult | boolean) => void;
+/**
+ * remove row element style class
+ *
+ * @param {Element} rowElement
+ */
+export declare const resetRowElementStyleClass: (rowElement: Element) => void;

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@daracl/form",
+  "version": "0.0.1",
+  "sideEffects": false,
+  "description": "Daracl form validation ",
+  "author": {
+    "name": "darainfo",
+    "email": "darainfosys@gmail.com",
+    "url": "https://www.moaview.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/darainfo/daracl.form.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "license": "MIT",
+  "keywords": [
+    "@daracl/form",
+    "daraclValidation",
+    "daracl-validation",
+    "daraclForm",
+    "daracl-form",
+    "form",
+    "validation",
+    "darainfo",
+    "javascript"
+  ],
+  "main": "src/index.ts",
+  "types": "./dist/index.d.ts",
+  "homepage": "https://github.com/darainfo/daracl.form",
+  "bugs": {
+    "url": "https://github.com/darainfo/daracl.form/issues",
+    "email": "darainfosys@gmail.com"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./dist/": "./dist/",
+    "./style/": "./style/"
+  },
+  "files": [
+    "dist",
+    "style"
+  ],
+  "dependencies": {
+    "@daracl/datetimepicker": "^0.0.2",
+    "@daracl/toast": "^0.0.5",
+    "init": "^0.1.2",
+    "ink-docstrap": "^1.3.2",
+    "preact": "^10.13.2",
+    "tslint": "^6.1.3",
+    "tslint-config-prettier": "^1.18.0"
+  },
+  "prettier": {
+    "printWidth": 256,
+    "useTabs": false,
+    "tabWidth": 2,
+    "bracketSpacing": true,
+    "semi": true,
+    "singleQuote": false
+  },
+  "editor.formatOnSave": true,
+  "[javascript]": {
+    "editor.formatOnSave": false
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.22.5",
+    "@babel/core": "^7.21.4",
+    "@babel/node": "^7.20.7",
+    "@babel/parser": "^7.21.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-transform-modules-commonjs": "^7.21.2",
+    "@babel/plugin-transform-runtime": "^7.21.4",
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-typescript": "^7.21.4",
+    "@mxssfd/typedoc-theme": "^1.1.1",
+    "@types/dropzone": "^5.7.4",
+    "@types/file-saver": "^2.0.5",
+    "@types/jest": "^29.5.1",
+    "@types/lodash": "^4.14.194",
+    "@types/lodash-es": "^4.17.7",
+    "@types/node": "^20.1.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.5",
+    "@typescript-eslint/parser": "^5.59.5",
+    "babel-loader": "^8.3.0",
+    "babel-plugin-dynamic-import-webpack": "^1.1.0",
+    "babel-plugin-lodash": "^3.3.4",
+    "copy-webpack-plugin": "^11.0.0",
+    "copyfiles": "^2.4.1",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "dropzone": "^6.0.0-beta.2",
+    "esbuild": "^0.19.2",
+    "esbuild-sass-plugin": "^2.12.0",
+    "eslint": "^8.40.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.3",
+    "jest": "^29.0.0",
+    "lodash-es": "^4.17.21",
+    "material-icons": "^1.13.8",
+    "mini-css-extract-plugin": "^2.7.6",
+    "prettier": "^2.8.8",
+    "sass-loader": "^13.3.2",
+    "style-loader": "^3.3.3",
+    "terser-webpack-plugin": "^5.3.9",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.2",
+    "typedoc": "^0.24.8",
+    "typescript": "^5.1.6",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.73.0",
+    "webpack-bundle-analyzer": "^4.9.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.9.2",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "scripts": {
+    "prepack": "yarn build",
+    "build": "yarn build:prod && yarn copy-dts && yarn build:tsc && yarn build:js",
+    "build:tsc": "npx tsc --emitDeclarationOnly",
+    "build:js": "node build.js",
+    "build:dev": "webpack --config webpack.dev.js",
+    "build:prod": "webpack --config webpack.prod.js && webpack --env=mode=deploy --config webpack.dev.js",
+    "dts:gen": "npx -p typescript tsc src/index.js --declaration --allowJs --emitDeclarationOnly --outDir dist",
+    "docs:gen": "typedoc --tsconfig tsconfig.doc.json",
+    "test": "jest",
+    "start": "webpack-dev-server --open --config ./webpack.dev.server.js",
+    "copy-dts": "copyfiles -u 1 \"src/**/*.d.ts\" dist"
+  }
+}

package/src/index.ts

@@ -0,0 +1,7 @@
+import DaraForm from "./DaraForm";
+
+import "../style/daracl.form.scss";
+
+import "@daracl/datetimepicker/style/daracl.datetimepicker.scss";
+
+export = DaraForm;