@tecsinapse/react-web-kit 3.4.6 → 3.4.8

package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js

@@ -42,4 +42,5 @@ const highlight = (searchTerm, textToReplace, Component, props) => {
 };
 
 exports.highlight = highlight;
+exports.normalize = normalize;
 exports.stringMatcher = stringMatcher;

package/dist/cjs/components/molecules/Menubar/animations.js

@@ -37,7 +37,7 @@ const getContainerOpenMenuTransform = {
   },
   exited: {
     opacity: 0,
-    transform: "scale(0.99, 0.99) translateY(-600px)"
+    transform: "scale(0.99, 0.99) translateY(-120%)"
   },
   exiting: {
     opacity: 0.95,

package/dist/cjs/components/molecules/Menubar/utils.js

@@ -1,10 +1,12 @@
 'use strict';
 
+var utils = require('./SearchResultItem/utils.js');
+
 const filterAndTransform = (options, search) => {
   const normalized = [];
   options.forEach((option) => {
     option.items.forEach((item) => {
-      if (item.title.toLowerCase().startsWith(search)) {
+      if (utils.normalize(item.title.toLowerCase()).includes(utils.normalize(search.toLowerCase()))) {
         normalized.push({
           title: item.title,
           Component: item.Component,

package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js

@@ -39,4 +39,4 @@ const highlight = (searchTerm, textToReplace, Component, props) => {
   return textToReplace;
 };
 
-export { highlight, stringMatcher };
+export { highlight, normalize, stringMatcher };

package/dist/esm/components/molecules/Menubar/animations.js

@@ -35,7 +35,7 @@ const getContainerOpenMenuTransform = {
   },
   exited: {
     opacity: 0,
-    transform: "scale(0.99, 0.99) translateY(-600px)"
+    transform: "scale(0.99, 0.99) translateY(-120%)"
   },
   exiting: {
     opacity: 0.95,

package/dist/esm/components/molecules/Menubar/utils.js

@@ -1,8 +1,10 @@
+import { normalize } from './SearchResultItem/utils.js';
+
 const filterAndTransform = (options, search) => {
   const normalized = [];
   options.forEach((option) => {
     option.items.forEach((item) => {
-      if (item.title.toLowerCase().startsWith(search)) {
+      if (normalize(item.title.toLowerCase()).includes(normalize(search.toLowerCase()))) {
         normalized.push({
           title: item.title,
           Component: item.Component,

package/dist/types/components/molecules/Menubar/SearchResultItem/utils.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+export declare const normalize: (str: string) => string;
 export declare const stringMatcher: (searchTerm: string, textToReplace: string) => RegExpMatchArray[];
 export declare const highlight: <T>(searchTerm: string, textToReplace: string, Component: React.ElementType, props: T) => React.ReactNode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "React components library for web",
-  "version": "3.4.6",
+  "version": "3.4.8",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -40,5 +40,5 @@
     "react-dom": ">=18.0.0",
     "react-native-web": ">=0.18.0 <1"
   },
-  "gitHead": "cb0b51647a39310e5cffadd41b1258ddadb2af94"
+  "gitHead": "1a1832667a3459af70db9f31e70fb4bebb10a03f"
 }