techsbcn-storybook 2.8.0 → 2.9.0

package/dist/components/navigation/VerticalNav/VerticalNav.d.ts

@@ -8,6 +8,7 @@ export interface NavigationProps {
     id: string;
     title?: string;
     route?: string;
+    end?: boolean;
     type?: NavigationType;
     iconClassName?: string;
     iconComponent?: any;

package/dist/components/tables/SearchComponent/SearchComponent.d.ts

@@ -18,6 +18,7 @@ export interface SearchComponentProps {
     enableAfter?: boolean;
     fixedOpen?: boolean;
     divider?: boolean;
+    activeFiltersCount?: number;
 }
 interface DoubleFilter {
     label?: string;

package/dist/index.js

@@ -201,7 +201,7 @@ var SearchComponent = (props) => {
         className: "tune-btn main-background-color",
         sx: { bgcolor: "primary.main", color: "primary.contrastText", "&:hover": { boxShadow: 4 } }
       },
-      /* @__PURE__ */ React10__default.default.createElement(iconsMaterial.Tune, null)
+      /* @__PURE__ */ React10__default.default.createElement(material.Badge, { badgeContent: props.activeFiltersCount, color: "error" }, /* @__PURE__ */ React10__default.default.createElement(iconsMaterial.Tune, null))
     )
   ), props.actions && /* @__PURE__ */ React10__default.default.createElement(material.Box, { sx: { display: { xs: "none", md: "block" } }, className: "wrapper-actions" }, ActionsList(props.actions))))), props.extraActions && /* @__PURE__ */ React10__default.default.createElement(material.Box, { className: "extra-actions", sx: { display: "flex", flexWrap: "wrap", gap: 1, mt: 2 } }, props.extraActions.map((action, i) => /* @__PURE__ */ React10__default.default.createElement(React10__default.default.Fragment, { key: i }, action.action)))), props.divider && /* @__PURE__ */ React10__default.default.createElement(material.Divider, null), /* @__PURE__ */ React10__default.default.createElement(material.Collapse, { in: isOpen }, /* @__PURE__ */ React10__default.default.createElement(material.Box, { className: "filters", sx: { px: 2, mt: 2, mb: props.divider ? 0 : 1 } }, /* @__PURE__ */ React10__default.default.createElement(material.Grid, { container: true, spacing: 3, sx: { justifyContent: "end" } }, props.filters && props.filters.length > 0 && props.filters.map((filter, i) => /* @__PURE__ */ React10__default.default.createElement(material.Grid, { key: i, size: { xs: 12, sm: props.filtersSize ?? 6, xl: props.filtersSize ?? 4 } }, filter.doubleFilter ? DoubleFilter(filter.doubleFilter) : filter.singleFilter))))));
 };
@@ -1600,8 +1600,8 @@ var VerticalNavItem = (props) => {
   if (!hasPermission) {
     return null;
   }
-  const isActive = !!reactRouter.matchPath({ path: `${props.item.route}/*` || "" }, pathname);
-  return /* @__PURE__ */ React10__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React10__default.default.createElement(
+  const isActive = !!reactRouter.matchPath({ path: props.item.end ? props.item.route || "" : `${props.item.route}/*` }, pathname);
+  return /* @__PURE__ */ React10__default.default.createElement(reactRouter.NavLink, { to: props.item.route || "", end: props.item.end, className: `nav-link-item ${isActive ? "active" : ""}`, onClick: props.onHide }, /* @__PURE__ */ React10__default.default.createElement(
     material.Box,
     {
       sx: (theme) => ({