cynx-lib 1.3.28 → 1.3.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cynx-lib",
-  "version": "1.3.28",
+  "version": "1.3.30",
   "type": "module",
   "main": "./index.js",
   "exports": {

package/ui/components/Select.jsx

@@ -38,6 +38,8 @@ export default function Select({
   style = {},
   rounded = false,
   showCount = false,
+  searchMode = 'includes',
+  filterOption,
 }) {
   const [open, setOpen] = useState(false);
   const [query, setQuery] = useState('');
@@ -120,16 +122,35 @@ export default function Select({
   const filtered = useMemo(() => {
     if (!query) return options;
     const q = query.toLowerCase().trim();
+    if (typeof filterOption === 'function') {
+      return options.filter(o => filterOption(o, q));
+    }
+    const isStartsWith = searchMode === 'starts_with' || searchMode === 'word_start';
     return options.filter(o => {
-      for (const [key, val] of Object.entries(o)) {
-        if (key === 'displayLabel') continue;
-        if (val != null && typeof val !== 'function' && typeof val !== 'object') {
-          if (String(val).toLowerCase().includes(q)) return true;
+      const targets = [];
+      if (o.label != null) targets.push(String(o.label));
+      if (o.name != null && o.name !== o.label) targets.push(String(o.name));
+      if (o.search != null) targets.push(String(o.search));
+      if (o.employee_id != null) targets.push(String(o.employee_id));
+      if (o.code != null) targets.push(String(o.code));
+      if (o.title != null) targets.push(String(o.title));
+      if (targets.length === 0 && o.value != null) {
+        targets.push(String(o.value));
+      }
+
+      for (const t of targets) {
+        const str = t.toLowerCase().trim();
+        if (isStartsWith) {
+          if (str.startsWith(q)) return true;
+          const words = str.split(/[\s\-.,()\/_:]+/);
+          if (words.some(w => w.startsWith(q))) return true;
+        } else {
+          if (str.includes(q)) return true;
         }
       }
       return false;
     });
-  }, [options, query]);
+  }, [options, query, searchMode, filterOption]);
 
   function handleOpen() {
     if (disabled) return;

package/ui/components/TabBar.jsx

@@ -160,7 +160,7 @@ export default function TabBar({ tabs, active, onChange, capitalize = false, pad
                   borderRadius: 'var(--radxs, 6px)',
                   background: isActive ? 'var(--surface,#fff)' : isOpen ? 'var(--grey-2, #e5e7eb)' : 'transparent',
                   boxShadow: isActive ? '0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06)' : 'none',
-                  fontSize: '.75rem', fontWeight: isActive ? 600 : 500,
+                  fontSize: '.75rem', fontWeight: isActive ? 600 : 600,
                   color: isActive ? 'var(--primary-text, #0f111c)' : 'var(--muted, #9b9daa)',
                   cursor: t.disabled ? 'not-allowed' : 'pointer',
                   opacity: t.disabled ? 0.38 : 1,