nucleus-core-ts 0.9.884 → 0.9.885

package/dist/.build-ok

@@ -1 +1 @@
-0.9.884
+0.9.885

package/dist/fe/components/ChatPanel/components/ChatPanel.js

@@ -130,6 +130,7 @@ export function ChatPanel(props) {
                         currentUserId: props.currentUserId,
                         theme: theme,
                         isCreating: props.actions.createConversation.state.isPending,
+                        labels: props.labels,
                         onClose: ()=>setPickerOpen(false),
                         onStartDirect: handleStartDirect
                     }),

package/dist/fe/components/ChatPanel/components/NewConversationModal.d.ts

@@ -1,4 +1,5 @@
 import { type ReactElement } from 'react';
+import { type ChatPanelLabels } from '../labels';
 import type { ChatPanelTheme } from '../theme';
 import type { ChatDirectoryUser } from '../types';
 type NewConversationModalProps = {
@@ -7,11 +8,9 @@ type NewConversationModalProps = {
     currentUserId: string;
     theme: ChatPanelTheme;
     isCreating: boolean;
-    title?: string;
-    searchPlaceholder?: string;
-    emptyLabel?: string;
+    labels?: Partial<ChatPanelLabels>;
     onClose: () => void;
     onStartDirect: (userId: string) => void;
 };
-export declare function NewConversationModal({ open, directory, currentUserId, theme, isCreating, title, searchPlaceholder, emptyLabel, onClose, onStartDirect, }: NewConversationModalProps): ReactElement | null;
+export declare function NewConversationModal({ open, directory, currentUserId, theme, isCreating, labels: labelOverrides, onClose, onStartDirect, }: NewConversationModalProps): ReactElement | null;
 export {};

package/dist/fe/components/ChatPanel/components/NewConversationModal.js

@@ -2,18 +2,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { cn } from '../../../utils/cn';
+import { matchesQuery } from '../../../utils/searchFold';
 import { initialsOf } from '../helpers';
-export function NewConversationModal({ open, directory, currentUserId, theme, isCreating, title = 'New message', searchPlaceholder = 'Search people...', emptyLabel = 'No people found', onClose, onStartDirect }) {
+import { DEFAULT_CHAT_LABELS } from '../labels';
+export function NewConversationModal({ open, directory, currentUserId, theme, isCreating, labels: labelOverrides, onClose, onStartDirect }) {
     const [query, setQuery] = useState('');
+    const labels = {
+        ...DEFAULT_CHAT_LABELS,
+        ...labelOverrides
+    };
     if (!open) return null;
-    const normalized = query.trim().toLowerCase();
-    const people = directory.filter((person)=>person.userId !== currentUserId).filter((person)=>normalized ? person.name.toLowerCase().includes(normalized) || (person.subtitle?.toLowerCase().includes(normalized) ?? false) : true);
+    // Folded, not lower-cased. A directory exported from a personnel system
+    // arrives in capitals, and `İSMAİL`.toLowerCase() is an `i` followed by a
+    // combining dot — so typing `ismail` used to find nobody at all.
+    const people = directory.filter((person)=>person.userId !== currentUserId).filter((person)=>matchesQuery(query, [
+            person.name,
+            person.subtitle
+        ]));
     return /*#__PURE__*/ _jsxs("div", {
         className: theme.picker.overlay,
         children: [
             /*#__PURE__*/ _jsx("button", {
                 type: "button",
-                "aria-label": "Close",
+                "aria-label": labels.close,
                 className: "absolute inset-0 h-full w-full cursor-default",
                 onClick: onClose
             }),
@@ -21,20 +32,20 @@ export function NewConversationModal({ open, directory, currentUserId, theme, is
                 className: cn('relative', theme.picker.panel),
                 role: "dialog",
                 "aria-modal": "true",
-                "aria-label": title,
+                "aria-label": labels.newMessageTitle,
                 children: [
                     /*#__PURE__*/ _jsxs("div", {
                         className: theme.picker.header,
                         children: [
                             /*#__PURE__*/ _jsx("span", {
                                 className: theme.picker.title,
-                                children: title
+                                children: labels.newMessageTitle
                             }),
                             /*#__PURE__*/ _jsx("button", {
                                 type: "button",
                                 className: theme.picker.closeButton,
                                 onClick: onClose,
-                                "aria-label": "Close",
+                                "aria-label": labels.close,
                                 children: /*#__PURE__*/ _jsxs("svg", {
                                     className: "h-4 w-4",
                                     fill: "none",
@@ -42,7 +53,7 @@ export function NewConversationModal({ open, directory, currentUserId, theme, is
                                     stroke: "currentColor",
                                     children: [
                                         /*#__PURE__*/ _jsx("title", {
-                                            children: "Close"
+                                            children: labels.close
                                         }),
                                         /*#__PURE__*/ _jsx("path", {
                                             strokeLinecap: "round",
@@ -60,7 +71,7 @@ export function NewConversationModal({ open, directory, currentUserId, theme, is
                         children: /*#__PURE__*/ _jsx("input", {
                             type: "text",
                             className: theme.picker.search,
-                            placeholder: searchPlaceholder,
+                            placeholder: labels.searchPeople,
                             value: query,
                             onChange: (event)=>setQuery(event.target.value)
                         })
@@ -69,7 +80,7 @@ export function NewConversationModal({ open, directory, currentUserId, theme, is
                         className: theme.picker.list,
                         children: people.length === 0 ? /*#__PURE__*/ _jsx("div", {
                             className: theme.picker.empty,
-                            children: emptyLabel
+                            children: labels.noPeopleFound
                         }) : people.map((person)=>/*#__PURE__*/ _jsxs("button", {
                                 type: "button",
                                 className: theme.picker.item,

package/dist/fe/components/ChatPanel/labels.d.ts

@@ -28,5 +28,13 @@ export type ChatPanelLabels = {
     removeFile: string;
     newConversation: string;
     close: string;
+    /**
+     * The people-picker that opens from `newConversation`. Its three strings were
+     * props on the modal and on nothing else, so a portal could translate the
+     * button that opens it and not a word inside it.
+     */
+    newMessageTitle: string;
+    searchPeople: string;
+    noPeopleFound: string;
 };
 export declare const DEFAULT_CHAT_LABELS: ChatPanelLabels;

package/dist/fe/components/ChatPanel/labels.js

@@ -20,5 +20,8 @@
     attachFiles: 'Attach files',
     removeFile: 'Remove file',
     newConversation: 'New conversation',
-    close: 'Close'
+    close: 'Close',
+    newMessageTitle: 'New message',
+    searchPeople: 'Search people...',
+    noPeopleFound: 'No people found'
 };

package/dist/fe/components/SelectBox/components/SelectBox.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useGSAP } from '@gsap/react';
 import gsap from 'gsap';
 import { useEffect, useRef, useState } from 'react';
+import { matchesQuery } from '../../../utils/searchFold';
 import { selectBoxTheme } from '../theme';
 import { cn } from '../utils/cn';
 import { SelectDropdown } from './SelectDropdown';
@@ -23,7 +24,13 @@ export function SelectBox({ options, value: controlledValue, defaultValue, place
     const value = controlledValue !== undefined ? controlledValue : internalValue;
     const isControlled = controlledValue !== undefined;
     const selectedOption = options.find((opt)=>opt.value === value);
-    const filteredOptions = searchable && searchQuery ? options.filter((opt)=>opt.label.toLowerCase().includes(searchQuery.toLowerCase())) : options;
+    // Folded rather than lower-cased: the labels in these dropdowns are whatever
+    // language the install runs in, and a plain `toLowerCase()` cannot match
+    // `Şube` to `sube` or `İzmir` to `izmir` — which is every second option in a
+    // Turkish portal.
+    const filteredOptions = searchable && searchQuery ? options.filter((opt)=>matchesQuery(searchQuery, [
+            opt.label
+        ])) : options;
     const calculatePosition = ()=>{
         if (position !== 'auto') {
             setDropdownPosition(position);

package/dist/fe/components/UsersPage/components/RoleAssignmentModal.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { cn } from '../../../utils/cn';
+import { matchesQuery } from '../../../utils/searchFold';
 export function RoleAssignmentModal({ isOpen, roles, userRoles, userId, onClose, onAssignRole, onRemoveRole }) {
     const modalRef = useRef(null);
     const [searchQuery, setSearchQuery] = useState('');
@@ -37,7 +38,11 @@ export function RoleAssignmentModal({ isOpen, roles, userRoles, userId, onClose,
     ]);
     if (!isOpen || !mounted) return null;
     const assignedRoleIds = userRoles.filter((ur)=>ur.userId === userId).map((ur)=>ur.roleId);
-    const filteredRoles = roles.filter((role)=>role.name.toLowerCase().includes(searchQuery.toLowerCase()));
+    // Role names are written in the portal's own language, so the query is
+    // folded rather than lower-cased.
+    const filteredRoles = roles.filter((role)=>matchesQuery(searchQuery, [
+            role.name
+        ]));
     const handleToggleRole = (role)=>{
         const isAssigned = assignedRoleIds.includes(role.id);
         if (isAssigned) {

package/dist/fe/components/UsersPage/components/UsersPage.js

@@ -4,6 +4,7 @@ import { useGSAP } from '@gsap/react';
 import gsap from 'gsap';
 import { useEffect, useEffectEvent, useRef, useState } from 'react';
 import { cn } from '../../../utils/cn';
+import { matchesQuery } from '../../../utils/searchFold';
 import { Button } from '../../Button';
 import { useUsersStore } from '../store';
 import { usersPageTheme } from '../theme';
@@ -353,8 +354,13 @@ export function UsersPage({ title = 'User Management', subtitle, className, them
     };
     const filteredUsers = store.users.filter((user)=>{
         const profile = store.profiles.find((p)=>p.userId === user.id);
-        const displayName = profile?.firstName || profile?.lastName ? `${profile.firstName || ''} ${profile.lastName || ''}`.toLowerCase() : '';
-        const matchesSearch = store.searchQuery === '' || (user.email ?? '').toLowerCase().includes(store.searchQuery.toLowerCase()) || displayName.includes(store.searchQuery.toLowerCase());
+        // People's names, so the comparison is folded: a roster written `İSMAİL`
+        // has to answer to `ismail`, which lower-casing alone never manages.
+        const matchesSearch = matchesQuery(store.searchQuery, [
+            user.email,
+            profile?.firstName,
+            profile?.lastName
+        ]);
         const matchesStatus = store.statusFilter === 'all' || store.statusFilter === 'locked' && user.isLocked || store.statusFilter === 'active' && !user.isLocked && user.verifiedAt || store.statusFilter === 'unverified' && !user.verifiedAt;
         const matchesRole = store.roleFilter === 'all' || store.userRoles.some((ur)=>ur.userId === user.id && ur.roleId === store.roleFilter);
         return matchesSearch && matchesStatus && matchesRole;

package/dist/fe/index.d.ts

@@ -60,5 +60,6 @@ export type { PubSubConfig, PubSubConnectionState, PubSubEvent } from './hooks/u
 export { usePubSub, usePubSubStore } from './hooks/usePubSub';
 export type { BulkDeleteResponse, ColumnConfig, ColumnEnum, ColumnReference, ColumnType, ColumnValidation, DeleteResponse, FieldConfig, FilterCondition, ListResponse, MutationResponse, NucleusColumn, NucleusEntity, NucleusEntityShowcaseProps, PaginationMeta, QueryParams, SingleResponse, SortCondition, SortDirection, UseNucleusEntityOptions, UseNucleusEntityReturn, } from './types';
 export { cn } from './utils/cn';
+export { foldForSearch, matchesQuery } from './utils/searchFold';
 export { formatLabel, getColumnType, getDefaultValue, isArrayColumn, isJsonColumn, isReferenceColumn, shouldExcludeColumn, shouldExcludeFromForm, } from './utils/columnUtils';
 export { generateBulkEndpointKey, generateDistinctEndpointKey, generateEntityEndpointKey, generateGetByIdEndpointKey, singularize, toUpperSnakeCase, } from './utils/endpointKeys';

package/dist/fe/index.js

@@ -36,5 +36,9 @@ export { useVerifyEmailStore, VerifyEmailPage } from './components/VerifyEmailPa
 export { useNucleusEntity } from './hooks/useNucleusEntity';
 export { usePubSub, usePubSubStore } from './hooks/usePubSub';
 export { cn } from './utils/cn';
+// Exported because every portal that lists people needs it and none of them
+// should write it twice: matching a typed query to a name is not a lower-case
+// comparison in any alphabet with marks in it.
+export { foldForSearch, matchesQuery } from './utils/searchFold';
 export { formatLabel, getColumnType, getDefaultValue, isArrayColumn, isJsonColumn, isReferenceColumn, shouldExcludeColumn, shouldExcludeFromForm } from './utils/columnUtils';
 export { generateBulkEndpointKey, generateDistinctEndpointKey, generateEntityEndpointKey, generateGetByIdEndpointKey, singularize, toUpperSnakeCase } from './utils/endpointKeys';

package/dist/fe/utils/searchFold.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Folding a string down to what a person typing into a search box meant.
+ *
+ * A search box that compares `toLowerCase()` to `toLowerCase()` only works for
+ * the alphabet it was written in. Everywhere else it fails in two directions at
+ * once, and the dotted i is the clearest case: `İSMAİL`.toLowerCase() is not
+ * `ismail` but `i̇smai̇l` — an `i` followed by a combining dot, which is a
+ * character nobody's keyboard produces. Type `ismail` into a directory of eight
+ * hundred people exported in capitals and it finds none of them. The same box
+ * cannot find `Şafak` from `safak`, or `Café` from `cafe`, which is how people
+ * search when the marks are a keystroke away rather than a key.
+ *
+ * The fold is three passes and no per-language table:
+ *
+ * 1. Lower-case with the INVARIANT rules. Turkish's own casing would send `I`
+ *    to `ı`, which is right for writing and wrong here — a search box wants
+ *    `I`, `İ`, `ı` and `i` to end up as the same letter, and they do once the
+ *    marks come off.
+ * 2. Decompose (NFD) and drop the combining marks. This is what turns the
+ *    stray dot above into nothing, and `é`, `ş`, `ğ`, `ü`, `ö`, `ç` into their
+ *    plain letters, for every script that composes that way.
+ * 3. Map the few letters that are their own character rather than a letter
+ *    plus a mark, so NFD has nothing to strip: the dotless `ı`, and `ø`, `ł`,
+ *    `đ`, `ß`, `æ`, `œ`.
+ *
+ * Language-neutral by construction, which is the point: the kit ships to
+ * whoever installs it.
+ */
+export declare function foldForSearch(value: string): string;
+/**
+ * True when every word typed appears somewhere in the given fields.
+ *
+ * Word by word rather than as one string, because the reader should not have to
+ * guess the order a row prints its parts in: `yalgi genel` finds the general
+ * manager whether the list renders the name before the post or after it.
+ *
+ * An empty query matches everything, so a caller can hand the raw input over
+ * without checking it first.
+ */
+export declare function matchesQuery(query: string, fields: readonly (string | null | undefined)[]): boolean;

package/dist/fe/utils/searchFold.js

@@ -0,0 +1,60 @@
+/**
+ * Folding a string down to what a person typing into a search box meant.
+ *
+ * A search box that compares `toLowerCase()` to `toLowerCase()` only works for
+ * the alphabet it was written in. Everywhere else it fails in two directions at
+ * once, and the dotted i is the clearest case: `İSMAİL`.toLowerCase() is not
+ * `ismail` but `i̇smai̇l` — an `i` followed by a combining dot, which is a
+ * character nobody's keyboard produces. Type `ismail` into a directory of eight
+ * hundred people exported in capitals and it finds none of them. The same box
+ * cannot find `Şafak` from `safak`, or `Café` from `cafe`, which is how people
+ * search when the marks are a keystroke away rather than a key.
+ *
+ * The fold is three passes and no per-language table:
+ *
+ * 1. Lower-case with the INVARIANT rules. Turkish's own casing would send `I`
+ *    to `ı`, which is right for writing and wrong here — a search box wants
+ *    `I`, `İ`, `ı` and `i` to end up as the same letter, and they do once the
+ *    marks come off.
+ * 2. Decompose (NFD) and drop the combining marks. This is what turns the
+ *    stray dot above into nothing, and `é`, `ş`, `ğ`, `ü`, `ö`, `ç` into their
+ *    plain letters, for every script that composes that way.
+ * 3. Map the few letters that are their own character rather than a letter
+ *    plus a mark, so NFD has nothing to strip: the dotless `ı`, and `ø`, `ł`,
+ *    `đ`, `ß`, `æ`, `œ`.
+ *
+ * Language-neutral by construction, which is the point: the kit ships to
+ * whoever installs it.
+ */ /** Letters with no decomposition, so step 2 cannot reach them. */ const STANDALONE = {
+    ı: 'i',
+    ø: 'o',
+    ł: 'l',
+    đ: 'd',
+    ð: 'd',
+    þ: 'th',
+    ß: 'ss',
+    æ: 'ae',
+    œ: 'oe'
+};
+const COMBINING_MARKS = /\p{M}/gu;
+export function foldForSearch(value) {
+    const lowered = value.toLowerCase().normalize('NFD').replace(COMBINING_MARKS, '');
+    let out = '';
+    for (const char of lowered)out += STANDALONE[char] ?? char;
+    return out;
+}
+/**
+ * True when every word typed appears somewhere in the given fields.
+ *
+ * Word by word rather than as one string, because the reader should not have to
+ * guess the order a row prints its parts in: `yalgi genel` finds the general
+ * manager whether the list renders the name before the post or after it.
+ *
+ * An empty query matches everything, so a caller can hand the raw input over
+ * without checking it first.
+ */ export function matchesQuery(query, fields) {
+    const words = foldForSearch(query).split(/\s+/).filter(Boolean);
+    if (words.length === 0) return true;
+    const haystack = foldForSearch(fields.filter(Boolean).join(' '));
+    return words.every((word)=>haystack.includes(word));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nucleus-core-ts",
-	"version": "0.9.884",
+	"version": "0.9.885",
 	"description": "Production-ready, enterprise-grade TypeScript framework for building multi-tenant APIs",
 	"author": "Hidayet Can Özcan <hidayetcan@gmail.com>",
 	"license": "SEE LICENSE IN LICENSE",