@assembly-js/design-system 3.1.12 → 3.1.15

package/dist/umd/types/components/UserCompanySelector/UserCompanySelector.stories.d.ts

@@ -17,3 +17,5 @@ export declare const WithCustomLabels: Story;
 export declare const WithListHeading: Story;
 export declare const WithAvatarFallbackColor: Story;
 export declare const SelectClientInManyCompanies: Story;
+export declare const UnifiedVariant: Story;
+export declare const UnifiedVariantWithPlaceholder: Story;

package/dist/umd/types/components/UserCompanySelector/__tests__/getClassNames.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/umd/types/components/UserCompanySelector/__tests__/getOptionRelevanceScore.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/umd/types/components/UserCompanySelector/getClassNames.d.ts

@@ -0,0 +1,11 @@
+export type UserCompanySelectorVariant = 'default' | 'unified';
+type ClassNamesResult = {
+    container?: () => string;
+    control: () => string;
+    menuList: () => string;
+    input: () => string;
+    placeholder: () => string;
+    valueContainer: () => string;
+};
+export declare const getClassNames: (variant: UserCompanySelectorVariant) => ClassNamesResult;
+export {};

package/dist/umd/types/components/UserCompanySelector/getOptionRelevanceScore.d.ts

@@ -0,0 +1,14 @@
+import type { UserCompanySelectorOption } from '../../components/UserCompanySelector/types';
+/**
+ * Returns a relevance score for an option based on the input value.
+ * Higher scores indicate more relevant matches (direct name matches > company name matches).
+ *
+ * This is a pure function so it can be unit-tested in isolation.
+ *
+ * @param option - the option to score
+ * @param inputValue - the current search input
+ * @param companiesMap - lookup of company value -> company option (used to match clients by company name)
+ * @param ignoreCompanies - when true, company options are excluded from results entirely
+ * @returns 2 for direct name match, 1 for company name match only, 0 for no match
+ */
+export declare const getOptionRelevanceScore: (option: UserCompanySelectorOption, inputValue: string, companiesMap: Map<string, UserCompanySelectorOption>, ignoreCompanies?: boolean) => number;

package/dist/umd/types/components/UserCompanySelector/types.d.ts

@@ -1,3 +1,5 @@
+import type { UserCompanySelectorVariant } from './getClassNames';
+export type { UserCompanySelectorVariant };
 export type UserCompanySelectorObjectType = 'company' | 'internalUser' | 'client';
 export type UserCompanySelectorOption = Prettify<{
     value: string;
@@ -42,6 +44,14 @@ export type UserCompanySelectorProps = {
     };
     listHeading?: string;
     listClassName?: string;
+    /**
+     * Controls the visual layout of the selector.
+     * - `'default'`: search input and options list are separate bordered boxes (current behavior).
+     * - `'unified'`: a single container wraps both with a divider line between them.
+     * @remarks When using `variant="unified"`, do not pass a `menu` key via the `styles` prop —
+     * it will override the `position: static` required for the inline layout.
+     */
+    variant?: UserCompanySelectorVariant;
 };
 /**
  * @deprecated Use Option instead

package/dist/umd/types/index.d.ts

@@ -31,4 +31,4 @@ export * from './components/Callout/Callout';
 export * from './components/Toolbar';
 export * from './components/IconPicker';
 export * from './components/UserCompanySelector/UserCompanySelector';
-export type { UserCompanySelectorProps, UserCompanySelectorOption, } from './components/UserCompanySelector/types';
+export type { UserCompanySelectorProps, UserCompanySelectorOption, UserCompanySelectorVariant, } from './components/UserCompanySelector/types';