@trackunit/filters-filter-bar 1.1.1 → 1.2.0

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 +8 -8
  2. package/index.esm.js +10 -10
  3. package/package.json +10 -10
package/index.cjs.js CHANGED
@@ -794,18 +794,18 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
794
794
  };
795
795
  return (jsxRuntime.jsxs(reactComponents.Popover, { placement: "bottom-start", children: [jsxRuntime.jsx(reactComponents.PopoverTrigger, { children: jsxRuntime.jsx(reactComponents.Button, { className: className, dataTestId: dataTestId ?? "starred-filters-menu", size: "small", variant: "ghost", children: getHiddenFiltersLabel() }) }), jsxRuntime.jsx(reactComponents.PopoverContent, { children: jsxRuntime.jsx(reactComponents.MenuList, { className: "overflow-hidden", dataTestId: "starred-filters-menu-popover", children: jsxRuntime.jsx("div", { className: "max-h-[55dvh] w-72 overflow-y-auto px-3 pb-2", children: filtersGrouped.map((group, idx) => {
796
796
  const isLast = idx === filtersGrouped.length - 1;
797
- return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(reactComponents.Text, { className: "pb-1 pt-2", dataTestId: "starred-filters-group-title", size: "small", subtle: true, uppercase: true, children: group.title }), jsxRuntime.jsx("div", { className: "grid gap-2", children: group.filters.map(filter => {
798
- return !filter.isHidden ? (jsxRuntime.jsxs("div", { className: "grid-cols-min-fr grid cursor-pointer items-center gap-2 rounded-sm transition hover:bg-neutral-50", "data-testid": `${filter.filterKey}-star-filter`, onClick: () => {
797
+ return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(reactComponents.Text, { className: "pb-1 pt-2", dataTestId: "starred-filters-group-title", size: "small", subtle: true, uppercase: true, children: group.title }), jsxRuntime.jsx("div", { className: "grid", children: group.filters.map(filter => {
798
+ return !filter.isHidden ? (jsxRuntime.jsx(reactFormComponents.ToggleSwitchOption, { className: reactComponents.cvaInteractableItem({
799
+ selected: false,
800
+ cursor: "pointer",
801
+ focused: "auto",
802
+ className: "py-1 pl-2 pr-3",
803
+ }), "data-testid": `${filter.filterKey}-star-filter`, id: `visible-filters-toggle-${filter.filterKey}`, label: filter.title, onChange: () => {
799
804
  updateStarredFilters(filter.filterKey);
800
805
  logEvent("Starring Filter - Toggled", {
801
806
  type: filter.filterKey,
802
807
  });
803
- }, children: [jsxRuntime.jsx(reactFormComponents.Toggle, { id: "visible-filters-toggle", onChange: () => {
804
- updateStarredFilters(filter.filterKey);
805
- logEvent("Starring Filter - Toggled", {
806
- type: filter.filterKey,
807
- });
808
- }, size: "medium", toggled: starredFilterKeys.includes(filter.filterKey) }), jsxRuntime.jsx(reactComponents.Text, { children: filter.title })] }, filter.filterKey)) : null;
808
+ }, showInputFocus: false, size: "medium", toggled: starredFilterKeys.includes(filter.filterKey) }, filter.filterKey)) : null;
809
809
  }) }), !isLast && jsxRuntime.jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
810
810
  }) }) }) })] }));
811
811
  };
package/index.esm.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
3
- import { VirtualizedList, Text, Button, Popover, PopoverTrigger, PopoverContent, MenuList, useViewportBreakpoints, Tooltip, Icon, IconButton, Card, CardBody, CardFooter } from '@trackunit/react-components';
3
+ import { VirtualizedList, Text, Button, Popover, PopoverTrigger, PopoverContent, MenuList, cvaInteractableItem, useViewportBreakpoints, Tooltip, Icon, IconButton, Card, CardBody, CardFooter } from '@trackunit/react-components';
4
4
  import { useAnalytics, useTextSearch, useCurrentUser } from '@trackunit/react-core-hooks';
5
5
  import { FilterBody, RadioFilterItem, CheckBoxFilterItem, FilterHeader as FilterHeader$1, FilterFooter, Filter as Filter$1 } from '@trackunit/react-filter-components';
6
6
  import { useRef, useMemo, useState, useEffect, useCallback } from 'react';
7
7
  import { capitalize } from 'string-ts';
8
8
  import { createEvent } from '@trackunit/react-core-contexts-api';
9
- import { Search, NumberField, RadioGroup, Toggle } from '@trackunit/react-form-components';
9
+ import { Search, NumberField, RadioGroup, ToggleSwitchOption } from '@trackunit/react-form-components';
10
10
  import { DayRangePicker } from '@trackunit/react-date-and-time-components';
11
11
  import { nonNullable, capitalize as capitalize$1, objectValues, truthy, objectKeys } from '@trackunit/shared-utils';
12
12
  import { twMerge } from 'tailwind-merge';
@@ -792,18 +792,18 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
792
792
  };
793
793
  return (jsxs(Popover, { placement: "bottom-start", children: [jsx(PopoverTrigger, { children: jsx(Button, { className: className, dataTestId: dataTestId ?? "starred-filters-menu", size: "small", variant: "ghost", children: getHiddenFiltersLabel() }) }), jsx(PopoverContent, { children: jsx(MenuList, { className: "overflow-hidden", dataTestId: "starred-filters-menu-popover", children: jsx("div", { className: "max-h-[55dvh] w-72 overflow-y-auto px-3 pb-2", children: filtersGrouped.map((group, idx) => {
794
794
  const isLast = idx === filtersGrouped.length - 1;
795
- return (jsxs("div", { children: [jsx(Text, { className: "pb-1 pt-2", dataTestId: "starred-filters-group-title", size: "small", subtle: true, uppercase: true, children: group.title }), jsx("div", { className: "grid gap-2", children: group.filters.map(filter => {
796
- return !filter.isHidden ? (jsxs("div", { className: "grid-cols-min-fr grid cursor-pointer items-center gap-2 rounded-sm transition hover:bg-neutral-50", "data-testid": `${filter.filterKey}-star-filter`, onClick: () => {
795
+ return (jsxs("div", { children: [jsx(Text, { className: "pb-1 pt-2", dataTestId: "starred-filters-group-title", size: "small", subtle: true, uppercase: true, children: group.title }), jsx("div", { className: "grid", children: group.filters.map(filter => {
796
+ return !filter.isHidden ? (jsx(ToggleSwitchOption, { className: cvaInteractableItem({
797
+ selected: false,
798
+ cursor: "pointer",
799
+ focused: "auto",
800
+ className: "py-1 pl-2 pr-3",
801
+ }), "data-testid": `${filter.filterKey}-star-filter`, id: `visible-filters-toggle-${filter.filterKey}`, label: filter.title, onChange: () => {
797
802
  updateStarredFilters(filter.filterKey);
798
803
  logEvent("Starring Filter - Toggled", {
799
804
  type: filter.filterKey,
800
805
  });
801
- }, children: [jsx(Toggle, { id: "visible-filters-toggle", onChange: () => {
802
- updateStarredFilters(filter.filterKey);
803
- logEvent("Starring Filter - Toggled", {
804
- type: filter.filterKey,
805
- });
806
- }, size: "medium", toggled: starredFilterKeys.includes(filter.filterKey) }), jsx(Text, { children: filter.title })] }, filter.filterKey)) : null;
806
+ }, showInputFocus: false, size: "medium", toggled: starredFilterKeys.includes(filter.filterKey) }, filter.filterKey)) : null;
807
807
  }) }), !isLast && jsx("div", { className: "mt-2 h-[1px] w-full bg-neutral-300" })] }, group.key));
808
808
  }) }) }) })] }));
809
809
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/filters-filter-bar",
3
- "version": "1.1.1",
3
+ "version": "1.2.0",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -14,15 +14,15 @@
14
14
  "tailwind-merge": "^2.0.0",
15
15
  "string-ts": "^2.0.0",
16
16
  "zod": "3.22.4",
17
- "@trackunit/react-components": "1.2.1",
18
- "@trackunit/react-core-hooks": "1.1.1",
19
- "@trackunit/react-filter-components": "1.1.1",
20
- "@trackunit/react-date-and-time-components": "1.1.1",
21
- "@trackunit/shared-utils": "1.3.1",
22
- "@trackunit/react-form-components": "1.1.1",
23
- "@trackunit/react-core-contexts-api": "1.1.1",
24
- "@trackunit/geo-json-utils": "1.1.1",
25
- "@trackunit/i18n-library-translation": "1.1.1"
17
+ "@trackunit/react-components": "1.3.0",
18
+ "@trackunit/react-core-hooks": "1.2.0",
19
+ "@trackunit/react-filter-components": "1.2.0",
20
+ "@trackunit/react-date-and-time-components": "1.2.0",
21
+ "@trackunit/shared-utils": "1.4.0",
22
+ "@trackunit/react-form-components": "1.2.0",
23
+ "@trackunit/react-core-contexts-api": "1.2.0",
24
+ "@trackunit/geo-json-utils": "1.2.0",
25
+ "@trackunit/i18n-library-translation": "1.2.0"
26
26
  },
27
27
  "module": "./index.esm.js",
28
28
  "main": "./index.cjs.js",