@plusscommunities/pluss-feature-builder-web 1.0.7 → 1.0.9-beta.0

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "@plusscommunities/pluss-feature-builder-web",
-  "version": "1.0.7",
+  "version": "1.0.9-beta.0",
   "description": "Contains the feature builder extension for the pluss communities ",
-  "main": "dist/index.cjs.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
   "scripts": {
-    "build": "npm i && rollup -c",
+    "build": "rollup -c",
+    "prepublishOnly": "(cd .. && npm install) && npm run build",
     "betapatch": "npm version prepatch --preid=beta",
     "patch": "npm version patch",
-    "betaupload": "npm run build && npm publish --access public --tag beta && rm -rf node_modules",
+    "betaupload": "npm publish --access public --tag beta",
     "betaupload:p": "npm run betapatch && npm run betaupload",
-    "upload": "npm run build && npm publish --access public && rm -rf node_modules",
+    "upload": "npm publish --access public",
     "upload:p": "npm run patch && npm run upload",
     "copy:add": "run(){ ext=${1:-default}; test -f src/values.config.$ext.js || cp src/values.config.default.js src/values.config.$ext.js; }; run",
     "copy:get": "echo $npm_package_name",
@@ -18,36 +21,23 @@
     "copy:upload": "npm run patch; for file in `ls ./src/values.config.*.js`; do dup=`echo $file | sed 's/.*values\\.config\\.\\(.*\\)\\.js/\\1/'`; npm run copy:set $dup; npm run upload; done; npm run copy:set;"
   },
   "author": "Phillip Suh",
-  "devDependencies": {
-    "@babel/cli": "^7.14.3",
-    "@babel/core": "^7.14.3",
-    "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@babel/plugin-transform-optional-chaining": "^7.14.5",
-    "@babel/plugin-transform-react-jsx": "^7.14.3",
-    "@babel/plugin-transform-runtime": "^7.14.3",
-    "@babel/preset-env": "^7.14.2",
-    "@babel/preset-react": "^7.13.13",
-    "@rollup/plugin-babel": "^5.3.0",
-    "@rollup/plugin-image": "^2.0.6",
-    "@rollup/plugin-json": "^4.1.0",
-    "autoprefixer": "^10.2.6",
-    "rollup": "^2.50.1",
-    "rollup-plugin-local-resolve": "^1.0.7",
-    "rollup-plugin-styles": "^3.14.1"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.14.0"
+    "@babel/runtime": "^7.14.0",
+    "@fortawesome/free-solid-svg-icons": "^6.0.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
+    "@dnd-kit/sortable": "^7.0.0",
+    "@dnd-kit/core": "^6.0.0"
   },
   "peerDependencies": {
-    "@fortawesome/fontawesome-svg-core": "*",
-    "@fortawesome/free-solid-svg-icons": "*",
-    "@fortawesome/react-fontawesome": "*",
     "@plusscommunities/pluss-core-web": "*",
     "lodash": "*",
     "moment": "*",
     "react": "*",
     "react-bootstrap": "*",
     "react-dom": "*",
+    "react-redux": "*",
+    "react-router-dom": "*",
+    "react-router": "*",
     "react-fontawesome": "*"
   },
   "keywords": []

package/rollup.config.js

@@ -1,69 +1,5 @@
-import styles from "rollup-plugin-styles";
-const autoprefixer = require("autoprefixer");
-import babel from "@rollup/plugin-babel";
-import json from "@rollup/plugin-json";
-import image from "@rollup/plugin-image";
-import localResolve from "rollup-plugin-local-resolve";
+import { defineConfig } from "../common/rollup.common";
 
-// the entry point for the library
-const input = "src/index.js";
+const inputs = [{ path: "src/index.js", output: "index" }];
 
