@abcagency/hc-ui-components 1.3.14 → 1.3.16

package/src/util/urlFilterUtil.js

@@ -1,90 +1,90 @@
-export const updateURLWithFilters = (filters, location, navigate, query) => {
-	const searchParams = new URLSearchParams(location.search);
-
-	Object.keys(Object.fromEntries(searchParams)).forEach(key => {
-		if (!key.includes('.') && key !== 'query') {
-			searchParams.set(key, searchParams.get(key));
-		}
-	});
-
-	if (query) {
-		searchParams.set('query', query);
-	}
-
-	Object.keys(filters).forEach(category => {
-		Object.keys(filters[category]).forEach(filter => {
-			const key = `${category}.${filter}`;
-			if (filters[category][filter]) {
-				searchParams.set(key, 'true');
-			} else {
-				searchParams.delete(key);
-			}
-		});
-	});
-
-	navigate({
-		search: searchParams.toString()
-	}, { replace: true });
-
-	notifyParentOfUrlChange();
-};
-
-function notifyParentOfUrlChange() {
-	setTimeout(() => {
-		var message = {
-			type: 'URL_CHANGE',
-			url: window.location.href
-		};
-		window.parent.postMessage(message, "*");
-	}, 500);
-}
-
-export const parseQueryParams = search => {
-	const queryParams = {};
-	if (!search) return queryParams;
-	let queryString = search.split('?')[1];
-	if (!queryString) {
-		return queryParams;
-	}
-	queryString = queryString.replaceAll('+', ' ');
-	queryString.split('&').forEach(param => {
-		const [key, value] = param.split('=');
-		queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
-	});
-	return queryParams;
-};
-
-export const filtersFromURL = location => {
-	if (!location || !location.search) return;
-	const filters = {};
-	let queryParam = null;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	Object.keys(queryParams).forEach(key => {
-		if (key && key.includes('.')) {
-			const [category, filter] = key.split('.');
-			if (!filters[category]) {
-				filters[category] = {};
-			}
-			filters[category][filter] = queryParams[key] === 'true';
-		} else if (key === 'query') {
-			queryParam = queryParams[key];
-		}
-	});
-
-	return { filters, query: queryParam };
-};
-
-export const hasFiltersInURL = location => {
-	if (!location || !location.search) return;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	return Object.keys(queryParams).some(key => key.includes('.'));
-};
-
-export const hasQueryInUrl = location => {
-	if (!location || !location.search) return;
-	const queryParams = parseQueryParams(location.search);
-	if (!queryParams) return;
-	return Object.keys(queryParams).includes('query');
-};
+export const updateURLWithFilters = (filters, location, navigate, query) => {
+	const searchParams = new URLSearchParams(location.search);
+
+	Object.keys(Object.fromEntries(searchParams)).forEach(key => {
+		if (!key.includes('.') && key !== 'query') {
+			searchParams.set(key, searchParams.get(key));
+		}
+	});
+
+	if (query) {
+		searchParams.set('query', query);
+	}
+
+	Object.keys(filters).forEach(category => {
+		Object.keys(filters[category]).forEach(filter => {
+			const key = `${category}.${filter}`;
+			if (filters[category][filter]) {
+				searchParams.set(key, 'true');
+			} else {
+				searchParams.delete(key);
+			}
+		});
+	});
+
+	navigate({
+		search: searchParams.toString()
+	}, { replace: true });
+
+	notifyParentOfUrlChange();
+};
+
+function notifyParentOfUrlChange() {
+	setTimeout(() => {
+		var message = {
+			type: 'URL_CHANGE',
+			url: window.location.href
+		};
+		window.parent.postMessage(message, "*");
+	}, 500);
+}
+
+export const parseQueryParams = search => {
+	const queryParams = {};
+	if (!search) return queryParams;
+	let queryString = search.split('?')[1];
+	if (!queryString) {
+		return queryParams;
+	}
+	queryString = queryString.replaceAll('+', ' ');
+	queryString.split('&').forEach(param => {
+		const [key, value] = param.split('=');
+		queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
+	});
+	return queryParams;
+};
+
+export const filtersFromURL = location => {
+	if (!location || !location.search) return;
+	const filters = {};
+	let queryParam = null;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	Object.keys(queryParams).forEach(key => {
+		if (key && key.includes('.')) {
+			const [category, filter] = key.split('.');
+			if (!filters[category]) {
+				filters[category] = {};
+			}
+			filters[category][filter] = queryParams[key] === 'true';
+		} else if (key === 'query') {
+			queryParam = queryParams[key];
+		}
+	});
+
+	return { filters, query: queryParam };
+};
+
+export const hasFiltersInURL = location => {
+	if (!location || !location.search) return;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	return Object.keys(queryParams).some(key => key.includes('.'));
+};
+
+export const hasQueryInUrl = location => {
+	if (!location || !location.search) return;
+	const queryParams = parseQueryParams(location.search);
+	if (!queryParams) return;
+	return Object.keys(queryParams).includes('query');
+};

