@trackunit/filters-asset-filter-definitions 2.25.22 → 2.26.0

package/index.cjs.js

@@ -22,6 +22,7 @@ var criticalityIndicator = require('@trackunit/criticality-indicator');
 var dateAndTimeUtils = require('@trackunit/date-and-time-utils');
 var reactDateAndTimeHooks = require('@trackunit/react-date-and-time-hooks');
 var translationsDevice = require('@trackunit/translations-device');
+var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var tailwindMerge = require('tailwind-merge');
 var irisAppApi = require('@trackunit/iris-app-api');
 
@@ -4805,6 +4806,7 @@ const placeSchema = areaFilterInternalSchema.extend({
  * @param {FilterViewProps<AreaFilterGeoJsonGeometry>} props - The props for the component.
  * @returns {ReactElement} The rendered AreaView component.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const AreaView = (props) => {
     const [t] = useTranslation();
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, children: jsxRuntime.jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
@@ -4988,6 +4990,7 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
  * filter definition, state, and actions.
  * @returns {ReactElement} A component rendering the Asset IDs filter view.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const AssetIdsFiltersView = (props) => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(filtersFilterBar.FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsxRuntime.jsx("span", {})] }));
 };
@@ -7194,12 +7197,12 @@ const ClearItemButton = ({ onClick }) => {
  * @param {RecentSearchesFooterProps} props - The props for the ClearAllFooter component
  * @returns {ReactElement} RecentSearchesFooter component
  */
-const RecentSearchesFooter = ({ count, onClickClearAll }) => {
+const RecentSearchesFooter = ({ count, onClickClearAll, className, "data-testid": dataTestId, style, ref, }) => {
     const [t] = useTranslation();
     if (count === 0) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-x-2 border-t-2 border-neutral-300 px-2 py-0.5", children: [jsxRuntime.jsx(reactComponents.Text, { className: "py-0.5", size: "small", subtle: true, children: t("filters.shared.recentSearches") }), count > 1 ? (jsxRuntime.jsx(reactComponents.Button, { onClick: onClickClearAll, size: "small", variant: "ghost", children: t("filters.shared.clearAll") })) : null] }));
+    return (jsxRuntime.jsxs("div", { className: cssClassVarianceUtilities.cx("flex items-baseline justify-between gap-x-2 border-t-2 border-neutral-300 px-2 py-0.5", className), "data-testid": dataTestId, ref: ref, style: style, children: [jsxRuntime.jsx(reactComponents.Text, { className: "py-0.5", size: "small", subtle: true, children: t("filters.shared.recentSearches") }), count > 1 ? (jsxRuntime.jsx(reactComponents.Button, { onClick: onClickClearAll, size: "small", variant: "ghost", children: t("filters.shared.clearAll") })) : null] }));
 };
 
 const MAX_RECENT_SEARCHES$1 = 20;
@@ -7231,6 +7234,7 @@ const useFreeTextRecentSearches = ({ recentSearches, setRecentSearches, }) => {
  * @param {FreeTextRecentSearchesFilterViewProps<FilterBarDefinition>} props - The props for the component.
  * @returns {Element} The rendered component.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const FreeTextRecentSearchesFilterView = ({ filterBarActions, filterState, filterDefinition, localStorageKey, searchPlaceholder, }) => {
     const [t] = useTranslation();
     const filterValue = filterDefinition?.filterKey ? String(filterState.values[filterDefinition.filterKey]) : undefined;
@@ -7852,6 +7856,7 @@ const MAX_RECENT_SEARCHES = 20;
 /**
  *
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a Popover with no single DOM root to attach these props to; fix in GLU-2699
 const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, localStorageKey, className, "data-testid": dataTestId, }) => {
     const { logEvent } = reactCoreHooks.useAnalytics(filtersFilterBar.FilterEvents);
     const [t] = useTranslation();

package/index.esm.js

@@ -20,6 +20,7 @@ import { CriticalityIndicator } from '@trackunit/criticality-indicator';
 import { parseCalendarDate, toDateUtil } from '@trackunit/date-and-time-utils';
 import { useDateAndTime, useTimezone } from '@trackunit/react-date-and-time-hooks';
 import { useDeviceTypeTranslations } from '@trackunit/translations-device';
+import { cx } from '@trackunit/css-class-variance-utilities';
 import { twMerge } from 'tailwind-merge';
 import { accountScope } from '@trackunit/iris-app-api';
 
@@ -4803,6 +4804,7 @@ const placeSchema = areaFilterInternalSchema.extend({
  * @param {FilterViewProps<AreaFilterGeoJsonGeometry>} props - The props for the component.
  * @returns {ReactElement} The rendered AreaView component.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const AreaView = (props) => {
     const [t] = useTranslation();
     return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx(FilterBody, { limitSize: true, children: jsx("p", { className: "p-2", children: `${t("assetFilters.boundingBoxFilter.value")}` }) })] }));
@@ -4986,6 +4988,7 @@ const usePlacesSearch = ({ localStorageKey = SHARED_LOCATIONS_LOCAL_STORAGE_KEY,
  * filter definition, state, and actions.
  * @returns {ReactElement} A component rendering the Asset IDs filter view.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const AssetIdsFiltersView = (props) => {
     return (jsxs(Fragment, { children: [jsx(FilterHeader, { ...props.filterDefinition, ...props.filterBarActions, filterHasChanges: props.filterBarActions.appliedFilterKeys().includes(props.filterDefinition.filterKey) }), jsx("span", {})] }));
 };
@@ -7192,12 +7195,12 @@ const ClearItemButton = ({ onClick }) => {
  * @param {RecentSearchesFooterProps} props - The props for the ClearAllFooter component
  * @returns {ReactElement} RecentSearchesFooter component
  */
-const RecentSearchesFooter = ({ count, onClickClearAll }) => {
+const RecentSearchesFooter = ({ count, onClickClearAll, className, "data-testid": dataTestId, style, ref, }) => {
     const [t] = useTranslation();
     if (count === 0) {
         return null;
     }
-    return (jsxs("div", { className: "flex items-baseline justify-between gap-x-2 border-t-2 border-neutral-300 px-2 py-0.5", children: [jsx(Text, { className: "py-0.5", size: "small", subtle: true, children: t("filters.shared.recentSearches") }), count > 1 ? (jsx(Button, { onClick: onClickClearAll, size: "small", variant: "ghost", children: t("filters.shared.clearAll") })) : null] }));
+    return (jsxs("div", { className: cx("flex items-baseline justify-between gap-x-2 border-t-2 border-neutral-300 px-2 py-0.5", className), "data-testid": dataTestId, ref: ref, style: style, children: [jsx(Text, { className: "py-0.5", size: "small", subtle: true, children: t("filters.shared.recentSearches") }), count > 1 ? (jsx(Button, { onClick: onClickClearAll, size: "small", variant: "ghost", children: t("filters.shared.clearAll") })) : null] }));
 };
 
 const MAX_RECENT_SEARCHES$1 = 20;
@@ -7229,6 +7232,7 @@ const useFreeTextRecentSearches = ({ recentSearches, setRecentSearches, }) => {
  * @param {FreeTextRecentSearchesFilterViewProps<FilterBarDefinition>} props - The props for the component.
  * @returns {Element} The rendered component.
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a fragment (header + body) with no DOM root to attach these props to; fix in GLU-2699
 const FreeTextRecentSearchesFilterView = ({ filterBarActions, filterState, filterDefinition, localStorageKey, searchPlaceholder, }) => {
     const [t] = useTranslation();
     const filterValue = filterDefinition?.filterKey ? String(filterState.values[filterDefinition.filterKey]) : undefined;
@@ -7850,6 +7854,7 @@ const MAX_RECENT_SEARCHES = 20;
 /**
  *
  */
+// eslint-disable-next-line @trackunit/require-component-prop-contracts -- renders a Popover with no single DOM root to attach these props to; fix in GLU-2699
 const SearchFilterInline = ({ filterBarActions, filterState, filterDefinition, localStorageKey, className, "data-testid": dataTestId, }) => {
     const { logEvent } = useAnalytics(FilterEvents);
     const [t] = useTranslation();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-asset-filter-definitions",
-  "version": "2.25.22",
+  "version": "2.26.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,26 +12,27 @@
     "zod": "^3.25.76",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/iris-app-build-utilities": "2.7.10",
-    "@trackunit/date-and-time-utils": "1.17.9",
-    "@trackunit/filters-filter-bar": "2.10.17",
-    "@trackunit/react-core-hooks": "1.25.10",
-    "@trackunit/react-date-and-time-hooks": "2.10.15",
-    "@trackunit/react-filter-components": "2.10.16",
-    "@trackunit/react-form-components": "2.10.16",
-    "@trackunit/filters-graphql-hook": "2.24.19",
-    "@trackunit/utilization-indicator": "2.10.15",
-    "@trackunit/geo-json-utils": "1.18.9",
-    "@trackunit/react-components": "3.8.9",
-    "@trackunit/shared-utils": "1.19.9",
-    "@trackunit/translations-machine-type": "2.8.13",
-    "@trackunit/criticality-indicator": "2.10.15",
-    "@trackunit/iris-app-api": "2.9.9",
-    "@trackunit/react-core-contexts-test": "1.22.10",
-    "@trackunit/i18n-library-translation": "2.8.10",
-    "@trackunit/iris-app-runtime-core-api": "1.21.9",
-    "@trackunit/react-graphql-hooks": "2.10.15",
-    "@trackunit/translations-device": "1.23.18"
+    "@trackunit/iris-app-build-utilities": "2.8.0",
+    "@trackunit/css-class-variance-utilities": "2.4.0",
+    "@trackunit/date-and-time-utils": "1.18.0",
+    "@trackunit/filters-filter-bar": "2.11.0",
+    "@trackunit/react-core-hooks": "1.26.0",
+    "@trackunit/react-date-and-time-hooks": "2.11.0",
+    "@trackunit/react-filter-components": "2.11.0",
+    "@trackunit/react-form-components": "2.11.0",
+    "@trackunit/filters-graphql-hook": "2.25.0",
+    "@trackunit/utilization-indicator": "2.11.0",
+    "@trackunit/geo-json-utils": "1.19.0",
+    "@trackunit/react-components": "3.9.0",
+    "@trackunit/shared-utils": "1.20.0",
+    "@trackunit/translations-machine-type": "2.9.0",
+    "@trackunit/criticality-indicator": "2.11.0",
+    "@trackunit/iris-app-api": "2.10.0",
+    "@trackunit/react-core-contexts-test": "1.23.0",
+    "@trackunit/i18n-library-translation": "2.9.0",
+    "@trackunit/iris-app-runtime-core-api": "1.22.0",
+    "@trackunit/react-graphql-hooks": "2.11.0",
+    "@trackunit/translations-device": "1.24.0"
   },
   "peerDependencies": {
     "@apollo/client": "^3.13.8",

package/src/shared/RecentSearchesFooter.d.ts

@@ -1,5 +1,6 @@
+import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
 import { MouseEventHandler } from "react";
-type RecentSearchesFooterProps = {
+type RecentSearchesFooterProps = CommonProps & Styleable & Refable<HTMLDivElement> & {
     onClickClearAll: MouseEventHandler<HTMLElement>;
     count: number;
 };
@@ -9,5 +10,5 @@ type RecentSearchesFooterProps = {
  * @param {RecentSearchesFooterProps} props - The props for the ClearAllFooter component
  * @returns {ReactElement} RecentSearchesFooter component
  */
-export declare const RecentSearchesFooter: ({ count, onClickClearAll }: RecentSearchesFooterProps) => import("react").JSX.Element | null;
+export declare const RecentSearchesFooter: ({ count, onClickClearAll, className, "data-testid": dataTestId, style, ref, }: RecentSearchesFooterProps) => import("react").JSX.Element | null;
 export {};