@goldenpine/react-form-builder2 0.18.4-patch.1

package/package.json

@@ -0,0 +1,118 @@
+{
+  "name": "@goldenpine/react-form-builder2",
+  "version": "0.18.4-patch.1",
+  "description": "A complete form builder for react.",
+  "main": "lib/index.js",
+  "types": "types/index.d.ts",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/goldenpine/react-form-builder.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "lib",
+    "dist",
+    "types"
+  ],
+  "keywords": [
+    "react",
+    "react-component",
+    "form",
+    "builder",
+    "ui",
+    "drag",
+    "drop"
+  ],
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "author": "Kiho Chang",
+  "contributors": [
+    {
+      "name": "Zach Robichaud",
+      "email": "zach2825@gmail.com",
+      "url": "https://turtlebytes.com"
+    }
+  ],
+  "dependencies": {
+    "beedle": "^0.8.1",
+    "classnames": "^2.2.6",
+    "cors": "^2.8.5",
+    "date-fns": "^2.16.1",
+    "draft-js": "^0.11.7",
+    "draftjs-to-html": "^0.9.1",
+    "es6-promise": "^4.2.8",
+    "fbemitter": "^3.0.0",
+    "file-saver": "^2.0.5",
+    "immutability-helper": "^3.1.1",
+    "isomorphic-fetch": "^3.0.0",
+    "prop-types": "^15.7.2",
+    "react-bootstrap-slider": "^2.2.3",
+    "react-datepicker": "^3.4.1",
+    "react-dnd": "^11.1.3",
+    "react-dnd-html5-backend": "^11.1.3",
+    "react-draft-wysiwyg": "^1.14.7",
+    "react-intl": "^5.24.3",
+    "react-select": "^3.2.0",
+    "react-signature-canvas": "^1.0.3",
+    "react-textarea-autosize": "^7.1.2",
+    "xss": "^1.0.8"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.12.10",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-json-strings": "^7.12.1",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
+    "@babel/plugin-transform-runtime": "^7.17.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/runtime-corejs2": "^7.12.5",
+    "add": "^2.0.6",
+    "babel-eslint": "^10.1.0",
+    "babel-loader": "^8.2.2",
+    "copyfiles": "^2.4.1",
+    "css-loader": "^3.6.0",
+    "ejs": "^2.7.4",
+    "eslint": "^6.8.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.22.0",
+    "express": "^4.17.1",
+    "multer": "^1.4.2",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "rimraf": "^3.0.2",
+    "sass": "^1.52.3",
+    "sass-loader": "^10.0.0",
+    "style-loader": "^1.3.0",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^3.3.12",
+    "webpack-dev-server": "^3.11.2"
+  },
+  "scripts": {
+    "build": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode production --config webpack.production.config.js",
+    "build:dev": "NODE_OPTIONS=--openssl-legacy-provider webpack --mode development",
+    "build:umd": "webpack --mode development --config webpack.production.config.js",
+    "build:style": "sass ./scss/application.scss dist/app.css --style compressed",
+    "build:lib": "npm run transpile && npm run build:style",
+    "build:dist": "npm run build && npm run copy:dist",
+    "clean": "rimraf dist",
+    "copy:dist": "copyfiles -f \"./dist/*\" \"./public/dist\"",
+    "prepublishOnly": "npm run clean && NODE_OPTIONS=--openssl-legacy-provider npm run build:lib && NODE_OPTIONS=--openssl-legacy-provider npm run build",
+    "watch": "webpack --watch",
+    "start": "NODE_OPTIONS=--openssl-legacy-provider webpack-dev-server --hot --mode development",
+    "serve:api": "node server/index.js",
+    "pretranspile": "rimraf lib",
+    "transpile": "babel --out-dir lib src --copy-files"
+  }
+}

package/types/index.d.ts

