@bigbinary/neeto-fields-frontend 1.0.2

package/package.json

@@ -0,0 +1,178 @@
+{
+  "name": "@bigbinary/neeto-fields-frontend",
+  "version": "1.0.2",
+  "description": "A repo acts as the source of truth for the new nano's structure, configs, data etc.",
+  "license": "UNLICENSED",
+  "homepage": "https://github.com/bigbinary/neeto-fields-nano",
+  "bugs": {
+    "url": "https://github.com/bigbinary/neeto-fields-nano/issues"
+  },
+  "repository": "neeto-fields-nano",
+  "author": "BigBinary",
+  "files": [
+    "dist",
+    "types.d.ts"
+  ],
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "types.d.ts",
+  "scripts": {
+    "build": "NODE_ENV=production rollup -c --environment production",
+    "prepare": "husky install",
+    "release": "yarn build && yalc push --sig",
+    "build-preview": "NODE_ENV=production webpack"
+  },
+  "lint-staged": {
+    "./**/app/javascript/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "./test/dummy/**/app/javascript/**/*.{js,jsx,json}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "./**/*.rb": [
+      "bundle exec rubocop -a --force-exclusion"
+    ],
+    "{Gemfile,Rakefile,config.ru}": [
+      "bundle exec rubocop -a --force-exclusion"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "7.21.5",
+    "@babel/eslint-parser": "7.21.3",
+    "@babel/plugin-transform-runtime": "7.21.4",
+    "@babel/preset-env": "7.21.5",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "7.21.5",
+    "@babel/runtime": "7.21.5",
+    "@bigbinary/babel-preset-neeto": "1.0.3",
+    "@bigbinary/eslint-plugin-neeto": "1.0.41",
+    "@bigbinary/neeto-commons-frontend": "^2.0.73",
+    "@bigbinary/neeto-icons": "^1.11.0",
+    "@bigbinary/neeto-molecules": "^1.0.30",
+    "@bigbinary/neetoui": "^5.0.14",
+    "@emotion/is-prop-valid": "1.2.0",
+    "@faker-js/faker": "7.6.0",
+    "@honeybadger-io/react": "2.0.1",
+    "@rollup/plugin-alias": "5.0.0",
+    "@rollup/plugin-babel": "6.0.3",
+    "@rollup/plugin-commonjs": "24.1.0",
+    "@rollup/plugin-json": "6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-replace": "5.0.2",
+    "@svgr/rollup": "7.0.0",
+    "antd": "4.24.3",
+    "autoprefixer": "10.4.14",
+    "axios": "0.27.2",
+    "babel-loader": "9.1.2",
+    "babel-plugin-istanbul": "6.1.1",
+    "babel-plugin-js-logger": "1.0.17",
+    "babel-plugin-macros": "3.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "0.4.24",
+    "babel-preset-react": "6.24.1",
+    "babel-preset-typescript": "7.0.0-alpha.19",
+    "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
+    "classnames": "2.3.2",
+    "crypto-browserify": "^3.12.0",
+    "css-loader": "^6.7.1",
+    "dompurify": "3.0.2",
+    "dotenv-webpack": "^8.0.1",
+    "eslint": "8.39.0",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-cypress": "2.13.3",
+    "eslint-plugin-import": "2.27.5",
+    "eslint-plugin-jam3": "0.2.3",
+    "eslint-plugin-json": "3.1.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "eslint-plugin-unused-imports": "2.0.0",
+    "formik": "2.2.9",
+    "html-webpack-plugin": "5.5.0",
+    "https-browserify": "^1.0.0",
+    "husky": "8.0.3",
+    "i18next": "22.4.10",
+    "i18next-browser-languagedetector": "7.0.1",
+    "js-logger": "1.6.1",
+    "lint-staged": "13.2.2",
+    "mini-css-extract-plugin": "^2.6.1",
+    "mixpanel-browser": "2.46.0",
+    "os-browserify": "^0.3.0",
+    "path-browserify": "^1.0.1",
+    "postcss": "8.4.23",
+    "postcss-import": "15.1.0",
+    "postcss-loader": "7.3.0",
+    "postcss-preset-env": "8.3.2",
+    "prettier": "2.8.8",
+    "prettier-plugin-tailwindcss": "0.2.8",
+    "process": "^0.11.10",
+    "ramda": "0.29.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-helmet": "6.1.0",
+    "react-i18next": "11.16.8",
+    "react-query": "3.39.3",
+    "react-router-dom": "5.2.0",
+    "react-toastify": "8.0.2",
+    "react_ujs": "2.6.2",
+    "rollup": "2.79.1",
+    "rollup-plugin-analyzer": "4.0.0",
+    "rollup-plugin-cleaner": "1.0.0",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-styles": "4.0.0",
+    "sass": "1.62.1",
+    "sass-loader": "^13.0.2",
+    "shakapacker": "^6.6.0",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    "style-loader": "^3.3.1",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
+    "tty-browserify": "^0.0.1",
+    "url": "^0.11.0",
+    "util": "0.12.5",
+    "vm-browserify": "^1.1.2",
+    "webpack": "5.76.0",
+    "webpack-assets-manifest": "^5.1.0",
+    "webpack-cli": "4.10.0",
+    "webpack-dev-server": "^4.15.0",
+    "yup": "0.32.11"
+  },
+  "peerDependencies": {
+    "@bigbinary/neeto-commons-frontend": "^2.0.54",
+    "@bigbinary/neeto-editor": "^1.26.3",
+    "@bigbinary/neeto-icons": "^1.9.22",
+    "@bigbinary/neeto-molecules": "^1.0.9",
+    "@bigbinary/neetoui": "latest",
+    "@honeybadger-io/react": "^2.0.1",
+    "axios": "^0.27.2",
+    "classnames": "^2.3.2",
+    "formik": "^2.2.9",
+    "js-logger": "^1.6.1",
+    "mixpanel-browser": "^2.45.0",
+    "ramda": "^0.29.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-query": "3.39.2",
+    "react-router-dom": "5.3.0",
+    "react-toastify": "8.2.0",
+    "yup": "^0.32.11",
+    "zustand": "4.3.2"
+  },
+  "resolutions": {
+    "postcss": "^8"
+  },
+  "engines": {
+    "node": ">=18.12",
+    "npm": ">=9",
+    "yarn": ">=1.22"
+  },
+  "dependencies": {
+    "react-router-nav-prompt": "0.4.1",
+    "source-map-loader": "^4.0.1",
+    "zustand": "4.3.2"
+  }
+}

package/types.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+
+import { UseQueryResult, UseQueryOptions } from "react-query";
+
+interface KeyValuePair {
+  [key: string]: any;
+}
+
+interface PaneProps {
+  children: React.ReactNode;
+  validations?: KeyValuePair;
+}
+
+interface FieldsDashboardProps {
+  rowData?: any[];
+  additionalColumnData?: any[];
+  showOwnersInMenu?: boolean;
+  resourceType?: string;
+  allowedKinds?: string[];
+  paneProps?: PaneProps;
+}
+
+interface AddFieldProps {
+  resourceType: string;
+  allowedKinds?: string[];
+  additionalValidations?: KeyValuePair;
+  children?: React.ReactNode;
+}
+
+interface EditProps {
+  fieldId: string;
+  allowedKinds: string[];
+  onClose: (values: any) => void;
+  children?: React.ReactNode;
+  additionalValidations?: KeyValuePair;
+}
+
+interface AddProps {
+  resourceType: string;
+  allowedKinds: string[];
+  onClose: () => void;
+  children?: React.ReactNode;
+  additionalValidations?: KeyValuePair;
+}
+interface FieldsPaneProps {
+  allowedKinds: string[];
+  isOpen: boolean;
+  resourceType: string;
+  onClose: () => void;
+  additionalValidations?: KeyValuePair;
+  selectedField?: KeyValuePair;
+  children?: React.ReactNode;
+}
+interface FieldFormProps {
+  chosenKind: string[];
+  kindSelectOptions: KeyValuePair[];
+  children?: React.ReactNode;
+}
+
+interface FieldValuesContainerProps {
+  resourceType: string;
+  fieldValues: KeyValuePair[];
+  resourceId: string;
+  ownerId?: string;
+  queryKeysToBeInvalidatedOnSuccess?: string[];
+  customComponents?: KeyValuePair;
+  className?: string;
+}
+
+interface FieldInputsProps {
+  fields: KeyValuePair[];
+  customComponents?: KeyValuePair;
+}
+
+export const FieldsDashboard = React.FC<FieldsDashboardProps>;
+export const AddField = React.FC<AddFieldProps>;
+export const FieldValuesContainer = React.FC<FieldValuesContainerProps>;
+export const FieldInputs = React.FC<FieldInputsProps>;
+
+export const useFetchFields: (options?: UseQueryOptions) => UseQueryResult;
+export const neetoFieldsUtils: {
+  transformValues: (values: KeyValuePair) => void;
+  mergeInitialValues: (args: {
+    initialValues: KeyValuePair;
+    fields: KeyValuePair[];
+  }) => KeyValuePair;
+};