-var MODE = [
-	{
-		format: "cjs",
-	},
-];
-
-var config = [];
-
-MODE.map((m) => {
-	var conf = {
-		input: input,
-		output: {
-			// then name of your package
-			name: "@plusscommunities/pluss-feature-builder-web",
-			file: `dist/index.${m.format}.js`,
-			format: m.format,
-			exports: "auto",
-		},
-		// this externelizes react to prevent rollup from compiling it
-		external: [
-			"react",
-			"react-dom",
-			"react-redux",
-			"react-router-dom",
-			"@fortawesome/react-fontawesome",
-			"@fortawesome/fontawesome-svg-core",
-			"@fortawesome/free-solid-svg-icons",
-			"@plusscommunities/pluss-core-web",
-			/@babel\/runtime/,
-		],
-		plugins: [
-			// these are babel comfigurations
-			babel({
-				exclude: "node_modules/**",
-				presets: ["@babel/preset-react", "@babel/preset-env"],
-				plugins: [
-					"@babel/transform-runtime",
-					"@babel/plugin-transform-react-jsx",
-					"@babel/plugin-transform-optional-chaining",
-					["@babel/plugin-transform-class-properties", { loose: true }],
-				],
-				babelHelpers: "runtime",
-			}),
-			// this adds support for styles
-			styles({
-				postcss: {
-					plugins: [autoprefixer()],
-				},
-				autoModules: /\.module\.css$/,
-			}),
-			json(),
-			image(),
-			localResolve(),
-		],
-	};
-	config.push(conf);
-});
-
-export default [...config];
+export default defineConfig(inputs);

package/src/components/ListingEditor.jsx

@@ -220,7 +220,7 @@ const ListingEditor = ({ mode = "create", listingId, onSuccess, onCancel }) => {
 		return (
 			<OverlayPage onClose={handleClose}>
 				<OverlayPageContents>
-					<OverlayPageSection className="pageSectionWrapper--newPopup1000">
+					<OverlayPageSection className="pageSectionWrapper--newPopup1000 padding-20">
 						<div className={`padding-20 ${styles.centered}`}>
 							<Text type="h2">Access Restricted</Text>
 							<Text type="body">
@@ -248,7 +248,7 @@ const ListingEditor = ({ mode = "create", listingId, onSuccess, onCancel }) => {
 		return (
 			<OverlayPage onClose={handleClose}>
 				<OverlayPageContents>
-					<OverlayPageSection className="pageSectionWrapper--newPopup1000">
+					<OverlayPageSection className="pageSectionWrapper--newPopup1000 padding-20">
 						<div className="padding-20">
 							<SkeletonLoader type="form-input" count={4} />
 						</div>
@@ -265,7 +265,7 @@ const ListingEditor = ({ mode = "create", listingId, onSuccess, onCancel }) => {
 		return (
 			<OverlayPage onClose={handleClose}>
 				<OverlayPageContents>
-					<OverlayPageSection className="pageSectionWrapper--newPopup1000">
+					<OverlayPageSection className="pageSectionWrapper--newPopup1000 padding-20">
 						<div className={`padding-20 ${styles.centered}`}>
 							<Text type="body">Error loading data: {error}</Text>
 						</div>
@@ -295,7 +295,7 @@ const ListingEditor = ({ mode = "create", listingId, onSuccess, onCancel }) => {
 		return (
 			<OverlayPage onClose={handleClose}>
 				<OverlayPageContents>
-					<OverlayPageSection className="pageSectionWrapper--newPopup1000">
+					<OverlayPageSection className="pageSectionWrapper--newPopup1000 padding-20">
 						<div className={`padding-20 ${styles.centered}`}>
 							<Text type="h2">No Feature Definition</Text>
 							<Text type="body">
@@ -318,7 +318,7 @@ const ListingEditor = ({ mode = "create", listingId, onSuccess, onCancel }) => {
 		<Fragment>
 			<OverlayPage onClose={handleClose}>
 				<OverlayPageContents>
-					<OverlayPageSection className="pageSectionWrapper--newPopup">
+					<OverlayPageSection className="pageSectionWrapper--newPopup padding-20">
 						<Text type="formTitleLarge" className="marginBottom-16">
 							{isEditMode
 								? `Edit ${capitalizeTextWithFallback(displayName, values.singularName)} listing`

package/.babelrc

@@ -1,4 +0,0 @@
-{
-  "presets": ["@babel/preset-react", "@babel/preset-env"],
-  "plugins": ["@babel/plugin-transform-react-jsx", "@babel/plugin-transform-optional-chaining", "@babel/plugin-transform-class-properties"]
-}