indicator-ui 0.0.4 → 0.0.5

package/dist/types/src/ui/FormBuilder/lib/index.d.ts

@@ -0,0 +1,8 @@
+export { default as inputFieldComponent } from './inputFieldComponent';
+export { default as reactNodeComponent } from './reactNodeComponent';
+export { default as formWrapperComponent } from './formWrapperComponent';
+export { default as arrayFieldComponent } from './arrayFieldComponent';
+export { default as blockComponent } from "./blockComponent";
+export { default as customFieldWrapperComponent } from "./customFieldWrapperComponent";
+export { default as blockWrapperComponent } from "./blockWrapperComponent";
+export { default as formBuilder } from './formBuilder';

package/dist/types/src/ui/FormBuilder/lib/inputFieldComponent.d.ts

@@ -0,0 +1,5 @@
+import { Key, ReactElement } from "react";
+import { INPUT_FIELD_SCHEMA } from "../schemes";
+import { AdditionPropsType } from "../types";
+declare const inputFieldComponent: (schema: INPUT_FIELD_SCHEMA, key: Key, additionProps: AdditionPropsType) => ReactElement;
+export default inputFieldComponent;

package/dist/types/src/ui/FormBuilder/lib/reactNodeComponent.d.ts

@@ -0,0 +1,5 @@
+import { Key, ReactNode } from "react";
+import { REACT_NODE_SCHEMA } from "../schemes";
+import { AdditionPropsType } from '../types';
+declare const reactNodeComponent: (schema: REACT_NODE_SCHEMA, key: Key, _additionProps: AdditionPropsType) => ReactNode;
+export default reactNodeComponent;

package/dist/types/src/ui/FormBuilder/schemes/index.d.ts

@@ -0,0 +1,76 @@
+import React, { ReactElement, ReactNode } from "react";
+import { InputFieldPropsType, InputFieldWrapperPropsType } from "@/ui";
+import { Overwrite } from "@/types";
+export type BLOCK_SCHEMA = {
+    type: 'block';
+    props?: Overwrite<React.HTMLProps<HTMLDivElement>, {
+        children?: FORM_BUILDER_SCHEMA;
+    }>;
+};
+export type ADDITION_PROPS = {
+    type: 'addition_props';
+    props: {
+        className?: {
+            [key: string]: string;
+        };
+    };
+};
+export type CUSTOM_FIELD_WRAPPER_SCHEMA = {
+    type: 'custom_field_wrapper';
+    props: Overwrite<InputFieldWrapperPropsType, {
+        children?: FORM_BUILDER_SCHEMA;
+    }>;
+};
+export type InputFieldValidationFunObjectReturnType = {
+    status: boolean;
+    message: string;
+};
+export type InputFieldValidationFunReturnType = string | boolean | InputFieldValidationFunObjectReturnType;
+export type InputFieldValidationFunType = (data: any) => InputFieldValidationFunReturnType;
+export type InputFieldOnBlurValidationType = {
+    required?: boolean;
+    fun?: InputFieldValidationFunType;
+};
+export type INPUT_FIELD_SCHEMA = {
+    type: 'input_field';
+    props: Overwrite<InputFieldPropsType, {
+        keyWay?: string[];
+        ownerInputComponent?: ReactElement;
+        onBlurValidation?: InputFieldOnBlurValidationType;
+        onChangeValidation?: InputFieldOnBlurValidationType;
+        required?: boolean;
+        defaultValue?: any;
+        serializeValue?: (data: any) => any;
+        deserializeValue?: (data: any) => any;
+    }> & {
+        [key: string]: any;
+    };
+};
+export type REACT_NODE_SCHEMA = {
+    type: 'react_node_component';
+    react_node_comp?: ReactNode;
+};
+export type FORM_WRAPPER_SCHEMA = {
+    type: 'form_wrapper';
+    form_wrapper?: ReactElement;
+    props: Overwrite<React.HTMLProps<HTMLDivElement>, {
+        name?: string;
+        children?: FORM_BUILDER_SCHEMA;
+    }>;
+};
+export type ARRAY_FIELDS_SCHEMA = {
+    type: 'array_fields';
+    array_comp?: ReactElement;
+    props: Overwrite<React.HTMLProps<HTMLDivElement>, {
+        name: string;
+        children?: FORM_BUILDER_SCHEMA;
+    }>;
+};
+export type BLOCK_WRAPPER_SCHEMA<T = HTMLDivElement> = {
+    type: 'block_wrapper';
+    block_wrapper?: ReactElement;
+    props?: Overwrite<React.HTMLProps<T>, {
+        children?: FORM_BUILDER_SCHEMA;
+    }>;
+};
+export type FORM_BUILDER_SCHEMA = (FORM_WRAPPER_SCHEMA | REACT_NODE_SCHEMA | INPUT_FIELD_SCHEMA | BLOCK_SCHEMA | ADDITION_PROPS | CUSTOM_FIELD_WRAPPER_SCHEMA | ARRAY_FIELDS_SCHEMA | BLOCK_WRAPPER_SCHEMA)[];

