@trackunit/filters-filter-bar 0.0.158 → 0.0.160

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.cjs.js +4 -4
  2. package/index.esm.js +4 -4
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -423,7 +423,7 @@ const ResetFiltersButton = ({ isFilterIncludedByKey, filtersHaveBeenApplied, res
423
423
  if (!filtersHaveBeenApplied) {
424
424
  return null;
425
425
  }
426
- return (jsxRuntime.jsx(reactComponents.Button, { size: "small", color: "secondary", variant: "transparent", onClick: () => {
426
+ return (jsxRuntime.jsx(reactComponents.Button, { size: "small", variant: "ghost-neutral", onClick: () => {
427
427
  clearSearch();
428
428
  resetFiltersToInitialState();
429
429
  }, dataTestId: "reset-filters-button", children: t("filtersBar.resetFilters") }));
@@ -483,7 +483,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
483
483
  });
484
484
  } })] }, filter.filterKey));
485
485
  }), !isLast && jsxRuntime.jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
486
- }) }) }) })] }), starredFilterKeys.length > 0 ? jsxRuntime.jsx("div", { className: "h-8 w-[1px] bg-neutral-300" }) : null] }));
486
+ }) }) }) })] }), starredFilterKeys.length > 0 ? jsxRuntime.jsx("div", { className: "h-7 w-[1px] bg-neutral-300" }) : null] }));
487
487
  };
488
488
 
489
489
  /**
@@ -745,7 +745,7 @@ const DefaultDateRangeFilter = ({ filterDefinition, filterName, value, setValue,
745
745
  }, selectedDays: {
746
746
  from: fromDateValue ? new Date(fromDateValue) : undefined,
747
747
  to: toDateValue ? new Date(toDateValue) : undefined,
748
- } }) }), jsxRuntime.jsx(reactFilterComponents.FilterFooter, { children: jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(reactComponents.Button, { color: "secondary", size: "small", onClick: cancel, children: t("filtersBar.defaultDateRangeFilters.cancel") }), jsxRuntime.jsx(reactComponents.Button, { color: "primary", size: "small", onClick: handleApply, children: t("filtersBar.defaultDateRangeFilters.apply") })] }) })] })] }));
748
+ } }) }), jsxRuntime.jsx(reactFilterComponents.FilterFooter, { children: jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsx(reactComponents.Button, { variant: "secondary", size: "small", onClick: cancel, children: t("filtersBar.defaultDateRangeFilters.cancel") }), jsxRuntime.jsx(reactComponents.Button, { size: "small", onClick: handleApply, children: t("filtersBar.defaultDateRangeFilters.apply") })] }) })] })] }));
749
749
  };
750
750
 
751
751
  /**
@@ -775,7 +775,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
775
775
  return realMinValue || realMaxValue ? { min: realMinValue, max: realMaxValue } : {};
776
776
  });
777
777
  };
778
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFilterComponents.FilterHeader, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey) }), jsxRuntime.jsxs(reactFilterComponents.FilterBody, { children: [jsxRuntime.jsxs("div", { className: "flex gap-4 px-1", children: [jsxRuntime.jsx(reactFormComponents.NumberField, { label: t("filtersBar.defaultMinMaxFilters.min"), value: minValue === 0 ? "" : minValue !== null && minValue !== void 0 ? minValue : "", onChange: e => setMinValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit }), jsxRuntime.jsx(reactFormComponents.NumberField, { label: t("filtersBar.defaultMinMaxFilters.max"), value: maxValue === 0 ? "" : maxValue !== null && maxValue !== void 0 ? maxValue : "", onChange: e => setMaxValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit })] }), jsxRuntime.jsx(reactFilterComponents.FilterFooter, { children: jsxRuntime.jsx(reactComponents.Button, { variant: "transparent", color: "primary", size: "small", onClick: handleApply, children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
778
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(reactFilterComponents.FilterHeader, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey) }), jsxRuntime.jsxs(reactFilterComponents.FilterBody, { children: [jsxRuntime.jsxs("div", { className: "flex gap-4 px-1", children: [jsxRuntime.jsx(reactFormComponents.NumberField, { label: t("filtersBar.defaultMinMaxFilters.min"), value: minValue === 0 ? "" : minValue !== null && minValue !== void 0 ? minValue : "", onChange: e => setMinValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit }), jsxRuntime.jsx(reactFormComponents.NumberField, { label: t("filtersBar.defaultMinMaxFilters.max"), value: maxValue === 0 ? "" : maxValue !== null && maxValue !== void 0 ? maxValue : "", onChange: e => setMaxValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit })] }), jsxRuntime.jsx(reactFilterComponents.FilterFooter, { children: jsxRuntime.jsx(reactComponents.Button, { variant: "ghost", size: "small", onClick: handleApply, children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
779
779
  };
780
780
 
781
781
  /**
package/index.esm.js CHANGED
@@ -415,7 +415,7 @@ const ResetFiltersButton = ({ isFilterIncludedByKey, filtersHaveBeenApplied, res
415
415
  if (!filtersHaveBeenApplied) {
416
416
  return null;
417
417
  }
418
- return (jsx(Button, { size: "small", color: "secondary", variant: "transparent", onClick: () => {
418
+ return (jsx(Button, { size: "small", variant: "ghost-neutral", onClick: () => {
419
419
  clearSearch();
420
420
  resetFiltersToInitialState();
421
421
  }, dataTestId: "reset-filters-button", children: t("filtersBar.resetFilters") }));
@@ -475,7 +475,7 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
475
475
  });
476
476
  } })] }, filter.filterKey));
477
477
  }), !isLast && jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
478
- }) }) }) })] }), starredFilterKeys.length > 0 ? jsx("div", { className: "h-8 w-[1px] bg-neutral-300" }) : null] }));
478
+ }) }) }) })] }), starredFilterKeys.length > 0 ? jsx("div", { className: "h-7 w-[1px] bg-neutral-300" }) : null] }));
479
479
  };
480
480
 
481
481
  /**
@@ -737,7 +737,7 @@ const DefaultDateRangeFilter = ({ filterDefinition, filterName, value, setValue,
737
737
  }, selectedDays: {
738
738
  from: fromDateValue ? new Date(fromDateValue) : undefined,
739
739
  to: toDateValue ? new Date(toDateValue) : undefined,
740
- } }) }), jsx(FilterFooter, { children: jsxs("div", { className: "flex gap-2", children: [jsx(Button, { color: "secondary", size: "small", onClick: cancel, children: t("filtersBar.defaultDateRangeFilters.cancel") }), jsx(Button, { color: "primary", size: "small", onClick: handleApply, children: t("filtersBar.defaultDateRangeFilters.apply") })] }) })] })] }));
740
+ } }) }), jsx(FilterFooter, { children: jsxs("div", { className: "flex gap-2", children: [jsx(Button, { variant: "secondary", size: "small", onClick: cancel, children: t("filtersBar.defaultDateRangeFilters.cancel") }), jsx(Button, { size: "small", onClick: handleApply, children: t("filtersBar.defaultDateRangeFilters.apply") })] }) })] })] }));
741
741
  };
742
742
 
743
743
  /**
@@ -767,7 +767,7 @@ const DefaultMinMaxFilter = ({ filterDefinition, filterName, value, setValue, fi
767
767
  return realMinValue || realMaxValue ? { min: realMinValue, max: realMaxValue } : {};
768
768
  });
769
769
  };
770
- return (jsxs(Fragment, { children: [jsx(FilterHeader$1, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey) }), jsxs(FilterBody, { children: [jsxs("div", { className: "flex gap-4 px-1", children: [jsx(NumberField, { label: t("filtersBar.defaultMinMaxFilters.min"), value: minValue === 0 ? "" : minValue !== null && minValue !== void 0 ? minValue : "", onChange: e => setMinValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit }), jsx(NumberField, { label: t("filtersBar.defaultMinMaxFilters.max"), value: maxValue === 0 ? "" : maxValue !== null && maxValue !== void 0 ? maxValue : "", onChange: e => setMaxValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit })] }), jsx(FilterFooter, { children: jsx(Button, { variant: "transparent", color: "primary", size: "small", onClick: handleApply, children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
770
+ return (jsxs(Fragment, { children: [jsx(FilterHeader$1, { title: filterDefinition.title, resetLabel: t("filtersBar.resetFilter"), showReset: filterBarActions.filterHasChanged(filterDefinition.filterKey), onReset: () => filterBarActions.resetIndividualFilterToInitialState(filterDefinition.filterKey) }), jsxs(FilterBody, { children: [jsxs("div", { className: "flex gap-4 px-1", children: [jsx(NumberField, { label: t("filtersBar.defaultMinMaxFilters.min"), value: minValue === 0 ? "" : minValue !== null && minValue !== void 0 ? minValue : "", onChange: e => setMinValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit }), jsx(NumberField, { label: t("filtersBar.defaultMinMaxFilters.max"), value: maxValue === 0 ? "" : maxValue !== null && maxValue !== void 0 ? maxValue : "", onChange: e => setMaxValue(Number(e.target.value)), className: "w-40", min: filterDefinition.type === "minMax" ? filterDefinition.minimumNumber : undefined, max: filterDefinition.type === "minMax" ? filterDefinition.maximumNumber : undefined, addonAfter: unit })] }), jsx(FilterFooter, { children: jsx(Button, { variant: "ghost", size: "small", onClick: handleApply, children: t("filtersBar.defaultMinMaxFilters.apply") }) })] })] }));
771
771
  };
772
772
 
773
773
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/filters-filter-bar",
3
- "version": "0.0.158",
3
+ "version": "0.0.160",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {