@veevarts/design-system 2.15.0 → 2.17.0

package/dist/patterns/AdminToolbar/styles.d.ts

@@ -11,7 +11,7 @@ export declare const DEFAULT_SEARCH_WIDTH: Record<AdminToolbarSearchWidth, strin
 export declare const FRAMED_WIDE_REM = 48;
 export declare const FRAMED_CLASS: {
     readonly base: "flex flex-wrap items-center gap-2.5 border-b border-pos-hair px-4 py-[0.875rem]";
-    readonly narrow: "[&_[data-slot=filter-select]]:!max-w-none [&_[data-slot=filter-select]]:!min-w-[calc(50%-0.3125rem)] [&_[data-slot=filter-select]]:grow [&_[data-slot=filter-select]]:basis-[calc(50%-0.3125rem)]";
+    readonly narrow: "[&_[data-slot=filter-select-group]]:flex [&_[data-slot=filter-select-group]]:flex-wrap [&_[data-slot=filter-select-group]]:!max-w-none [&_[data-slot=filter-select]]:!max-w-none [&_[data-slot=filter-select]]:!min-w-[calc(50%-0.3125rem)] [&_[data-slot=filter-select]]:grow [&_[data-slot=filter-select]]:basis-[calc(50%-0.3125rem)]";
     readonly searchWide: "ml-auto";
     /** Fill wins over the narrow rule: it already takes the row, and keeps a trailing action beside it until 12.5rem. */
     readonly searchFill: "min-w-[12.5rem] flex-1";

package/dist/patterns/FilterSelect/FilterSelectGroup.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FilterSelectGroupProps } from './types';
+export declare const FilterSelectGroup: React.FC<FilterSelectGroupProps>;

package/dist/patterns/FilterSelect/index.d.ts

@@ -1,2 +1,3 @@
 export { FilterSelect } from './FilterSelect';
-export type { FilterSelectProps, FilterSelectOption } from './types';
+export { FilterSelectGroup } from './FilterSelectGroup';
+export type { FilterSelectProps, FilterSelectOption, FilterSelectGroupProps } from './types';

package/dist/patterns/FilterSelect/styles.d.ts

@@ -12,4 +12,6 @@ export declare const filterSelectClass: {
     readonly iconActive: "!text-primary-600";
     readonly clear: "absolute right-[1.875rem] top-1/2 z-20 inline-flex size-[1.25rem] -translate-y-1/2 items-center justify-center rounded-md text-primary-600 outline-none hover:bg-white/70 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary";
     readonly clearIcon: "size-[0.8125rem]";
+    readonly optionTitle: "whitespace-normal break-words";
 };
+export declare const filterSelectGroupClass = "grid shrink grow basis-0 grid-flow-col auto-cols-auto gap-2.5 [--filter-select-cap:16rem] max-w-[calc(var(--filter-select-count)*var(--filter-select-cap)+(var(--filter-select-count)-1)*0.625rem)] [&>[data-slot=filter-select]]:max-w-none";

package/dist/patterns/FilterSelect/types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export interface FilterSelectOption {
     value: string;
     label: string;
@@ -11,3 +12,8 @@ export interface FilterSelectProps {
     minWidth?: number;
     'data-testid'?: string;
 }
+export interface FilterSelectGroupProps {
+    children: ReactNode;
+    className?: string;
+    'data-testid'?: string;
+}

package/dist/patterns/index.d.ts

@@ -130,8 +130,8 @@ export { PinField } from './PinField';
 export type { PinFieldProps, PinFieldLabels } from './PinField';
 export { OutcomeView } from './OutcomeView';
 export type { OutcomeViewProps, OutcomeViewLabels, ReceiptChannel } from './OutcomeView';
-export { FilterSelect } from './FilterSelect';
-export type { FilterSelectProps, FilterSelectOption } from './FilterSelect';
+export { FilterSelect, FilterSelectGroup } from './FilterSelect';
+export type { FilterSelectProps, FilterSelectOption, FilterSelectGroupProps } from './FilterSelect';
 export { LoadMoreFooter } from './LoadMoreFooter';
 export type { LoadMoreFooterProps, LoadMoreStatus } from './LoadMoreFooter';
 export { CardList } from './CardList';

package/dist/patterns/shared/usePrefillEdits.d.ts

@@ -0,0 +1,6 @@
+export interface PrefillEdits<T> {
+    isUntouched: () => boolean;
+    markEdited: (emitted: T) => void;
+}
+export declare const usePrefillEdits: <T>(source: T, isSame?: (a: T, b: T) => boolean) => PrefillEdits<T>;
+export declare const useReplaceWhileUntouched: (isUntouched: () => boolean, replace: (text: string) => void) => import('react').RefObject<HTMLInputElement | null>;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "2.15.0",
+    "version": "2.17.0",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",