package/tailwind.config.js

@@ -1,126 +1,126 @@
-const defaultTheme = require("tailwindcss/defaultTheme");
-
-module.exports = {
-	prefix: "hc-",
-	content: [
-		'./src/components/**/*.{js,ts,jsx,tsx,mdx}'
-	],
-	presets: [require(`./preset.default.js`)],
-	theme: {
-		extend: {
-			animation: {
-				slideDown: "slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-				slideUp: "slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-				overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
-				contentShow: "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)"
-			},
-			container: {
-				center: true
-			},
-			cursor: {
-				grab: "grab"
-			},
-			maxHeight: {
-				"45vh": "45vh"
-			},
-			colors: {
-				gray: {
-					850: "#141414"
-				}
-			},
-			fontFamily: {
-				sans: ["var(--font-roboto-flex)", ...defaultTheme.fontFamily.sans]
-			},
-			fontSize: {
-				"2xs": "0.65rem",
-				300: "clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem)",
-				400: "clamp(0.88rem, 0.83rem + 0.24vw, 1rem)",
-				450: "clamp(1rem, 1rem + 0.33vw, 1.33rem)",
-				500: "clamp(1.09rem, 1rem + 0.47vw, 1.33rem)",
-				600: "clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem)",
-				700: "clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem)",
-				800: "clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem)",
-				900: "clamp(2.67rem, 2.07rem + 3vw, 4.21rem)",
-				1000: "clamp(3.34rem, 2.45rem + 4.43vw, 5.61rem)"
-			},
-			keyframes: {
-				slideDown: {
-					from: { height: 0 },
-					to: { height: "var(--radix-accordion-content-height)" }
-				},
-				slideUp: {
-					from: { height: "var(--radix-accordion-content-height)" },
-					to: { height: 0 }
-				},
-				overlayShow: {
-					from: { opacity: 0 },
-					to: { opacity: 1 }
-				},
-				contentShow: {
-					from: { opacity: 0, transform: "scale(0.96)" },
-					to: { opacity: 1, transform: "scale(1)" }
-				}
-			},
-			typography: {
-				DEFAULT: {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				},
-				sm: {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				},
-				md: {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				},
-				lg: {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				},
-				xl: {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				},
-				"2xl": {
-					css: {
-						video: {
-							"margin-bottom": 0,
-							"margin-top": 0
-						}
-					}
-				}
-			},
-			zIndex: {
-				"-1": "-1",
-				1: "1"
-			}
-		}
-	},
-	plugins: [
-		require("@tailwindcss/aspect-ratio"),
-		require("@tailwindcss/forms"),
-		require("@tailwindcss/typography"),
-		require("tailwindcss-animate")
-	]
-};
+const defaultTheme = require("tailwindcss/defaultTheme");
+
+module.exports = {
+	prefix: "hc-",
+	content: [
+		'./src/components/**/*.{js,ts,jsx,tsx,mdx}'
+	],
+	presets: [require(`./preset.default.js`)],
+	theme: {
+		extend: {
+			animation: {
+				slideDown: "slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)",
+				slideUp: "slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)",
+				overlayShow: "overlayShow 150ms cubic-bezier(0.16, 1, 0.3, 1)",
+				contentShow: "contentShow 150ms cubic-bezier(0.16, 1, 0.3, 1)"
+			},
+			container: {
+				center: true
+			},
+			cursor: {
+				grab: "grab"
+			},
+			maxHeight: {
+				"45vh": "45vh"
+			},
+			colors: {
+				gray: {
+					850: "#141414"
+				}
+			},
+			fontFamily: {
+				sans: ["var(--font-roboto-flex)", ...defaultTheme.fontFamily.sans]
+			},
+			fontSize: {
+				"2xs": "0.65rem",
+				300: "clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem)",
+				400: "clamp(0.88rem, 0.83rem + 0.24vw, 1rem)",
+				450: "clamp(1rem, 1rem + 0.33vw, 1.33rem)",
+				500: "clamp(1.09rem, 1rem + 0.47vw, 1.33rem)",
+				600: "clamp(1.37rem, 1.21rem + 0.8vw, 1.78rem)",
+				700: "clamp(1.71rem, 1.45rem + 1.29vw, 2.37rem)",
+				800: "clamp(2.14rem, 1.74rem + 1.99vw, 3.16rem)",
+				900: "clamp(2.67rem, 2.07rem + 3vw, 4.21rem)",
+				1000: "clamp(3.34rem, 2.45rem + 4.43vw, 5.61rem)"
+			},
+			keyframes: {
+				slideDown: {
+					from: { height: 0 },
+					to: { height: "var(--radix-accordion-content-height)" }
+				},
+				slideUp: {
+					from: { height: "var(--radix-accordion-content-height)" },
+					to: { height: 0 }
+				},
+				overlayShow: {
+					from: { opacity: 0 },
+					to: { opacity: 1 }
+				},
+				contentShow: {
+					from: { opacity: 0, transform: "scale(0.96)" },
+					to: { opacity: 1, transform: "scale(1)" }
+				}
+			},
+			typography: {
+				DEFAULT: {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				},
+				sm: {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				},
+				md: {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				},
+				lg: {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				},
+				xl: {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				},
+				"2xl": {
+					css: {
+						video: {
+							"margin-bottom": 0,
+							"margin-top": 0
+						}
+					}
+				}
+			},
+			zIndex: {
+				"-1": "-1",
+				1: "1"
+			}
+		}
+	},
+	plugins: [
+		require("@tailwindcss/aspect-ratio"),
+		require("@tailwindcss/forms"),
+		require("@tailwindcss/typography"),
+		require("tailwindcss-animate")
+	]
+};

