@assembly-js/design-system 3.1.11 → 3.1.14

package/dist/umd/components/UserCompanySelector/getOptionRelevanceScore.js

@@ -0,0 +1,53 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports);
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports);
+    global.getOptionRelevanceScore = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.getOptionRelevanceScore = void 0;
+  /**
+   * 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
+   */
+  var getOptionRelevanceScore = _exports.getOptionRelevanceScore = function getOptionRelevanceScore(option, inputValue, companiesMap, ignoreCompanies) {
+    var _option$label$toLower, _option$label;
+    if (ignoreCompanies && option.type === 'company') {
+      return 0; // companies are hidden when ignoreCompanies is set
+    }
+    if (!inputValue) {
+      return 1; // Show all options when no input
+    }
+    var lowerInput = inputValue.toLowerCase();
+    var nameMatches = (_option$label$toLower = (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase().includes(lowerInput)) !== null && _option$label$toLower !== void 0 ? _option$label$toLower : false;
+    if (option.type === 'client') {
+      var _option$companyId, _company$label$toLowe, _company$label;
+      var company = companiesMap.get((_option$companyId = option.companyId) !== null && _option$companyId !== void 0 ? _option$companyId : '');
+      var companyMatches = (_company$label$toLowe = company === null || company === void 0 || (_company$label = company.label) === null || _company$label === void 0 ? void 0 : _company$label.toLowerCase().includes(lowerInput)) !== null && _company$label$toLowe !== void 0 ? _company$label$toLowe : false;
+      if (nameMatches) return 2; // Direct name match - highest priority
+      if (companyMatches) return 1; // Company name match - lower priority
+      return 0; // No match
+    }
+    return nameMatches ? 1 : 0;
+  };
+});

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

@@ -1,4 +1,9 @@
 import React from 'react';
-import { type OptionWithCompanyMetadata } from './types';
-import { type GroupBase, type OptionProps } from 'react-select';
-export declare function ListItem<_OptionProps extends OptionWithCompanyMetadata, GroupProps extends GroupBase<_OptionProps> = GroupBase<_OptionProps>>({ data: option, innerRef, isFocused, innerProps, }: OptionProps<_OptionProps, true, GroupProps>): React.JSX.Element;
+import { type OptionWithCompanyMetadata, type UserCompanySelectorOption, type UserCompanySelectorGroupedOption } from './types';
+import { type OptionProps } from 'react-select';
+type ListItemProps = OptionProps<UserCompanySelectorOption, true, UserCompanySelectorGroupedOption> & {
+    data: OptionWithCompanyMetadata;
+    listClassName?: string;
+};
+export declare function ListItem(props: ListItemProps): React.JSX.Element;
+export {};

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;
@@ -41,6 +43,15 @@ export type UserCompanySelectorProps = {
         groupTermPlural: string;
     };
     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';