@trackunit/filters-filter-bar 0.0.265 → 0.0.268

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 +2 -6
  2. package/index.esm.js +2 -6
  3. package/package.json +1 -1
package/index.cjs.js CHANGED
@@ -486,12 +486,8 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
486
486
  }) }) }) })] }), starredFilterKeys.length > 0 ? jsxRuntime.jsx("div", { className: "h-7 w-[1px] bg-neutral-300" }) : null] }));
487
487
  };
488
488
 
489
- const cvaCollapserHeader = cssClassVarianceUtilities.cvaMerge(["bg-inherit", "md:hidden"], {
490
- variants: { expanded: { true: ["w-full", "flex-1", "border-solid"], false: ["max-w-[130px]", "w-auto"] } },
491
- });
492
- const cvaCollapse = cssClassVarianceUtilities.cvaMerge(["bg-inherit", "md:hidden"], {
489
+ const cvaCollapse = cssClassVarianceUtilities.cvaMerge("", {
493
490
  variants: {
494
- expanded: { true: "w-full", false: ["max-w-[130px]", "w-auto", "border-transparent"] },
495
491
  disableCollapse: { true: "hidden" },
496
492
  },
497
493
  });
@@ -508,7 +504,7 @@ const StarredFilters = ({ filterBarDefinition, filterBarConfig, disableCollapse,
508
504
  const [expanded, setExpanded] = react.useState(false);
509
505
  const [t] = useTranslation();
510
506
  const dimensions = reactComponents.useResize();
511
- return dimensions.width > 768 || disableCollapse ? (jsxRuntime.jsx(FilterSelection, { className: cvaFilterWithoutCollapse({ disableCollapse }), filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters })) : (jsxRuntime.jsx(reactComponents.Collapse, { className: cvaCollapse({ expanded, disableCollapse }), headerClassName: cvaCollapserHeader({ expanded }), id: "storybook_collapsible", initialExpanded: expanded, label: t("filtersBar.filtersHeading") + (filterBarConfig.filtersHaveBeenApplied === true ? " *" : ""), onToggle: () => setExpanded(prev => !prev), children: jsxRuntime.jsx(FilterSelection, { className: "flex", filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters }) }));
507
+ return dimensions.width > 768 || disableCollapse ? (jsxRuntime.jsx(FilterSelection, { className: cvaFilterWithoutCollapse({ disableCollapse }), filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters })) : (jsxRuntime.jsx(reactComponents.Collapse, { className: cvaCollapse({ disableCollapse }), id: "storybook_collapsible", initialExpanded: expanded, label: t("filtersBar.filtersHeading") + (filterBarConfig.filtersHaveBeenApplied === true ? " *" : ""), onToggle: () => setExpanded(prev => !prev), children: jsxRuntime.jsx(FilterSelection, { className: "flex", filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters }) }));
512
508
  };
513
509
  const FilterSelection = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], className, disableCollapse, }) => {
514
510
  const hideInFilterBar = react.useMemo(() => {
package/index.esm.js CHANGED
@@ -478,12 +478,8 @@ const StarredFiltersMenu = ({ filterBarDefinition, updateStarredFilters, starred
478
478
  }) }) }) })] }), starredFilterKeys.length > 0 ? jsx("div", { className: "h-7 w-[1px] bg-neutral-300" }) : null] }));
479
479
  };
480
480
 
481
- const cvaCollapserHeader = cvaMerge(["bg-inherit", "md:hidden"], {
482
- variants: { expanded: { true: ["w-full", "flex-1", "border-solid"], false: ["max-w-[130px]", "w-auto"] } },
483
- });
484
- const cvaCollapse = cvaMerge(["bg-inherit", "md:hidden"], {
481
+ const cvaCollapse = cvaMerge("", {
485
482
  variants: {
486
- expanded: { true: "w-full", false: ["max-w-[130px]", "w-auto", "border-transparent"] },
487
483
  disableCollapse: { true: "hidden" },
488
484
  },
489
485
  });
@@ -500,7 +496,7 @@ const StarredFilters = ({ filterBarDefinition, filterBarConfig, disableCollapse,
500
496
  const [expanded, setExpanded] = useState(false);
501
497
  const [t] = useTranslation();
502
498
  const dimensions = useResize();
503
- return dimensions.width > 768 || disableCollapse ? (jsx(FilterSelection, { className: cvaFilterWithoutCollapse({ disableCollapse }), filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters })) : (jsx(Collapse, { className: cvaCollapse({ expanded, disableCollapse }), headerClassName: cvaCollapserHeader({ expanded }), id: "storybook_collapsible", initialExpanded: expanded, label: t("filtersBar.filtersHeading") + (filterBarConfig.filtersHaveBeenApplied === true ? " *" : ""), onToggle: () => setExpanded(prev => !prev), children: jsx(FilterSelection, { className: "flex", filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters }) }));
499
+ return dimensions.width > 768 || disableCollapse ? (jsx(FilterSelection, { className: cvaFilterWithoutCollapse({ disableCollapse }), filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters })) : (jsx(Collapse, { className: cvaCollapse({ disableCollapse }), id: "storybook_collapsible", initialExpanded: expanded, label: t("filtersBar.filtersHeading") + (filterBarConfig.filtersHaveBeenApplied === true ? " *" : ""), onToggle: () => setExpanded(prev => !prev), children: jsx(FilterSelection, { className: "flex", filterBarConfig: filterBarConfig, filterBarDefinition: filterBarDefinition, hiddenFilters: hiddenFilters }) }));
504
500
  };
505
501
  const FilterSelection = ({ filterBarDefinition, filterBarConfig, hiddenFilters = [], className, disableCollapse, }) => {
506
502
  const hideInFilterBar = useMemo(() => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/filters-filter-bar",
3
- "version": "0.0.265",
3
+ "version": "0.0.268",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {