@trackunit/filters-filter-bar 0.0.446 → 0.0.448

package/index.cjs.js

@@ -13,6 +13,7 @@ var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 var reactFormComponents = require('@trackunit/react-form-components');
 var reactDateAndTimeComponents = require('@trackunit/react-date-and-time-components');
 var dequal = require('dequal');
+var stringTs = require('string-ts');
 var isEqual = require('lodash/isEqual');
 
 var defaultTranslations = {
@@ -556,14 +557,14 @@ const toggleFilterValue = (value) => {
  *
  * @returns {JSX.Element} - Returns the DynamicFilterList component.
  */
-const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, prefixMapper, onChange, checked, count, showTooltip, showRequestMoreUseSearch = false, type, }) => {
+const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, }) => {
     const [t] = useTranslation();
     const parentRef = react.useRef(null);
     const updatedRowCount = react.useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
-    return (jsxRuntime.jsx(reactFilterComponents.FilterBody, { limitSize: true, ref: parentRef, children: jsxRuntime.jsx(reactComponents.VirtualizedList, { count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
-                return (jsxRuntime.jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxRuntime.jsxs("div", { className: "p-3 pt-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), prefix: prefixMapper === null || prefixMapper === void 0 ? void 0 : prefixMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
+    return (jsxRuntime.jsx(reactFilterComponents.FilterBody, { dataTestId: "FUUUCK", limitSize: true, ref: parentRef, children: jsxRuntime.jsx(reactComponents.VirtualizedList, { count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
+                return (jsxRuntime.jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxRuntime.jsxs("div", { className: "p-3 pt-2", children: [jsxRuntime.jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsxRuntime.jsx(reactFilterComponents.RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
                             onChange === null || onChange === void 0 ? void 0 : onChange(index);
-                        }, prefix: prefixMapper === null || prefixMapper === void 0 ? void 0 : prefixMapper(index), showTooltip: showTooltip }, keyMapper(index))) }));
+                        } }, keyMapper(index))) }));
             } }) }));
 };
 
@@ -578,7 +579,7 @@ const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasC
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter === null || onResetFilter === void 0 ? void 0 : onResetFilter();
     };
-    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { dataTestId: `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), showReset: filterHasChanged(filterKey), title: title, children: searchEnabled ? (jsxRuntime.jsx(reactFormComponents.Search, { autoFocus: true, fieldSize: "small", onChange: e => searchProps.onChange(e.currentTarget.value), placeholder: t("assetFilters.searchPlaceholder"), suffix: jsxRuntime.jsx(reactComponents.Text, { size: "small", subtle: true, children: searchProps.count }), value: searchProps.value })) : null }));
+    return (jsxRuntime.jsx(reactFilterComponents.FilterHeader, { dataTestId: `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), showReset: filterHasChanged(filterKey), title: title, children: searchEnabled ? (jsxRuntime.jsx(reactFormComponents.Search, { autoFocus: true, fieldSize: "small", id: `${filterKey}-search`, onChange: e => searchProps.onChange(e.currentTarget.value), placeholder: t("assetFilters.searchPlaceholder"), suffix: jsxRuntime.jsx(reactComponents.Text, { size: "small", subtle: true, children: searchProps.count }), value: searchProps.value })) : null }));
 };
 
 /**
@@ -606,7 +607,7 @@ const EmptyResults = ({ loading }) => {
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, showTooltip = true, }) => {
+const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, }) => {
     var _a, _b, _c, _d, _e;
     const [undefinedCount, setUndefinedCount] = react.useState(null);
     const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
@@ -674,9 +675,9 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                         if (result) {
                             handleSetValue(result);
                         }
-                    }, prefixMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.prefix) || ""; }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, showTooltip: showTooltip, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: filterDefinition.type === "valueName"
+                    }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsxRuntime.jsx(reactFilterComponents.CheckBoxFilterItem, { checked: filterDefinition.type === "valueName"
                     ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_c = results[undefinedCount.index]) === null || _c === void 0 ? void 0 : _c.key) || "")
-                    : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, ((_d = results[undefinedCount.index]) === null || _d === void 0 ? void 0 : _d.key) || ""), className: "border-t-2", dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: (_e = results[undefinedCount.index]) === null || _e === void 0 ? void 0 : _e.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
+                    : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, ((_d = results[undefinedCount.index]) === null || _d === void 0 ? void 0 : _d.key) || ""), className: "rounded-none border-t-2", dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: (_e = results[undefinedCount.index]) === null || _e === void 0 ? void 0 : _e.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
                     const result = results[undefinedCount.index];
                     if (result) {
                         handleSetValue(result);
@@ -768,7 +769,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
  *
  * @returns {JSX.Element} - Returns the DefaultRadioFilter component.
  */