@@ -0,0 +1,184 @@
+/* eslint-disable max-classes-per-file */
+import * as React from 'react';
+
+type BaseElement = {
+  id: string;
+  element:
+    | "Header Text"
+    | "Label"
+    | "Paragraph"
+    | "Line Break"
+    | "Dropdown"
+    | "Tags"
+    | "Checkboxes"
+    | "Multiple Choice"
+    | "Text Input"
+    | "Number Input"
+    | "Multi-line Input"
+    | "Two Column Row"
+    | "Three Column Row"
+    | "Multi Column Row"
+    | "Image"
+    | "Rating"
+    | "Date"
+    | "Signature"
+    | "Web site"
+    | "Fieldset"
+    | "File Attachment"
+    | "Range"
+    | "Camera";
+  showDescription?: boolean;
+  required: boolean;
+  canHaveAlternateForm: boolean;
+  canHaveDisplayHorizontal: boolean;
+  canHaveOptionCorrect: boolean;
+  canHaveOptionValue: boolean;
+  canHavePageBreakBefore: boolean;
+  canPopulateFromApi: boolean;
+  text: string;
+};
+export type StaticElement = {
+  bold: boolean;
+  content: string;
+  inline?: boolean;
+  italic: boolean;
+  static: true;
+};
+export type FormBuilderInput = {
+  canHaveAnswer?: true;
+  field_name: string;
+  label: string;
+};
+export type Option = {
+  key: string;
+  label?: string;
+  text: string;
+  value: string;
+};
+export type SelectableElement = {
+  options: Option[];
+} & FormBuilderInput;
+export type ImageElement = {
+  field_name: string;
+  src: string;
+};
+export type DateElement = {
+  dateFormat: string;
+  defaultToday: boolean;
+  readOnly: boolean;
+  showTimeSelect: boolean;
+  showTimeSelectOnly: boolean;
+  showTimeInput: boolean;
+  timeFormat: string;
+} & FormBuilderInput;
+export type RangeElement = {
+  max_label: string;
+  max_value: number;
+  min_label: string;
+  min_value: number;
+} & FormBuilderInput;
+export type FileElement = {
+  _href: string;
+  file_path: string;
+  field_name: string;
+} & StaticElement;
+export type WebsiteElement = {
+  href: string;
+} & StaticElement;
+export type SignatureElement = {
+  readOnly: boolean;
+} & FormBuilderInput;
+export type TaskData = BaseElement &
+  (| StaticElement
+    | FormBuilderInput
+    | SelectableElement
+    | ImageElement
+    | DateElement
+    | RangeElement
+    | WebsiteElement
+    | FileElement
+    | SignatureElement
+    // eslint-disable-next-line no-use-before-define
+    | FormBuilderLayout
+  );
+export type FormBuilderLayout = {
+  isContainer: true;
+  childItems: TaskData[];
+  field_name: string;
+};
+export type FormBuilderPostData = {
+  task_data: TaskData[];
+};
+
+export type ToolbarItem = {
+  key: string;
+  name: string;
+  static: boolean;
+  icon: string;
+  content: string;
+};
+
+export interface FormBuilderProps {
+  toolbarItems?: ToolbarItem[];
+  files?: any[];
+  locale?: string;
+  url?: string;
+  showCorrectColumn?: boolean;
+  show_description?: boolean;
+  onLoad?: () => Promise<FormBuilderPostData>;
+  onPost?: (data: FormBuilderPostData) => void;
+  saveUrl?: string;
+  saveAlways?: boolean;
+  editMode?: boolean;
+  renderEditForm?: (props: BaseElement) => React.ReactNode;
+}
+
+export class ReactFormBuilder extends React.Component<FormBuilderProps> {}
+
+export interface FormGeneratorOnSubmitParams {
+  id: number;
+  name: string;
+  custom_name: string;
+  value: string | string[];
+}
+
+export interface FormGeneratorProps {
+  form_action: string;
+  form_method: string;
+  action_name?: string;
+  onBlur?: (info: FormGeneratorOnSubmitParams[]) => void;
+  onSubmit?: (info: FormGeneratorOnSubmitParams[]) => void;
+  onChange?: (info: FormGeneratorOnSubmitParams[]) => void;
+  data: any[];
+  back_action?: string;
+  back_name?: string;
+  locale?: string;
+  task_id?: number;
+  answer_data?: any[];
+  authenticity_token?: string;
+  hide_actions?: boolean;
+  skip_validations?: boolean;
+  option_key_value?: 'key' | 'value';
+  download_path?: string;
+  display_short?: boolean;
+  read_only?: boolean;
+  // eslint-disable-next-line no-undef
+  variables?: Record<any, any>;
+  submitButton?: JSX.Element;
+}
+
+export class ReactFormGenerator extends React.Component<FormGeneratorProps> {}
+
+export type ActionType = "load" | "updateOrder" | "delete";
+
+export class ElementStore {
+  static dispatch: (type: ActionType, data: any) => void;
+}
+
+export class Registry {
+  static register: (name: string, component: React.ReactNode) => void;
+
+  static list: () => string[];
+
+  static get: (name: string) => React.ReactNode;
+}