@abcagency/hc-ui-components 1.3.19 → 1.3.21

package/dist/util/urlFilterUtil.js

@@ -0,0 +1,77 @@
+import { createForOfIteratorHelper as _createForOfIteratorHelper, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+
+var updateURLWithFilters = function updateURLWithFilters(filters, location, query) {
+  var searchParams = new URLSearchParams(location.search);
+  var _iterator = _createForOfIteratorHelper(searchParams.keys()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _key = _step.value;
+      if (_key.includes('.') || _key === 'query') {
+        searchParams["delete"](_key);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  if (query) {
+    searchParams.set('query', query);
+  }
+  for (var category in filters) {
+    for (var filter in filters[category]) {
+      var key = "".concat(category, ".").concat(filter);
+      if (filters[category][filter]) {
+        searchParams.set(key, 'true');
+      }
+    }
+  }
+  var newUrl = "".concat(location.pathname, "?").concat(searchParams.toString());
+  window.history.replaceState({}, '', newUrl);
+};
+var parseQueryParams = function parseQueryParams(search) {
+  var queryParams = {};
+  if (!search) return queryParams;
+  var queryString = search.split('?')[1];
+  if (!queryString) {
+    return queryParams;
+  }
+  queryString = queryString.replaceAll('+', ' ');
+  queryString.split('&').forEach(function (param) {
+    var _param$split = param.split('='),
+      _param$split2 = _slicedToArray(_param$split, 2),
+      key = _param$split2[0],
+      value = _param$split2[1];
+    queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
+  });
+  return queryParams;
+};
+var filtersFromURL = function filtersFromURL(location) {
+  if (!location || !location.search) return;
+  var filters = {};
+  var queryParam = null;
+  var queryParams = parseQueryParams(location.search);
+  if (!queryParams) return;
+  Object.keys(queryParams).forEach(function (key) {
+    if (key && key.includes('.')) {
+      var _key$split = key.split('.'),
+        _key$split2 = _slicedToArray(_key$split, 2),
+        category = _key$split2[0],
+        filter = _key$split2[1];
+      if (!filters[category]) {
+        filters[category] = {};
+      }
+      filters[category][filter] = queryParams[key] === 'true';
+    } else if (key === 'query') {
+      queryParam = queryParams[key];
+    }
+  });
+  return {
+    filters: filters,
+    query: queryParam
+  };
+};
+
+export { filtersFromURL, parseQueryParams, updateURLWithFilters };
+//# sourceMappingURL=urlFilterUtil.js.map

package/dist/util/urlFilterUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlFilterUtil.js","sources":["../../src/util/urlFilterUtil.js"],"sourcesContent":["export const updateURLWithFilters = (filters, location, query) => {\n\tconst searchParams = new URLSearchParams(location.search);\n\n\tfor (const key of searchParams.keys()) {\n\t  if (key.includes('.') || key === 'query') {\n\t\t\tsearchParams.delete(key);\n\t  }\n\t}\n\n\tif (query) {\n\t  searchParams.set('query', query);\n\t}\n\n\tfor (const category in filters) {\n\t  for (const filter in filters[category]) {\n\t\t\tconst key = `${category}.${filter}`;\n\t\t\tif (filters[category][filter]) {\n\t\t  searchParams.set(key, 'true');\n\t\t\t}\n\t  }\n\t}\n\n\tconst newUrl = `${location.pathname}?${searchParams.toString()}`;\n\twindow.history.replaceState({}, '', newUrl);\n};\n\nfunction notifyParentOfUrlChange() {\n\tsetTimeout(() => {\n\t\tvar message = {\n\t\t\ttype: 'URL_CHANGE',\n\t\t\turl: window.location.href\n\t\t};\n\t\twindow.parent.postMessage(message, \"*\");\n\t}, 500);\n}\n\nexport const parseQueryParams = search => {\n\tconst queryParams = {};\n\tif (!search) return queryParams;\n\tlet queryString = search.split('?')[1];\n\tif (!queryString) {\n\t\treturn queryParams;\n\t}\n\tqueryString = queryString.replaceAll('+', ' ');\n\tqueryString.split('&').forEach(param => {\n\t\tconst [key, value] = param.split('=');\n\t\tqueryParams[decodeURIComponent(key)] = decodeURIComponent(value);\n\t});\n\treturn queryParams;\n};\n\nexport const filtersFromURL = location => {\n\tif (!location || !location.search) return;\n\tconst filters = {};\n\tlet queryParam = null;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\tObject.keys(queryParams).forEach(key => {\n\t\tif (key && key.includes('.')) {\n\t\t\tconst [category, filter] = key.split('.');\n\t\t\tif (!filters[category]) {\n\t\t\t\tfilters[category] = {};\n\t\t\t}\n\t\t\tfilters[category][filter] = queryParams[key] === 'true';\n\t\t} else if (key === 'query') {\n\t\t\tqueryParam = queryParams[key];\n\t\t}\n\t});\n\n\treturn { filters, query: queryParam };\n};\n\nexport const hasFiltersInURL = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).some(key => key.includes('.'));\n};\n\nexport const hasQueryInUrl = location => {\n\tif (!location || !location.search) return;\n\tconst queryParams = parseQueryParams(location.search);\n\tif (!queryParams) return;\n\treturn Object.keys(queryParams).includes('query');\n};\n"],"names":["updateURLWithFilters","filters","location","query","searchParams","URLSearchParams","search","_iterator","_createForOfIteratorHelper","keys","_step","s","n","done","key","value","includes","err","e","f","set","category","filter","concat","newUrl","pathname","toString","window","history","replaceState","parseQueryParams","queryParams","queryString","split","replaceAll","forEach","param","_param$split","_param$split2","_slicedToArray","decodeURIComponent","filtersFromURL","queryParam","Object","_key$split","_key$split2"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@abcagency/hc-ui-components",
-	"version": "1.3.19",
+	"version": "1.3.21",
 	"description": "UI Components for HireControl",
 	"main": "dist/index.js",
 	"scripts": {
@@ -14,16 +14,35 @@
 	],
 	"author": "Aloysius Butler & Clark",
 	"license": "ISC",
-	"peerDependencies": {
-		"@headlessui/react": "^1.0.0",
-		"@iconify/react": "^1.0.0",
+	"dependencies": {
+		"@headlessui/react": "^1.7.19",
+		"@iconify/react": "^4.1.1",
 		"@radix-ui/react-accordion": "^1.1.2",
 		"@radix-ui/react-dialog": "^1.0.5",
 		"@radix-ui/react-select": "^2.0.0",
 		"@radix-ui/react-tabs": "^1.0.4",
-		"@react-google-maps/api": "^2.0.0",
+		"@react-google-maps/api": "^2.19.3",
+		"@testing-library/react": "^13.4.0",
+		"ajv": "^8.16.0",
+		"ajv-keywords": "^5.1.0",
+		"framer-motion": "^10.18.0",
 		"fuse.js": "^7.0.0",
-		"use-places-autocomplete": "^1.0.0"
+		"npm": "^10.8.1",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-router-dom": "^6.23.1",
+		"react-scripts": "5.0.1",
+		"react-wrap-balancer": "^1.1.1",
+		"rollup-plugin-filesize": "^10.0.0",
+		"rollup-plugin-progress": "^1.1.2",
+		"rollup-plugin-visualizer": "^5.12.0",
+		"tailwind-merge": "^2.2.0",
+		"use-places-autocomplete": "^4.0.1",
+		"web-vitals": "^2.1.4"
+	},
+	"resolutions": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.24.6",
@@ -55,6 +74,7 @@
 		"eslint-plugin-prettier": "^5.1.3",
 		"eslint-plugin-react": "^7.34.2",
 		"eslint-plugin-react-hooks": "^4.6.2",
+		"npm-force-resolutions": "^0.0.10",
 		"postcss": "^8.4.38",
 		"postcss-prefixer": "^3.0.0",
 		"postcss-preset-env": "^9.5.14",

package/postcss.config.js

@@ -1,13 +1,13 @@
-module.exports = {
-	plugins: {
-		'postcss-nesting': {}, // Use postcss-nesting directly
-		tailwindcss: {},
-		'postcss-preset-env': {
-			stage: 4, // Consider specifying a higher stage if you don't need all experimental features
-			features: {
-				'nesting-rules': false // Ensure no conflict with postcss-nesting
-			}
-		},
-		autoprefixer: {}
-	}
-};
+module.exports = {
+	plugins: {
+		'postcss-nesting': {}, // Use postcss-nesting directly
+
+		'postcss-preset-env': {
+			stage: 4, // Consider specifying a higher stage if you don't need all experimental features
+			features: {
+				'nesting-rules': false // Ensure no conflict with postcss-nesting
+			}
+		},
+		autoprefixer: {}
+	}
+};

package/rollup.config.mjs

@@ -1,92 +1,111 @@
-import babel from '@rollup/plugin-babel';
-import { nodeResolve as resolve } from '@rollup/plugin-node-resolve';
-import external from 'rollup-plugin-peer-deps-external';
-import alias from '@rollup/plugin-alias';
-import path from 'path';
-import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import dotenv from 'dotenv';
-import postcss from 'rollup-plugin-postcss';
-import { fileURLToPath } from 'url';
-import tailwindcss from 'tailwindcss';
-import autoprefixer from 'autoprefixer';
-import typescript from '@rollup/plugin-typescript';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-dotenv.config({ path: path.resolve(__dirname, '.env') });
-console.log('GOOGLE_MAPS_API_KEY:', process.env.GOOGLE_MAPS_API_KEY);
-
-const projectRootDir = path.resolve(__dirname);
-
-const plugins = [
-	external(),
-	resolve({
-		extensions: ['.js', '.jsx', '.ts', '.tsx'] // Ensure resolve works with these extensions
-	}),
-	postcss({
-		extensions: ['.css'],
-		extract: 'styles/index.css',
-		minimize: true,
-		plugins: [
-			tailwindcss(path.resolve(__dirname, 'tailwind.config.js')),
-			autoprefixer
-		]
-	}),
-	replace({
-		preventAssignment: true,
-		'process.env.GOOGLE_MAPS_API_KEY': JSON.stringify(process.env.GOOGLE_MAPS_API_KEY),
-		'process.env.GOOGLE_MAPS_API_URL': JSON.stringify(process.env.GOOGLE_MAPS_API_URL),
-		'process.env.HC_API_BASE_URL': JSON.stringify(process.env.HC_API_BASE_URL)
-	}),
-	alias({
-		entries: [{ find: '~', replacement: path.resolve(projectRootDir, 'src') }]
-	}),
-	babel({
-		babelHelpers: 'bundled',
-		exclude: 'node_modules/**',
-		presets: ['@babel/preset-env', '@babel/preset-react']
-	}),
-	typescript({
-		tsconfig: path.resolve(__dirname, 'tsconfig.json'),
-		allowJs: true
-	}),
-	commonjs()
-];
-
-const externalDependencies = [
-	'react', 'react-dom', 'react-router-dom', 'form-data',
-	'react/jsx-runtime', 'tailwind-merge'
-];
-
-export default [
-	{
-		input: path.resolve(__dirname, 'src/index.js'), // Change to .ts if your entry point is TypeScript
-		output: {
-			dir: path.resolve(__dirname, 'dist'),
-			format: 'es',
-			exports: 'named',
-			sourcemap: true,
-			preserveModules: true,
-			preserveModulesRoot: 'src'
-		},
-		plugins,
-		external: externalDependencies,
-		treeshake: true
-	},
-	// {
-	// 	input: path.resolve(__dirname, 'src/services/listingService.ts'),
-	// 	output: {
-	// 		dir: path.resolve(__dirname, 'dist'),
-	// 		format: 'es',
-	// 		exports: 'named',
-	// 		sourcemap: true,
-	// 		preserveModules: true,
-	// 		preserveModulesRoot: 'src/services'
-	// 	},
-	// 	plugins,
-	// 	external: externalDependencies,
-	// 	treeshake: true
-	// }
-];
+import babel from '@rollup/plugin-babel';
+import { nodeResolve as resolve } from '@rollup/plugin-node-resolve';
+import alias from '@rollup/plugin-alias';
+import path from 'path';
+import commonjs from '@rollup/plugin-commonjs';
+import replace from '@rollup/plugin-replace';
+import dotenv from 'dotenv';
+import postcss from 'rollup-plugin-postcss';
+import { fileURLToPath } from 'url';
+import tailwindcss from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+import typescript from '@rollup/plugin-typescript';
+import { visualizer } from 'rollup-plugin-visualizer';
+import progress from 'rollup-plugin-progress';
+import filesize from 'rollup-plugin-filesize';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+dotenv.config({ path: path.resolve(__dirname, '.env') });
+console.log('GOOGLE_MAPS_API_KEY:', process.env.GOOGLE_MAPS_API_KEY);
+
+const projectRootDir = path.resolve(__dirname);
+
+const plugins = [
+	resolve({
+		extensions: ['.js', '.jsx', '.ts', '.tsx'],
+		browser: true,
+		preferBuiltins: false
+	}),
+	postcss({
+		extensions: ['.css'],
+		extract: 'styles/index.css',
+		minimize: true,
+		plugins: [
+			tailwindcss(path.resolve(__dirname, 'tailwind.config.js')),
+			autoprefixer
+		]
+	}),
+	replace({
+		preventAssignment: true,
+		'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+		'process.env.GOOGLE_MAPS_API_KEY': JSON.stringify(process.env.GOOGLE_MAPS_API_KEY),
+		'process.env.GOOGLE_MAPS_API_URL': JSON.stringify(process.env.GOOGLE_MAPS_API_URL),
+		'process.env.HC_API_BASE_URL': JSON.stringify(process.env.HC_API_BASE_URL)
+	}),
+	alias({
+		entries: [{ find: '~', replacement: path.resolve(projectRootDir, 'src') }]
+	}),
+	babel({
+		babelHelpers: 'bundled',
+		exclude: 'node_modules/**',
+		presets: ['@babel/preset-env', '@babel/preset-react']
+	}),
+	typescript({
+		tsconfig: path.resolve(__dirname, 'tsconfig.json'),
+		allowJs: true
+	}),
+	commonjs({
+		include: /node_modules/,
+		exclude: /node_modules\/process-es6/,
+		namedExports: {
+			'node_modules/react/index.js': [
+				'Children', 'Component', 'PropTypes', 'createElement', 'useState', 'useEffect', 'useRef', 'useContext', 'createContext', 'forwardRef', 'memo', 'Fragment'
+			],
+			'node_modules/react-dom/index.js': ['render'],
+			'node_modules/react/jsx-runtime.js': ['jsx', 'jsxs', 'Fragment']
+		}
+	}),
+	visualizer(),
+	progress(),
+	filesize()
+];
+
+export default [
+	// ES Module Configuration
+	{
+		input: path.resolve(__dirname, 'src/index.js'),
+		output: [
+			{
+				dir: path.resolve(__dirname, 'dist'),
+				format: 'es',
+				exports: 'named',
+				sourcemap: true,
+				preserveModules: true,
+				preserveModulesRoot: 'src'
+			}
+		],
+		external: ['react', 'react-dom'],  // Exclude react and react-dom from ES module build
+		plugins,
+		treeshake: true
+	},
+	// IIFE Bundle Configuration
+	{
+		input: path.resolve(__dirname, 'src/bundleIndex.js'),
+		output: {
+			file: path.resolve(__dirname, 'bundle.js'),
+			format: 'iife',
+			name: 'MyBundle',
+			sourcemap: true,
+			globals: {
+				react: 'React',
+				'react-dom': 'ReactDOM'
+			}
+		},
+		// Ensure React and ReactDOM are not external for IIFE build
+		plugins,
+		external: [],
+		treeshake: true
+	}
+];

package/src/.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: http://EditorConfig.org
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = tab
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

package/src/bundleIndex.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import HireControlMap from '~/components/HireControlMap';
+
+const initializeComponent = (elementId, props) => {
+	const element = document.getElementById(elementId);
+	if (element) {
+		ReactDOM.render(<div className='hc-bundle'><HireControlMap {...props} /></div>, element);
+	} else {
+		console.error(`Element with id ${elementId} not found`);
+	}
+};
+
+export { HireControlMap, initializeComponent };

package/src/components/HireControlMap.js

@@ -2,8 +2,8 @@ import React, { useEffect, useState } from 'react';
 import { useLoadScript } from '@react-google-maps/api';
 
 import Grid from '~/components/modules/grid';
-import Filter from '~/components/modules/filter';
-import MapList from '~/components/modules/maps/map-list';
+import Filter from '~/components/containers/filter/filter-container';
+import MapList from '~/components/containers/maps/map-list-container';
 
 import { MapProvider } from '~/contexts/mapContext';
 import { PlacesProvider } from '~/contexts/placesContext';
@@ -24,7 +24,8 @@ export const HireControlMap = ({
 	Link = null,
 	linkFormat = '/jobs/[slug]',
 	trackEvent = (eventType, eventObj) => {console.log(eventType); console.log(eventObj);},
-	listings = []
+	listings = [],
+	setFiltersUrl = null
 }) => {
 	const [siteConfig, setSiteconfig] = useState(null);
 
@@ -59,13 +60,14 @@ export const HireControlMap = ({
 					linkFormat={linkFormat}
 					trackEvent={trackEvent}
 					listings={listings}
+					setFiltersUrl={setFiltersUrl}
 				/>
 			)}
 		</div>
 	);
 };
 
-const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat, trackEvent, listings }) => {
+const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat, trackEvent, listings, setFiltersUrl }) => {
 	const resetFilters = false;
 
 	return (
@@ -78,6 +80,7 @@ const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, li
 				Link={Link}
 				linkFormat={linkFormat}
 				listings={listings}
+				setFiltersUrl={setFiltersUrl}
 			>
 				<MapProvider resetFilters={resetFilters}>
 					<PlacesProvider
@@ -99,7 +102,7 @@ const HomeBody = ({ siteConfig, navigateToDetails, navigateToEasyApply, Link, li
 							columns='md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'
 							gap='hc-gap-0'
 							autoRows={false}
-							className='hc-items-stretch hc-h-screen hc-min-h-[30rem] hc-divide-x hc-divide-uiAccent/20'
+							className='hc-bundle hc-items-stretch hc-h-screen hc-min-h-[30rem] hc-divide-x hc-divide-uiAccent/20'
 						>
 							<Grid.Item className='hc-bg-gray-100'>
 								<Filter showMap={siteConfig.showMap} className='hc-hidden md:hc-block' />

package/src/components/containers/accordions/filter-container.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { useMapList } from '~/contexts/mapListContext';
+import AccordionFilters from '~/components/modules/accordions/filters';
+import AccordionFilterItem from '~/components/containers/accordions/filter-item-container';
+
+const AccordionFiltersContainer = ({
+	className,
+	defaultValue,
+	setDefaultValue,
+	setLocation,
+	setSelectedListItem,
+	SubcategoryRequireCategory
+}) => {
+	const { filterOptions, selectedFilters, setSelectedFilters } = useMapList();
+
+	const handleSetSelectedFilters = prevFilters => {
+		setSelectedFilters(prevFilters);
+		setLocation(null);
+		setSelectedListItem(null);
+	};
+
+	return (
+		<AccordionFilters
+			className={className}
+			defaultValue={defaultValue}
+			filterOptions={filterOptions}
+		>
+			{filterOptions?.filters?.map(filter => {
+				if(filter.id === 'category' && SubcategoryRequireCategory === true && (!selectedFilters.categoryClass || Object.keys(selectedFilters.categoryClass).length < 1)){
+					return;
+				} else if (filter.id === 'category' && SubcategoryRequireCategory === true && filter.items.length > 0) {
+					filter.items = filter.items.filter(item => item.count > 0);
+				}
+				return (<AccordionFilterItem
+					key={filter.id}
+					filter={filter}
+					setDefaultValue={setDefaultValue}
+					selectedFilters={selectedFilters}
+					setSelectedFilters={handleSetSelectedFilters}
+				/>);
+			}
+			)}
+		</AccordionFilters>
+	);
+};
+
+export default AccordionFiltersContainer;

package/src/components/containers/accordions/filter-item-container.js

@@ -0,0 +1,62 @@
+import React, { memo } from 'react';
+import AccordionFilterItem from '~/components/modules/accordions/filterItem';
+import FilterItem from '~/components/containers/filter/filter-item-container';
+import ItemsPill from '~/components/modules/buttons/items-pill';
+
+const FilterItemContainer = ({
+	filter,
+	setDefaultValue,
+	setSelectedFilters,
+	selectedFilters
+}) => {
+	const fieldKey = filter.id;
+	const activeItemsCount = selectedFilters != null && selectedFilters[fieldKey]
+		? Object.keys(selectedFilters[fieldKey]).length
+		: 0;
+
+	const handleClearFilters = event => {
+		event.stopPropagation();
+		setSelectedFilters(prevFilters => {
+			const updatedFilters = { ...prevFilters };
+			delete updatedFilters[fieldKey];
+			return updatedFilters;
+		});
+	};
+
+	const header = (
+		<>
+			{filter.title}
+			{activeItemsCount > 0 && (
+				<ItemsPill
+					activeItemsCount={activeItemsCount}
+					onClick={handleClearFilters}
+				/>
+			)}
+		</>
+	);
+
+	const body = (
+		<>
+			{filter.items.sort().map(item => (
+				<FilterItem
+					key={item.name}
+					item={item}
+					field={filter.id}
+					selectedFilters={selectedFilters}
+					setSelectedFilters={setSelectedFilters}
+				/>
+			))}
+		</>
+	);
+
+	return (
+		<AccordionFilterItem
+			id={filter.id}
+			setDefaultValue={setDefaultValue}
+			header={header}
+			body={body}
+		/>
+	);
+};
+
+export default memo(FilterItemContainer);

package/src/components/{modules/list/list-item/index.js → containers/accordions/map-accordion-item-container.js}

@@ -4,7 +4,7 @@ import { useMapList } from '~/contexts/mapListContext';
 import { useTrackEvent } from '~/contexts/trackEventContext';
 import { setStorageObject } from '~/util/localStorageUtil';
 import MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';
-import ListItemContainer from '~/components/modules/list/list-item/list-item-container';
+import ListItemContainer from '~/components/containers/list/list-item/list-item-container';
 
 const MapAccordionItemContainer = ({
 	showMap,