-const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, showTooltip, }) => {
+const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, }) => {
     var _a, _b, _c;
     const { logEvent } = reactCoreHooks.useAnalytics(FilterEvents);
     const [filteredOptions, searchText, setSearchText] = reactCoreHooks.useTextSearch(options, item => [item.label]);
@@ -790,20 +791,7 @@ const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loadi
                     count: filteredOptions.length,
                 } }), jsxRuntime.jsx(FilterResults, { loading: loading, results: customSearch ? options : filteredOptions, children: res => (jsxRuntime.jsx(reactFormComponents.RadioGroup, { id: "DefaultRadioFilter", onChange: e => {
                         handleClick(e.currentTarget.value);
-                    }, value: selectedRadioId, children: jsxRuntime.jsx(DynamicFilterList, { checked: index => { var _a; return filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""); }, count: index => { var _a; return (_a = res[index]) === null || _a === void 0 ? void 0 : _a.count; }, keyMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""; }, labelMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.label) || ""; }, prefixMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.prefix) || ""; }, rowCount: res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, showTooltip: showTooltip, type: "Radio" }) })) })] }));
-};
-
-/**
- * Capitalizes the first letter of a string.
- *
- * @param {string | null | undefined} s - The input string to capitalize. Can be null or undefined.
- * @returns {string} The input string with its first letter capitalized, or an empty string if the input is null or undefined.
- */
-const capitalize = (s) => {
-    if (!s) {
-        return "";
-    }
-    return s.charAt(0).toUpperCase() + s.substring(1);
+                    }, value: selectedRadioId, children: jsxRuntime.jsx(DynamicFilterList, { checked: index => { var _a; return filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""); }, count: index => { var _a; return (_a = res[index]) === null || _a === void 0 ? void 0 : _a.count; }, keyMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""; }, labelMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.label) || ""; }, rowCount: res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "Radio" }) })) })] }));
 };
 
 /**
@@ -814,7 +802,7 @@ const capitalize = (s) => {
  */
 const getInitialValueFromType = (type) => {
     if (type === "string") {
-        return '';
+        return "";
     }
     if (type === "stringArray") {
         return [];
@@ -854,7 +842,7 @@ const createInitialState = (name, mainFilters, initialState, setValue) => {
         const key = curr.filterKey;
         return {
             ...prev,
-            [`set${capitalize(key)}`]: (callback) => setValue(key, callback),
+            [`set${stringTs.capitalize(key)}`]: (callback) => setValue(key, callback),
         };
     }, {});
     const updatedInitialState = mainFilters.reduce((prev, curr) => {
@@ -1040,7 +1028,7 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
         // eslint-disable-next-line no-autofix/local-rules/prefer-custom-object-keys
         Object.keys(initialFilterBarConfig.values).forEach(key => {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            initialFilterBarConfig.setters[`set${capitalize(key)}`] = (callback) => setValue(key, callback);
+            initialFilterBarConfig.setters[`set${stringTs.capitalize(key)}`] = (callback) => setValue(key, callback);
         });
         return initialFilterBarConfig;
     });
@@ -1175,20 +1163,13 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
                     };
                 });
             },