package/dist/types/src/ui/FormBuilder/styles/index.d.ts

@@ -0,0 +1 @@
+export { default as FormBuilderStyle } from './FormBuilder.module.scss';

package/dist/types/src/ui/FormBuilder/types/FormBuilderTypes.d.ts

@@ -0,0 +1,56 @@
+import { InputFieldClassNameType } from "@/ui";
+import { DictDeepActionKeyWayType } from "@/types";
+import { UseFormDataDeleteArrayItemType, UseFormDataGetValueType, UseFormDataSetValueType, UseIsErrorFieldAddErrorFieldType, UseIsErrorFieldGetErrorMessageType, UseIsErrorFieldIsErrorFieldType, UseIsErrorFieldIsErrorType, UseIsErrorFieldRemoveErrorFieldType } from "@/hooks";
+import { FORM_BUILDER_SCHEMA } from "../schemes";
+export type FormBuilderPropsType<T> = {
+    schema: FORM_BUILDER_SCHEMA;
+    formDataDefault?: T;
+    onChange?: (formData: T) => void;
+    onChangeIsError?: (isError: UseIsErrorFieldIsErrorType) => void;
+    onChangeValidateIsError?: (isError: UseIsErrorFieldIsErrorType) => void;
+    inputFieldClassName?: InputFieldClassNameType;
+    additionIsErrorFields?: UseIsErrorFieldIsErrorType;
+    formDataDefaultListener?: T;
+    sensitiveErrorSearch?: boolean;
+    inputFieldAdditionProps?: InputFieldAdditionPropsType;
+};
+export type GetStoreValueType = (key: string) => any;
+export type AddStoreValueType = (value: any, key: string) => void;
+export type RemoveStoreValueType = (key: string) => void;
+export type ValidateFunction = {
+    validateFun: (data: any) => boolean;
+    keyWay: DictDeepActionKeyWayType;
+    errorMessage?: string;
+};
+export type CustomCompAdditionPropsType = {
+    deletearrayitem?: () => void;
+    getvalue?: () => any;
+};
+export type StandardCompAdditionPropsType = {
+    [key: string]: any;
+};
+export type InputFieldAdditionPropsType = {
+    [key: string]: any;
+};
+export type AdditionPropsType = {
+    keyWay: DictDeepActionKeyWayType;
+    arrayKeyWayItemName?: string;
+    getCurArrayIndex?: () => number;
+    incrementCurArrayIndex?: () => void;
+    getValue: UseFormDataGetValueType;
+    setValue: UseFormDataSetValueType;
+    deleteArrayItemHook: UseFormDataDeleteArrayItemType;
+    isErrorField: UseIsErrorFieldIsErrorFieldType;
+    getErrorMessage: UseIsErrorFieldGetErrorMessageType;
+    addErrorField: UseIsErrorFieldAddErrorFieldType;
+    removeErrorField: UseIsErrorFieldRemoveErrorFieldType;
+    addOnChangeErrorField: UseIsErrorFieldAddErrorFieldType;
+    removeOnChangeErrorField: UseIsErrorFieldRemoveErrorFieldType;
+    inputFieldClassName?: InputFieldClassNameType;
+    standardCompAdditionProps?: StandardCompAdditionPropsType;
+    customCompAdditionProps?: CustomCompAdditionPropsType;
+    inputFieldAdditionProps?: InputFieldAdditionPropsType;
+    getPrivateRefStoreValue: GetStoreValueType;
+    addPrivateRefStoreValue: AddStoreValueType;
+    removePrivateRefStoreValue: RemoveStoreValueType;
+};

package/dist/types/src/ui/FormBuilder/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormBuilderTypes';
+export * from "../schemes";

package/dist/types/src/ui/FormBuilder/ui/FormBuilder.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { FormBuilderPropsType } from "../types";
+export declare function FormBuilder<T extends {
+    [key: string]: any;
+}>({ schema, formDataDefault, onChange, onChangeIsError, inputFieldClassName, additionIsErrorFields, onChangeValidateIsError, formDataDefaultListener, inputFieldAdditionProps, sensitiveErrorSearch, }: FormBuilderPropsType<T>): React.JSX.Element;

package/dist/types/src/ui/FormBuilder/ui/index.d.ts

@@ -0,0 +1 @@
+export * from './FormBuilder';

package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts

@@ -6,7 +6,15 @@ export type FlexFieldClassNameType = {
     disabled?: string;
     focus?: string;
     pointer?: string;
-    dropdownIcon?: string;
+    icon?: string;
+    textSupport?: string;
+    userPic?: string;
+    help?: string;
+    dropdown?: string;
+    dropdownReverse?: string;
+    button?: string;
+    gray?: string;
+    red?: string;
 };
 export type FlexFieldPropsType = {
     value?: any;
@@ -28,5 +36,7 @@ export type FlexFieldPropsType = {
     dropdown?: boolean | ReactNode;
     button?: boolean | ReactNode;
     dropdownState?: boolean;
+    buttonState?: 'gray' | 'red';
+    onButtonClick?: () => void;
     className?: FlexFieldClassNameType;
 };

package/dist/types/src/ui/index.d.ts

@@ -2,3 +2,4 @@ export * from './Buttons';
 export * from './MicroButton';
 export * from './DatePicker';
 export * from './InputFields';
+export * from './FormBuilder';

package/package.json

@@ -1,87 +1,62 @@
-{
-  "name": "indicator-ui",
-  "version": "0.0.04",
-  "main": "dist/index.js",
-  "types": "dist/types/src/index.d.ts",
-  "style": "dist/index.css",
-  "sass": "dist/scss/index.scss",
-  "scripts": {
-    "build": "rimraf dist && rollup -c --bundleConfigAsCjs",
-    "watch": "rollup -c -w --bundleConfigAsCjs",
-    "dev": "rollup -c rollup.app.config.js --watch --bundleConfigAsCjs",
-
-
-
-    "dev:dev": "webpack serve --mode development",
-    "dev:build": "webpack --mode=production && tsc --project tsconfig.json --outDir webpack",
-    "lib:build": "webpack --config webpack.lib.config.js"
-  },
-  "author": "indicator",
-  "license": "ISC",
-  "description": "",
-  "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/preset-env": "^7.26.7",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
-    "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-inject": "^5.0.5",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-replace": "^6.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@rollup/plugin-url": "^8.0.2",
-    "@svgr/rollup": "^8.1.0",
-    "@svgr/webpack": "^8.1.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^22.12.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "babel-loader": "^9.2.1",
-    "clsx": "^2.1.1",
-    "copy-webpack-plugin": "^12.0.2",
-    "css-loader": "^6.8.1",
-    "css-modules-typescript-loader": "^4.0.1",
-    "date-fns": "^4.1.0",
-    "file-loader": "^6.2.0",
-    "html-loader": "^5.1.0",
-    "html-webpack-plugin": "^5.6.3",
-    "mini-css-extract-plugin": "^2.9.2",
-    "postcss": "^8.5.1",
-    "postcss-import": "^16.1.0",
-    "postcss-loader": "^8.1.1",
-    "process": "^0.11.10",
-    "react-imask": "^7.6.1",
-    "react-router-dom": "^7.1.5",
-    "resolve-url-loader": "^5.0.0",
-    "rollup": "^4.32.1",
-    "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-delete": "^2.1.0",
-    "rollup-plugin-dts": "^6.1.1",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.1",
-    "rollup-plugin-serve": "^1.1.1",
-    "sass": "^1.66.1",
-    "sass-loader": "^16.0.4",
-    "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.2",
-    "tsconfig-paths-webpack-plugin": "^4.2.0",
-    "tslib": "^2.8.1",
-    "typed-css-modules-webpack-plugin": "^0.2.0",
-    "typescript": "^5.7.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^6.0.1",
-    "webpack-dev-server": "^5.2.0"
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "files": [
-    "dist"
-  ]
-}
+{
+  "name": "indicator-ui",
+  "version": "0.0.05",
+  "main": "dist/index.js",
+  "types": "dist/types/src/index.d.ts",
+  "style": "dist/index.css",
+  "sass": "dist/scss/index.scss",
+  "scripts": {
+    "dev:dev": "webpack serve --mode development",
+    "dev:build": "webpack --mode=production && tsc --project tsconfig.json --outDir webpack",
+    "lib:build": "webpack --config webpack.lib.config.js"
+  },
+  "author": "indicator",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "@babel/core": "^7.26.7",
+    "@babel/preset-env": "^7.26.7",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@svgr/webpack": "^8.1.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.12.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "babel-loader": "^9.2.1",
+    "clsx": "^2.1.1",
+    "copy-webpack-plugin": "^12.0.2",
+    "css-loader": "^6.8.1",
+    "css-modules-typescript-loader": "^4.0.1",
+    "date-fns": "^4.1.0",
+    "file-loader": "^6.2.0",
+    "html-loader": "^5.1.0",
+    "html-webpack-plugin": "^5.6.3",
+    "mini-css-extract-plugin": "^2.9.2",
+    "postcss": "^8.5.1",
+    "postcss-import": "^16.1.0",
+    "postcss-loader": "^8.1.1",
+    "process": "^0.11.10",
+    "react-imask": "^7.6.1",
+    "react-router-dom": "^7.1.5",
+    "resolve-url-loader": "^5.0.0",
+    "sass": "^1.66.1",
+    "sass-loader": "^16.0.4",
+    "style-loader": "^4.0.0",
+    "ts-loader": "^9.5.2",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "tslib": "^2.8.1",
+    "typed-css-modules-webpack-plugin": "^0.2.0",
+    "typescript": "^5.7.3",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "files": [
+    "dist"
+  ]
+}