@trackunit/filters-filter-bar 0.0.1-alpha-d272aa10e1.0 → 0.0.1

package/index.cjs.js

@@ -1108,8 +1108,18 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                 } })), jsxRuntime.jsx(FilterResults, { results: customSearch ? options : filteredOptions, loading: loading, children: res => (jsxRuntime.jsx(DynamicFilterList, { type: "CheckBox", showTooltip: showTooltip, rowCount: res.length, count: index => res[index].count, keyMapper: index => res[index].key, labelMapper: index => res[index].label, checked: index => filterBarActions.arrayIncludesValue(filterDefinition.filterKey, res[index].key), onChange: index => handleClick(res[index].key), prefixMapper: index => res[index].prefix })) })] }));
 };
 
+const formatToJustDate = (date) => {
+    if (date) {
+        const year = date.getFullYear();
+        const month = (date.getMonth() + 1).toString().padStart(2, "0"); // pad single digit months with 0
+        const day = date.getDate().toString().padStart(2, "0"); // pad single digit days with 0
+        return `${year}-${month}-${day}`;
+    }
+    return undefined;
+};
 /**
  * `DefaultDateRangeFilter` is a React component for handling date range filters.
+ * Formats the date range as YYYY-MM-DD - YYYY-MM-DD
  *
  * @param {DefaultFilterProps<DateRangeValue>} props - The properties required for the `DefaultDateRangeFilter` component.
  */
@@ -1150,9 +1160,8 @@ const DefaultDateRangeFilter = ({ filterDefinition, filterName, value, setValue,
         setValue(() => ({ from: fromDateValue, to: toDateValue }));
     };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFilterComponents.FilterHeader, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: hasSelection, onReset: reset }), jsxRuntime.jsxs(reactFilterComponents.FilterBody, { children: [jsxRuntime.jsx("div", { className: "flex gap-4 px-1", children: jsxRuntime.jsx(reactComponents.DayRangePicker, { language: "en", onRangeSelect: dateRange => {
-                                var _a, _b;
-                                setFromDateValue((_a = dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) === null || _a === void 0 ? void 0 : _a.toISOString());
-                                setToDateValue((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.toISOString());
+                                setFromDateValue(formatToJustDate(dateRange === null || dateRange === void 0 ? void 0 : dateRange.from));
+                                setToDateValue(formatToJustDate(dateRange === null || dateRange === void 0 ? void 0 : dateRange.to));
                             }, selectedDays: {
                                 from: fromDateValue ? new Date(fromDateValue) : undefined,
                                 to: toDateValue ? new Date(toDateValue) : undefined,

package/index.esm.js

@@ -1100,8 +1100,18 @@ const DefaultCheckboxFilter = ({ filterDefinition, filterBarActions, options, lo
                 } })), jsx(FilterResults, { results: customSearch ? options : filteredOptions, loading: loading, children: res => (jsx(DynamicFilterList, { type: "CheckBox", showTooltip: showTooltip, rowCount: res.length, count: index => res[index].count, keyMapper: index => res[index].key, labelMapper: index => res[index].label, checked: index => filterBarActions.arrayIncludesValue(filterDefinition.filterKey, res[index].key), onChange: index => handleClick(res[index].key), prefixMapper: index => res[index].prefix })) })] }));
 };
 
+const formatToJustDate = (date) => {
+    if (date) {
+        const year = date.getFullYear();
+        const month = (date.getMonth() + 1).toString().padStart(2, "0"); // pad single digit months with 0
+        const day = date.getDate().toString().padStart(2, "0"); // pad single digit days with 0
+        return `${year}-${month}-${day}`;
+    }
+    return undefined;
+};
 /**
  * `DefaultDateRangeFilter` is a React component for handling date range filters.
+ * Formats the date range as YYYY-MM-DD - YYYY-MM-DD
  *
  * @param {DefaultFilterProps<DateRangeValue>} props - The properties required for the `DefaultDateRangeFilter` component.
  */
@@ -1142,9 +1152,8 @@ const DefaultDateRangeFilter = ({ filterDefinition, filterName, value, setValue,
         setValue(() => ({ from: fromDateValue, to: toDateValue }));
     };
     return (jsxs(Fragment, { children: [jsx(FilterHeader$1, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: hasSelection, onReset: reset }), jsxs(FilterBody, { children: [jsx("div", { className: "flex gap-4 px-1", children: jsx(DayRangePicker, { language: "en", onRangeSelect: dateRange => {
-                                var _a, _b;
-                                setFromDateValue((_a = dateRange === null || dateRange === void 0 ? void 0 : dateRange.from) === null || _a === void 0 ? void 0 : _a.toISOString());
-                                setToDateValue((_b = dateRange === null || dateRange === void 0 ? void 0 : dateRange.to) === null || _b === void 0 ? void 0 : _b.toISOString());
+                                setFromDateValue(formatToJustDate(dateRange === null || dateRange === void 0 ? void 0 : dateRange.from));
+                                setToDateValue(formatToJustDate(dateRange === null || dateRange === void 0 ? void 0 : dateRange.to));
                             }, selectedDays: {
                                 from: fromDateValue ? new Date(fromDateValue) : undefined,
                                 to: toDateValue ? new Date(toDateValue) : undefined,

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@trackunit/filters-filter-bar",
-  "version": "0.0.1-alpha-d272aa10e1.0",
+  "version": "0.0.1",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
     "node": ">=18.x"
   },
   "dependencies": {
-    "@trackunit/i18n-library-translation": "0.0.80-alpha-d272aa10e1.0",
-    "@trackunit/iris-app-api": "0.0.118-alpha-d272aa10e1.0",
-    "@trackunit/iris-app-runtime-core-api": "0.3.73-alpha-d272aa10e1.0",
-    "@trackunit/react-components": "0.1.166-alpha-d272aa10e1.0",
-    "@trackunit/react-core-contexts-api": "0.2.61-alpha-d272aa10e1.0",
-    "@trackunit/react-core-contexts-test": "0.1.114-alpha-d272aa10e1.0",
-    "@trackunit/react-core-hooks": "0.2.100-alpha-d272aa10e1.0",
-    "@trackunit/react-filter-components": "0.0.213-alpha-d272aa10e1.0",
-    "@trackunit/react-form-components": "0.0.155-alpha-d272aa10e1.0",
-    "@trackunit/shared-utils": "0.0.10-alpha-d272aa10e1.0",
+    "@trackunit/i18n-library-translation": "0.0.80",
+    "@trackunit/iris-app-api": "0.0.118",
+    "@trackunit/iris-app-runtime-core-api": "0.3.72",
+    "@trackunit/react-components": "0.1.167",
+    "@trackunit/react-core-contexts-api": "0.2.60",
+    "@trackunit/react-core-contexts-test": "0.1.114",
+    "@trackunit/react-core-hooks": "0.2.99",
+    "@trackunit/react-filter-components": "0.0.217",
+    "@trackunit/react-form-components": "0.0.158",
+    "@trackunit/shared-utils": "0.0.9",
     "dequal": "2.0.3",
     "lodash": "4.17.21",
     "react": "18.2.0",

package/src/lib/FilterBar.d.ts

@@ -15,6 +15,8 @@ interface FilterBarProps<TFilterBarDefinition extends FilterBarDefinition> {
     filterBarDefinition: TFilterBarDefinition;
     /**
      * Configuration and actions for the filter bar
+     *
+     * @see FilterBarConfig
      */
     filterBarConfig: FilterBarConfig<TFilterBarDefinition> & FilterMapActions & FilterMapGetter;
 }

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

@@ -3,6 +3,7 @@ import { DateRangeValue } from "../types/FilterTypes";
 import { DefaultFilterProps } from "./DefaultFilterTypes";
 /**
  * `DefaultDateRangeFilter` is a React component for handling date range filters.
+ * Formats the date range as YYYY-MM-DD - YYYY-MM-DD
  *
  * @param {DefaultFilterProps<DateRangeValue>} props - The properties required for the `DefaultDateRangeFilter` component.
  */

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

@@ -2,8 +2,7 @@
 import { FilterBarConfig, FilterBarDefinition, FilterMapActions, FilterMapGetter } from "../types/FilterTypes";
 interface StarredFiltersProps<TFilterBarDefinition extends FilterBarDefinition> {
     /**
-     * Configuration for the filter bar, including actions and getters.
-     * This is parameterized by the specific filter bar definition type.
+     * Configuration for the filter bar.
      */
     filterBarConfig: FilterBarConfig<TFilterBarDefinition> & FilterMapActions & FilterMapGetter;
     /**