-            //For bounding box
             setBoundingBox(boundingBox) {
                 setFilterBarConfig(prevState => {
-                    var _a;
-                    // cleaning because something here is allergic to getting the "__typename" property
-                    const cleanedBoundingBox = {
-                        nw: { latitude: boundingBox.nw.latitude, longitude: boundingBox.nw.longitude },
-                        se: { latitude: boundingBox.se.latitude, longitude: boundingBox.se.longitude },
-                    };
                     return {
                         ...prevState,
                         values: {
                             ...prevState.values,
-                            BoundingBox: { ...cleanedBoundingBox, zoom: (_a = boundingBox.zoom) !== null && _a !== void 0 ? _a : 0 },
+                            boundingBox,
                         },
                     };
                 });

package/index.esm.js

@@ -3,7 +3,7 @@ import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-l
 import { twMerge } from 'tailwind-merge';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { Button, Popover, PopoverTrigger, IconButton, Icon, PopoverContent, MenuList, Text, StarButton, useResize, Collapse, VirtualizedList } from '@trackunit/react-components';
-import { objectValues, truthy, capitalize as capitalize$1, nonNullable } from '@trackunit/shared-utils';
+import { objectValues, truthy, capitalize, nonNullable } from '@trackunit/shared-utils';
 import { useMemo, useState, Fragment as Fragment$1, useRef, useEffect, useCallback } from 'react';
 import { Filter as Filter$1, FilterBody, RadioFilterItem, CheckBoxFilterItem, FilterHeader as FilterHeader$1, FilterFooter } from '@trackunit/react-filter-components';
 import { useAnalytics, useTextSearch } from '@trackunit/react-core-hooks';
@@ -11,6 +11,7 @@ import { createEvent } from '@trackunit/react-core-contexts-api';
 import { Search, NumberField, RadioGroup } from '@trackunit/react-form-components';
 import { DayRangePicker } from '@trackunit/react-date-and-time-components';
 import { dequal } from 'dequal';
+import { capitalize as capitalize$1 } from 'string-ts';
 import isEqual from 'lodash/isEqual';
 
 var defaultTranslations = {
@@ -554,14 +555,14 @@ const toggleFilterValue = (value) => {
  *
  * @returns {JSX.Element} - Returns the DynamicFilterList component.
  */
-const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, prefixMapper, onChange, checked, count, showTooltip, showRequestMoreUseSearch = false, type, }) => {
+const DynamicFilterList = ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch = false, type, }) => {
     const [t] = useTranslation();
     const parentRef = useRef(null);
     const updatedRowCount = useMemo(() => (showRequestMoreUseSearch ? rowCount + 1 : rowCount), [rowCount, showRequestMoreUseSearch]);
-    return (jsx(FilterBody, { limitSize: true, ref: parentRef, children: jsx(VirtualizedList, { count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
-                return (jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxs("div", { className: "p-3 pt-2", children: [jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsx("br", {}), jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsx(RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), prefix: prefixMapper === null || prefixMapper === void 0 ? void 0 : prefixMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsx(CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
+    return (jsx(FilterBody, { dataTestId: "FUUUCK", limitSize: true, ref: parentRef, children: jsx(VirtualizedList, { count: updatedRowCount, rowHeight: 40, separator: "space", children: index => {
+                return (jsx("div", { children: showRequestMoreUseSearch && index === rowCount ? (jsxs("div", { className: "p-3 pt-2", children: [jsx("span", { className: "text-sm text-gray-600", children: t("filter.more.options.if.you.search.title", { count: rowCount }) }), jsx("br", {}), jsx("span", { className: "text-sm italic text-gray-400", children: t("filter.more.options.if.you.search.description") })] })) : type === "Radio" ? (jsx(RadioFilterItem, { dataTestId: "dynamic-filter-radio-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), selected: checked(index), value: keyMapper(index) }, keyMapper(index))) : (jsx(CheckBoxFilterItem, { checked: checked(index), dataTestId: "dynamic-filter-check-box-" + keyMapper(index), itemCount: count(index), label: labelMapper(index), name: keyMapper(index), onChange: () => {
                             onChange === null || onChange === void 0 ? void 0 : onChange(index);
-                        }, prefix: prefixMapper === null || prefixMapper === void 0 ? void 0 : prefixMapper(index), showTooltip: showTooltip }, keyMapper(index))) }));
+                        } }, keyMapper(index))) }));
             } }) }));
 };
 
@@ -576,7 +577,7 @@ const FilterHeader = ({ filterKey, title, searchEnabled, searchProps, filterHasC
         resetIndividualFilterToInitialState(filterKey);
         onResetFilter === null || onResetFilter === void 0 ? void 0 : onResetFilter();
     };
-    return (jsx(FilterHeader$1, { dataTestId: `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), showReset: filterHasChanged(filterKey), title: title, children: searchEnabled ? (jsx(Search, { autoFocus: true, fieldSize: "small", onChange: e => searchProps.onChange(e.currentTarget.value), placeholder: t("assetFilters.searchPlaceholder"), suffix: jsx(Text, { size: "small", subtle: true, children: searchProps.count }), value: searchProps.value })) : null }));
+    return (jsx(FilterHeader$1, { dataTestId: `${filterKey}-filter-header`, loading: loading, onReset: handleResetFilter, resetLabel: t("filtersBar.resetFilter"), showReset: filterHasChanged(filterKey), title: title, children: searchEnabled ? (jsx(Search, { autoFocus: true, fieldSize: "small", id: `${filterKey}-search`, onChange: e => searchProps.onChange(e.currentTarget.value), placeholder: t("assetFilters.searchPlaceholder"), suffix: jsx(Text, { size: "small", subtle: true, children: searchProps.count }), value: searchProps.value })) : null }));
 };
 
 /**
@@ -604,13 +605,13 @@ const EmptyResults = ({ loading }) => {
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, showTooltip = true, }) => {
+const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch = false, showUndefinedOptionWithCountAtBottom = true, }) => {
     var _a, _b, _c, _d, _e;
     const [undefinedCount, setUndefinedCount] = useState(null);
     const { logEvent } = useAnalytics(FilterEvents);
     const handleSetValue = (value) => {
         logEvent("Filters Applied - V2", {
-            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize$1(filterDefinition.filterKey)}Filter`,
+            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize(filterDefinition.filterKey)}Filter`,
             value: value.key,
         });
         if (filterDefinition.type === "stringArray") {
@@ -672,9 +673,9 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                         if (result) {
                             handleSetValue(result);
                         }
-                    }, prefixMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.prefix) || ""; }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, showTooltip: showTooltip, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsx(CheckBoxFilterItem, { checked: filterDefinition.type === "valueName"
+                    }, rowCount: undefinedCount ? res.length - 1 : res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "CheckBox" })) }), showUndefinedOptionWithCountAtBottom && undefinedCount ? (jsx(CheckBoxFilterItem, { checked: filterDefinition.type === "valueName"
                     ? filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_c = results[undefinedCount.index]) === null || _c === void 0 ? void 0 : _c.key) || "")
-                    : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, ((_d = results[undefinedCount.index]) === null || _d === void 0 ? void 0 : _d.key) || ""), className: "border-t-2", dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: (_e = results[undefinedCount.index]) === null || _e === void 0 ? void 0 : _e.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
+                    : filterBarActions.arrayIncludesValue(filterDefinition.filterKey, ((_d = results[undefinedCount.index]) === null || _d === void 0 ? void 0 : _d.key) || ""), className: "rounded-none border-t-2", dataTestId: "dynamic-filter-check-box-undefined", itemCount: undefinedCount.count, label: (_e = results[undefinedCount.index]) === null || _e === void 0 ? void 0 : _e.label, name: "dynamic-filter-check-box-undefined", onChange: () => {
                     const result = results[undefinedCount.index];
                     if (result) {
                         handleSetValue(result);
@@ -718,7 +719,7 @@ const DefaultDateRangeFilter = ({ filterDefinition, filterName, value, setValue,
     const { logEvent } = useAnalytics(FilterEvents);
     const handleApply = (fromDateValue, toDateValue) => {
         logEvent("Filters Applied - V2", {
-            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize$1(filterDefinition.filterKey)}Filter`,
+            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize(filterDefinition.filterKey)}Filter`,
             value: JSON.stringify({ from: fromDateValue, to: toDateValue }),
         });
         setValue(() => ({ from: fromDateValue, to: toDateValue }));
@@ -751,7 +752,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
         const realMinValue = minValue === 0 ? undefined : minValue !== null && minValue !== void 0 ? minValue : undefined;
         const realMaxValue = maxValue === 0 ? undefined : maxValue !== null && maxValue !== void 0 ? maxValue : undefined;
         logEvent("Filters Applied - V2", {
-            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize$1(filterDefinition.filterKey)}Filter`,
+            type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize(filterDefinition.filterKey)}Filter`,
             value: JSON.stringify({ min: realMinValue, max: realMaxValue }),
         });
         setValue(() => {
@@ -766,7 +767,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
  *
  * @returns {JSX.Element} - Returns the DefaultRadioFilter component.
  */
-const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, showTooltip, }) => {
+const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch = false, }) => {
     var _a, _b, _c;
     const { logEvent } = useAnalytics(FilterEvents);
     const [filteredOptions, searchText, setSearchText] = useTextSearch(options, item => [item.label]);
@@ -776,7 +777,7 @@ const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loadi
         if (key && label) {
             filterBarActions.setArrayObjectValue(filterDefinition.filterKey, [{ value: key, name: label }]);
             logEvent("Filters Applied - V2", {
-                type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize$1(filterDefinition.filterKey)}Filter`,
+                type: filterName !== null && filterName !== void 0 ? filterName : `${capitalize(filterDefinition.filterKey)}Filter`,
                 value: String(label),
             });
         }
