@dinofront/design_system 1.10.0 → 1.12.0

package/dist/components/SelectV2/SelectV2.i18n.d.ts

@@ -4,8 +4,9 @@ interface SelectV2Translations {
     noResults: string;
     loadingMessage: string;
     selectAllLabel: (count: number) => string;
-    deselectAllLabel: (count: number) => string;
+    clearAllLabel: (count: number) => string;
     createLabel: (value: string) => string;
+    saveSelectionLabel: string;
 }
 export declare const SELECT_V2_TRANSLATIONS: Record<TranslationLocale, SelectV2Translations>;
 export {};

package/dist/components/SelectV2/SelectV2.types.d.ts

@@ -66,6 +66,19 @@ export interface SelectV2BaseProps extends BaseProps, Partial<SelectV2ReactSelec
      *  `placeholder`/`emptyText`/`formatCreateLabel` props still take
      *  precedence over the translated defaults. Default `'en-US'`. */
     locale?: TranslationLocale;
+    /** Enables a "save selection" checkbox pinned above the option list. When
+     *  checked, the current selection is written to `localStorage` under this
+     *  key and kept in sync on every subsequent change, until unchecked —
+     *  which clears it. On mount, if the select is
+     *  uncontrolled and a saved selection exists for this key, it's restored
+     *  automatically, taking priority over `defaultValue`. When the select is
+     *  controlled (`value` passed), saving/clearing still works but the saved
+     *  value is never auto-restored into `value` — read it yourself if you
+     *  need that. */
+    storageKey?: string;
+    /** Label for the "save selection" checkbox row. Defaults to a translated
+     *  built-in string. */
+    saveSelectionLabel?: ReactNode;
     id?: string;
     className?: string;
     wrapperClassName?: string;

package/dist/components/SelectV2/SelectV2.utils.d.ts

@@ -0,0 +1,13 @@
+import { ClassNamesConfig, GroupBase } from 'react-select';
+import { SelectV2Option, SelectV2Size } from './SelectV2.types';
+export declare const MULTI_VALUE_CLASS = "flex items-center gap-1 rounded-md bg-bg-subtle pl-2 pr-1 py-0.5 max-w-full";
+export declare const MULTI_VALUE_LABEL_CLASS = "truncate text-p-sm text-fg-default";
+export declare const MULTI_VALUE_REMOVE_CLASS = "rounded-sm text-fg-secondary hover:bg-bg-container hover:text-fg-default cursor-pointer";
+export declare const MULTI_VALUE_BADGE_CLASS = "flex items-center rounded-md bg-bg-info-lighter px-2 py-0.5 text-p-sm text-blue-800 dark:text-blue-300 shrink-0";
+export declare function optionLabelText(option: SelectV2Option): string;
+export declare function matchesSearch(option: SelectV2Option, inputValue: string): boolean;
+export declare function readStoredSelection(storageKey: string): unknown;
+export declare function hasStoredSelection(storageKey: string): boolean;
+export declare function writeStoredSelection(storageKey: string, value: unknown): void;
+export declare function clearStoredSelection(storageKey: string): void;
+export declare function buildClassNames(size: SelectV2Size, hasError: boolean, singleLine: boolean): ClassNamesConfig<SelectV2Option, boolean, GroupBase<SelectV2Option>>;

package/dist/components/TableV2/TableV2.types.d.ts

@@ -97,6 +97,15 @@ export interface TableV2Props<TData, TValue = unknown> extends BaseProps {
     onExport?: () => void;
     density?: TableV2Density;
     stickyHeader?: boolean;
+    /**
+     * Stretches the table to fill its parent's height instead of sizing to
+     * its content, with the row area scrolling internally (header pinned,
+     * same as `stickyHeader`) and the pagination footer pinned to the
+     * bottom of that area. The parent element must provide a definite
+     * height (e.g. `h-[calc(100vh-64px)]`) for this to have any effect.
+     * @default false
+     */
+    fillHeight?: boolean;
     wrapperClassName?: string;
     className?: string;
 }