package/.editorconfig

@@ -1,12 +0,0 @@
-# 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/.eslintrc

@@ -1,105 +0,0 @@
-{
-	"env": {
-		"browser": true,
-		"node": true
-	},
-	"extends": [
-		"eslint:recommended",
-		"plugin:react/recommended",
-		"plugin:jsx-a11y/recommended",
-		"plugin:react-hooks/recommended",
-		"prettier"
-	],
-	"plugins": [
-		"react",
-		"jsx-a11y",
-		"react-hooks"
-	],
-	"parser": "@babel/eslint-parser",
-	"parserOptions": {
-		"requireConfigFile": false,
-		"babelOptions": {
-			"presets": ["@babel/preset-react"]
-		},
-		"ecmaVersion": 2021,
-		"sourceType": "module",
-		"ecmaFeatures": {
-			"jsx": true
-		}
-	},
-	"settings": {
-		"react": {
-			"version": "detect"
-		},
-		"import/resolver": {
-			"alias": {
-				"map": [
-					["~/*", "./*"]
-				],
-				"extensions": [".js", ".jsx", ".ts", ".tsx"]
-			}
-		}
-	},
-	"ignorePatterns": ["dist/"],
-	"rules": {
-		"strict": 0,
-		"semi": ["error", "always"],
-		"indent": ["error", "tab", { "SwitchCase": 1 }],
-		"comma-dangle": ["error", "never"],
-		"arrow-parens": ["error", "as-needed"],
-		"object-curly-spacing": ["error", "always"],
-		"space-in-parens": ["error", "never"],
-		"no-multiple-empty-lines": ["error", { "max": 1 }],
-		"prefer-arrow-callback": ["error", { "allowNamedFunctions": true }],
-		"react/prop-types": "off",
-		"import/no-webpack-loader-syntax": [0],
-		"react/jsx-pascal-case": [1, { "allowNamespace": true }],
-		"jsx-a11y/accessible-emoji": 1,
-		"jsx-a11y/alt-text": 1,
-		"jsx-a11y/anchor-has-content": 1,
-		"jsx-a11y/anchor-is-valid": 1,
-		"jsx-a11y/aria-activedescendant-has-tabindex": 1,
-		"jsx-a11y/aria-props": 1,
-		"jsx-a11y/aria-proptypes": 1,
-		"jsx-a11y/aria-role": 1,
-		"jsx-a11y/aria-unsupported-elements": 1,
-		"jsx-a11y/autocomplete-valid": [1, { "inputComponents": [] }],
-		"jsx-a11y/click-events-have-key-events": 1,
-		"jsx-a11y/control-has-associated-label": [
-			1,
-			{
-				"ignoreElements": ["audio", "canvas", "embed", "input", "textarea", "tr", "video"],
-				"ignoreRoles": ["grid", "listbox", "menu", "menubar", "radiogroup", "row", "tablist", "toolbar", "tree", "treegrid"],
-				"includeRoles": ["alert", "dialog"]
-			}
-		],
-		"jsx-a11y/heading-has-content": 1,
-		"jsx-a11y/html-has-lang": 1,
-		"jsx-a11y/iframe-has-title": 1,
-		"jsx-a11y/img-redundant-alt": 1,
-		"jsx-a11y/interactive-supports-focus": [
-			1,
-			{ "tabbable": ["button", "checkbox", "link", "progressbar", "searchbox", "slider", "spinbutton", "switch", "textbox"] }
-		],
-		"jsx-a11y/label-has-associated-control": 1,
-		"jsx-a11y/lang": 1,
-		"jsx-a11y/media-has-caption": 1,
-		"jsx-a11y/mouse-events-have-key-events": 1,
-		"jsx-a11y/no-access-key": 1,
-		"jsx-a11y/no-autofocus": 1,
-		"jsx-a11y/no-distracting-elements": 1,
-		"jsx-a11y/no-interactive-element-to-noninteractive-role": 1,
-		"jsx-a11y/no-noninteractive-element-interactions": [1, { "body": ["onError", "onLoad"], "iframe": ["onError", "onLoad"], "img": ["onError", "onLoad"] }],
-		"jsx-a11y/no-noninteractive-element-to-interactive-role": 1,
-		"jsx-a11y/no-noninteractive-tabindex": 1,
-		"jsx-a11y/no-onchange": 1,
-		"jsx-a11y/no-redundant-roles": 1,
-		"jsx-a11y/no-static-element-interactions": 1,
-		"jsx-a11y/role-has-required-aria-props": 1,
-		"jsx-a11y/role-supports-aria-props": 1,
-		"jsx-a11y/scope": 1,
-		"jsx-a11y/tabindex-no-positive": 1,
-		"react-hooks/rules-of-hooks": 2,
-		"no-unused-vars": "warn"
-	}
-}

package/.prettierignore

@@ -1,3 +0,0 @@
-yarn.lock
-node_modules
-.next