@@ -788,20 +789,7 @@ const DefaultRadioFilter = ({ filterDefinition, filterBarActions, options, loadi
                     count: filteredOptions.length,
                 } }), jsx(FilterResults, { loading: loading, results: customSearch ? options : filteredOptions, children: res => (jsx(RadioGroup, { id: "DefaultRadioFilter", onChange: e => {
                         handleClick(e.currentTarget.value);
-                    }, value: selectedRadioId, children: jsx(DynamicFilterList, { checked: index => { var _a; return filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""); }, count: index => { var _a; return (_a = res[index]) === null || _a === void 0 ? void 0 : _a.count; }, keyMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""; }, labelMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.label) || ""; }, prefixMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.prefix) || ""; }, rowCount: res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, showTooltip: showTooltip, type: "Radio" }) })) })] }));
-};
-
-/**
- * Capitalizes the first letter of a string.
- *
- * @param {string | null | undefined} s - The input string to capitalize. Can be null or undefined.
- * @returns {string} The input string with its first letter capitalized, or an empty string if the input is null or undefined.
- */
-const capitalize = (s) => {
-    if (!s) {
-        return "";
-    }
-    return s.charAt(0).toUpperCase() + s.substring(1);
+                    }, value: selectedRadioId, children: jsx(DynamicFilterList, { checked: index => { var _a; return filterBarActions.objectArrayIncludesValue(filterDefinition.filterKey, ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""); }, count: index => { var _a; return (_a = res[index]) === null || _a === void 0 ? void 0 : _a.count; }, keyMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.key) || ""; }, labelMapper: index => { var _a; return ((_a = res[index]) === null || _a === void 0 ? void 0 : _a.label) || ""; }, rowCount: res.length, showRequestMoreUseSearch: showRequestMoreUseSearch, type: "Radio" }) })) })] }));
 };
 
 /**
@@ -812,7 +800,7 @@ const capitalize = (s) => {
  */
 const getInitialValueFromType = (type) => {
     if (type === "string") {
-        return '';
+        return "";
     }
     if (type === "stringArray") {
         return [];
@@ -852,7 +840,7 @@ const createInitialState = (name, mainFilters, initialState, setValue) => {
         const key = curr.filterKey;
         return {
             ...prev,
-            [`set${capitalize(key)}`]: (callback) => setValue(key, callback),
+            [`set${capitalize$1(key)}`]: (callback) => setValue(key, callback),
         };
     }, {});
     const updatedInitialState = mainFilters.reduce((prev, curr) => {
@@ -1038,7 +1026,7 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
         // eslint-disable-next-line no-autofix/local-rules/prefer-custom-object-keys
         Object.keys(initialFilterBarConfig.values).forEach(key => {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            initialFilterBarConfig.setters[`set${capitalize(key)}`] = (callback) => setValue(key, callback);
+            initialFilterBarConfig.setters[`set${capitalize$1(key)}`] = (callback) => setValue(key, callback);
         });
         return initialFilterBarConfig;
     });
@@ -1173,20 +1161,13 @@ const useFilterBar = ({ name, onValuesChange, filterBarDefinition, initialState,
                     };
                 });
             },
