formica-ui-lib 1.0.346 → 1.0.348

package/dist/componentProps/atoms/dropdown/DropdownProps.d.ts

@@ -7,6 +7,7 @@ export interface DropdownOption {
 export interface DropdownProps {
     id: string;
     name?: string;
+    autoComplete?: string;
     ariaLabel?: string;
     ariaDescribedBy?: string;
     options?: DropdownOption[];

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -5,6 +5,11 @@ export interface InputProps {
     type?: "text" | "email" | "password" | "tel" | "number" | "search" | "date";
     value?: string;
     placeholder?: string;
+    role?: React.AriaRole;
+    ariaExpanded?: boolean;
+    ariaControls?: string;
+    ariaActiveDescendant?: string;
+    ariaAutoComplete?: React.AriaAttributes["aria-autocomplete"];
     ariaLabel?: string;
     ariaDescribedBy?: string;
     disabled?: boolean;

package/dist/componentProps/molecules/cards/locationcard/LocationCardProps.d.ts

@@ -1,5 +1,5 @@
 export type WhereToBuyLocationType = "distributor" | "sales-rep" | "retailer";
-export type WhereToBuyDealerType = WhereToBuyLocationType | "postformer-fabricator" | "trespa-toplab-fabricator";
+export type WhereToBuyDealerType = WhereToBuyLocationType | "postformer-fabricator" | "trespa-toplab-fabricator" | "door-partner" | "showroom";
 export type WhereToBuyLocationAddress = {
     lines: string[];
     city: string;

package/dist/componentProps/molecules/searchcombobox/SearchComboboxProps.d.ts

@@ -19,6 +19,13 @@ export interface SearchComboboxClearPayload {
 }
 export type SearchComboboxValueStatus = "default" | "inactive";
 export interface SearchComboboxProps {
+    variant?: "search" | "address";
+    autoComplete?: string;
+    ariaDescribedBy?: string;
+    errorMessage?: string;
+    suggestionsFooter?: React.ReactNode;
+    onInputChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     id?: string;
     name?: string;
     ariaLabel?: string;
@@ -26,6 +33,9 @@ export interface SearchComboboxProps {
     value?: string;
     options: SearchComboboxOption[];
     emptyMessage?: string;
+    /** App-owned request state. Clear options when the query changes and discard stale responses. */
+    isLoading?: boolean;
+    loadingMessage?: string;
     minQueryLength?: number;
     disabled?: boolean;
     readOnly?: boolean;
@@ -38,4 +48,5 @@ export interface SearchComboboxProps {
     onSearchSubmit?: (payload: SearchComboboxSubmitPayload) => void;
     onClear?: (payload: SearchComboboxClearPayload) => void;
 }
+import type React from "react";
 import type { SearchBarControlSize } from "../searchbar/SearchBarProps";

package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts

@@ -1,6 +1,18 @@
 import React from "react";
+import type { SearchComboboxOption, SearchComboboxSelectPayload } from "../../../molecules/searchcombobox/SearchComboboxProps";
 import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
 import type { UserTypeOption, UserTypeValue } from "../../../shared/UserTypeOptions";
+export interface ShippingAddressAutocompleteProps {
+    options: SearchComboboxOption[];
+    /** The app must clear stale options and ignore responses for older queries. */
+    isLoading?: boolean;
+    loadingMessage?: string;
+    minQueryLength?: number;
+    emptyMessage?: string;
+    suggestionsFooter?: React.ReactNode;
+    onOptionSelect?: (payload: SearchComboboxSelectPayload) => void;
+}
+export type AddressPurpose = "shipping" | "billing";
 export type ShippingAddressRegionVariant = "default" | "ca" | "mx" | "uk";
 export type ShippingCountryDisplayMode = "select" | "readonly";
 export interface ShippingAddressFormErrors {
@@ -18,6 +30,9 @@ export interface ShippingAddressFormErrors {
     stateProvince?: string;
 }
 export interface ShippingAddressFormProps {
+    /** Separates browser autofill for shipping and billing details. */
+    addressPurpose?: AddressPurpose;
+    addressAutocomplete?: ShippingAddressAutocompleteProps;
     title?: string;
     idPrefix?: string;
     firstName?: string;

package/dist/componentProps/organisms/navigation/PromoBannerProps.d.ts

@@ -0,0 +1,8 @@
+export type PromoBannerProps = {
+    open: boolean;
+    message: string;
+    onClose: () => void;
+    onButtonClick?: () => void;
+    buttonLabel?: string;
+    closeLabel?: string;
+};

package/dist/componentProps/templates/admin/wheretobuy/WhereToBuyProps.d.ts

@@ -2,7 +2,7 @@ import type { AdminSideNavProps } from "../../../organisms/navigation/AdminSideN
 import type { VendorImportSectionProps } from "../../../organisms/sections/vendorimportsection/VendorImportSectionProps";
 import type { AdminRegionSelectorProps } from "../../../molecules/selectors/adminregionselector/AdminRegionSelectorProps";
 import type { AdminTemplateStatus } from "../shared/AdminTemplateStatus";
-import type { DynamicFormFieldChangePayload } from "../../../organisms/forms/dynamicform/DynamicFormProps";
+import type { DynamicFormFieldChangePayload, DynamicFormFieldOption } from "../../../organisms/forms/dynamicform/DynamicFormProps";
 export interface WhereToBuyLocality {
     id: string;
     region: string;
@@ -27,6 +27,7 @@ export interface WhereToBuyVendor {
     websiteUrl: string;
     distributorTypes: string[];
     stockedRanges: string[];
+    companyName: string;
 }
 export interface WhereToBuyOption {
     id: string;
@@ -80,6 +81,7 @@ export interface WhereToBuyDetailPageProps {
     editor?: WhereToBuyVendor;
     isCreating?: boolean;
     searchValue: string;
+    companyNameOptions: DynamicFormFieldOption[];
     distributorTypeOptions: WhereToBuyOption[];
     stockedRangeOptions: WhereToBuyOption[];
     status?: AdminTemplateStatus;