-            //For bounding box
             setBoundingBox(boundingBox) {
                 setFilterBarConfig(prevState => {
-                    var _a;
-                    // cleaning because something here is allergic to getting the "__typename" property
-                    const cleanedBoundingBox = {
-                        nw: { latitude: boundingBox.nw.latitude, longitude: boundingBox.nw.longitude },
-                        se: { latitude: boundingBox.se.latitude, longitude: boundingBox.se.longitude },
-                    };
                     return {
                         ...prevState,
                         values: {
                             ...prevState.values,
-                            BoundingBox: { ...cleanedBoundingBox, zoom: (_a = boundingBox.zoom) !== null && _a !== void 0 ? _a : 0 },
+                            boundingBox,
                         },
                     };
                 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "0.0.446",
+  "version": "0.0.448",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -20,7 +20,8 @@
     "@trackunit/i18n-library-translation": "*",
     "@trackunit/css-class-variance-utilities": "*",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/react-date-and-time-components": "*"
+    "@trackunit/react-date-and-time-components": "*",
+    "string-ts": "^2.0.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/lib/components/DefaultCheckboxFilter.d.ts

@@ -6,5 +6,5 @@ type FilterDefinitionValue = string[] | ValueName[];
  *
  * @param {DefaultFilterProps<string[]>} props - The properties required for the `DefaultCheckboxFilter` component.
  */
-export declare const DefaultCheckboxFilter: <T extends FilterDefinitionValue>({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch, showUndefinedOptionWithCountAtBottom, showTooltip, }: DefaultFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultCheckboxFilter: <T extends FilterDefinitionValue>({ filterDefinition, filterBarActions, options, loading, setValue, filterName, customSearch, showRequestMoreUseSearch, showUndefinedOptionWithCountAtBottom, }: DefaultFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/components/DefaultFilterTypes.d.ts

@@ -27,10 +27,6 @@ export interface DefaultFilterProps<TReturnType> extends FilterViewProps<TReturn
      * Indicates whether the filter is in a loading state.
      */
     loading?: boolean;
-    /**
-     * A flag indicating whether tooltips should be displayed for the filter options.
-     */
-    showTooltip?: boolean;
     /**
      * A custom filter name, if provided.
      */

package/src/lib/components/DefaultRadioFilter.d.ts

@@ -5,4 +5,4 @@ import { DefaultFilterProps } from "./DefaultFilterTypes";
  *
  * @returns {JSX.Element} - Returns the DefaultRadioFilter component.
  */
-export declare const DefaultRadioFilter: ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch, showTooltip, }: DefaultFilterProps<ValueName[]>) => JSX.Element;
+export declare const DefaultRadioFilter: ({ filterDefinition, filterBarActions, options, loading, filterName, customSearch, showRequestMoreUseSearch, }: DefaultFilterProps<ValueName[]>) => JSX.Element;

package/src/lib/components/DynamicFilterList.d.ts

@@ -1,4 +1,3 @@
-import { ReactNode } from "react";
 interface DynamicFilterListProps {
     /**
      * The type of input element to use in the list.
@@ -22,13 +21,6 @@ interface DynamicFilterListProps {
      * @returns {string} - The label for the row.
      */
     labelMapper: (rowIndex: number) => string;
-    /**
-     * An optional function that maps a row's index to a prefix element.
-     *
-     * @param {number} rowIndex - The index of the row.
-     * @returns {ReactNode} - The prefix element for the row.
-     */
-    prefixMapper?: (rowIndex: number) => ReactNode;
     /**
      * An optional callback function called when a row's input element value changes.
      *
@@ -49,10 +41,6 @@ interface DynamicFilterListProps {
      * @returns {number|undefined} - The count for the row, or `undefined` if not applicable.
      */
     count: (rowIndex: number) => number | undefined;
-    /**
-     * A flag indicating whether tooltips should be displayed for the rows.
-     */
-    showTooltip?: boolean;
     /**
      * A flag indicating whether the "Use search to refine results." option should be displayed.
      */
@@ -63,5 +51,5 @@ interface DynamicFilterListProps {
  *
  * @returns {JSX.Element} - Returns the DynamicFilterList component.
  */
-export declare const DynamicFilterList: ({ rowCount, keyMapper, labelMapper, prefixMapper, onChange, checked, count, showTooltip, showRequestMoreUseSearch, type, }: DynamicFilterListProps) => JSX.Element;
+export declare const DynamicFilterList: ({ rowCount, keyMapper, labelMapper, onChange, checked, count, showRequestMoreUseSearch, type, }: DynamicFilterListProps) => JSX.Element;
 export {};

package/src/lib/types/FilterTypes.d.ts

@@ -18,8 +18,6 @@ export type BoundingBox = {
     nw: Coordinate;
     /** The coordinates for the South/East values of the bounding box. */
     se: Coordinate;
-    /** The zoom level from which the bound box spans. */
-    zoom?: number | null;
 };
 export type MinMaxFilterValue = {
     min?: number;

package/src/lib/utils/createInitialState.d.ts

@@ -1,7 +1,7 @@
 import { FilterBarConfig, FilterBarDefinition, FilterBarInferredValue, FilterDefinition, InitialState, ValueName } from "../types/FilterTypes";
 type InitialTypes = {
     Arg: "string";
-    Init: '';
+    Init: "";
 } | {
     Arg: "stringArray";
     Init: string[];