@tastic/profile 0.14.0 → 0.15.0

package/dist/index.d.mts

@@ -1,8 +1,54 @@
 import * as react from 'react';
-import { ReactNode, RefObject, Ref } from 'react';
-import { SeedColor } from '@rific/auto-paper';
+import { RefObject, ReactNode, Ref } from 'react';
 import { PopoverHost, PopoverRotation } from '@tastic/hud';
 import { View, StyleProp, ViewStyle } from 'react-native';
+import { SeedColor } from '@rific/auto-paper';
+
+interface ProfilePickerColorSection {
+    value: string;
+    onChange: (hex: string) => void;
+    previewValue?: (hex: string) => string;
+    swatches?: SeedColor[];
+    label?: string;
+    caption?: string;
+    takenValue?: string;
+    allowSwapTaken?: boolean;
+}
+interface ProfilePickerAlignResult {
+    align: 'left' | 'right' | 'center';
+    verticalAlign: 'below' | 'above';
+    maxHeight: number;
+    measured: boolean;
+    triggerRef: RefObject<View | null>;
+}
+interface ProfilePickerContentSize {
+    width: number;
+    height: number;
+}
+
+interface OptionPickerOption<T extends string> {
+    value: T;
+    label: string;
+    icon?: string;
+}
+declare function getOptionPickerContentSize(optionCount: number, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
+interface OptionPickerProps<T extends string> {
+    id: string;
+    host: PopoverHost;
+    options: OptionPickerOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    color: string;
+    dark: boolean;
+    icon: string;
+    rowIcon?: string;
+    colorSection?: ProfilePickerColorSection;
+    align?: 'left' | 'right' | 'center';
+    alignOverride?: ProfilePickerAlignResult;
+    rotation?: PopoverRotation;
+    triggerStyle?: StyleProp<ViewStyle>;
+}
+declare function OptionPicker<T extends string>({ id, host, options, value, onChange, color, dark, icon, rowIcon, colorSection, align, alignOverride, rotation, triggerStyle }: OptionPickerProps<T>): react.JSX.Element;
 
 interface Profile {
     id: string;
@@ -28,25 +74,6 @@ declare function ProfileColorProvider({ preview, children }: ProfileColorProvide
 declare function useProfileColorPreview(): ((hex: string) => string) | undefined;
 declare function useProfileDisplayColor(hex: string): string;
 
-interface ProfilePickerColorSection {
-    value: string;
-    onChange: (hex: string) => void;
-    previewValue?: (hex: string) => string;
-    swatches?: SeedColor[];
-    label?: string;
-    caption?: string;
-}
-interface ProfilePickerAlignResult {
-    align: 'left' | 'right' | 'center';
-    verticalAlign: 'below' | 'above';
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-}
-interface ProfilePickerContentSize {
-    width: number;
-    height: number;
-}
 declare function getProfilePickerContentSize(profileCount: number, hasManageRow?: boolean, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
 interface ProfilePickerProps<P extends Profile> {
     idPrefix: string;
@@ -67,7 +94,7 @@ interface ProfilePickerProps<P extends Profile> {
     colorSection?: ProfilePickerColorSection;
     triggerStyle?: StyleProp<ViewStyle>;
 }
-declare function ProfilePicker<P extends Profile>({ idPrefix, host, profiles, selectedId, takenId, color, dark, align: forcedAlign, alignOverride, rotation, guestLabel, nullLabel, nullIcon, onSelect, onManage, colorSection, triggerStyle }: ProfilePickerProps<P>): react.JSX.Element;
+declare function ProfilePicker<P extends Profile>({ idPrefix, host, profiles, selectedId, takenId, color, dark, align, alignOverride, rotation, guestLabel, nullLabel, nullIcon, onSelect, onManage, colorSection, triggerStyle }: ProfilePickerProps<P>): react.JSX.Element;
 
 type MD3TextVariant$1 = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
 interface ProfileEditPatch {
@@ -189,19 +216,23 @@ interface SetLastGuestColorPayload<TSeat> {
     color: string;
     seat: TSeat;
 }
-interface SetProfileOverridePayload<TSeat> {
+interface ProfileColorPick {
+    color: string;
+    profileColor: string;
+}
+interface SetProfileColorPayload {
+    profile: Pick<Profile, 'id' | 'color'>;
     color: string | null;
-    seat: TSeat;
 }
 interface SeatColorsActions<TSeat> {
     setLastCpuColor: ActionCreator<string>;
     setLastGuestColor: ActionCreator<SetLastGuestColorPayload<TSeat>>;
-    setProfileOverride: ActionCreator<SetProfileOverridePayload<TSeat>>;
+    setProfileColor: ActionCreator<SetProfileColorPayload>;
 }
 type SeatColorsState<TSeat extends string | number> = {
     lastCpuColor: string;
     lastGuestColor: Record<TSeat, string>;
-    profileOverride: Record<TSeat, string | null>;
+    profileColors: Record<string, ProfileColorPick>;
 };
 interface SeatColorsSlice<TSeat extends string | number> {
     actions: SeatColorsActions<TSeat>;
@@ -210,6 +241,7 @@ interface SeatColorsSlice<TSeat extends string | number> {
         payload?: unknown;
     }) => SeatColorsState<TSeat>;
 }
+declare function profileSeatColor(profile: Pick<Profile, 'id' | 'color'>, profileColors: Record<string, ProfileColorPick>): string;
 declare function createSeatColorsSlice<TSeat extends string | number>(namespace: string, defaultState: SeatColorsState<TSeat>, mountKey?: string): SeatColorsSlice<TSeat>;
 
 interface UseSharedProfilesSyncOptions {
@@ -228,4 +260,4 @@ declare function readSharedProfiles(groupId: string): Promise<Profile[] | null>;
 declare function loadSharedProfiles(groupId: string): Promise<Profile[]>;
 declare function saveSharedProfiles(groupId: string, profiles: Profile[]): Promise<void>;
 
-export { type CreateProfileInput, MAX_PROFILE_NAME_LENGTH, MAX_TAG_LENGTH, type Profile, ProfileChip, ProfileColorProvider, type ProfileEditPatch, type ProfileExtensionActions, type ProfileExtensionSlice, type ProfileExtensionState, ProfilePicker, type ProfilePickerAlignResult, type ProfilePickerColorSection, type ProfilePickerContentSize, type ProfileSelectionActions, type ProfileSelectionSlice, type ProfileSelectionState, ProfilesManager, type ProfilesManagerHandle, type ProfilesManagerProps, ProfilesScreen, type ProfilesScreenProps, type SeatColorsActions, type SeatColorsSlice, type SeatColorsState, type SelectProfilePayload, type SetLastGuestColorPayload, type SetProfileExtensionPayload, type SetProfileOverridePayload, type UpdateProfilePayload, type UseSharedProfilesSyncOptions, type UseSharedProfilesSyncResult, avoidSeatColorClash, createProfileExtensionSlice, createProfileRecord, createProfileSelectionSlice, createSeatColorsSlice, getProfilePickerContentSize, isSharedProfileStoreAvailable, isValidProfile, isValidTag, loadSharedProfiles, profilesActions, profilesReducer, readSharedProfiles, resolveInitialProfiles, saveSharedProfiles, useProfileColorPreview, useProfileDisplayColor, useSharedProfilesSync };
+export { type CreateProfileInput, MAX_PROFILE_NAME_LENGTH, MAX_TAG_LENGTH, OptionPicker, type OptionPickerOption, type Profile, ProfileChip, type ProfileColorPick, ProfileColorProvider, type ProfileEditPatch, type ProfileExtensionActions, type ProfileExtensionSlice, type ProfileExtensionState, ProfilePicker, type ProfilePickerAlignResult, type ProfilePickerColorSection, type ProfilePickerContentSize, type ProfileSelectionActions, type ProfileSelectionSlice, type ProfileSelectionState, ProfilesManager, type ProfilesManagerHandle, type ProfilesManagerProps, ProfilesScreen, type ProfilesScreenProps, type SeatColorsActions, type SeatColorsSlice, type SeatColorsState, type SelectProfilePayload, type SetLastGuestColorPayload, type SetProfileColorPayload, type SetProfileExtensionPayload, type UpdateProfilePayload, type UseSharedProfilesSyncOptions, type UseSharedProfilesSyncResult, avoidSeatColorClash, createProfileExtensionSlice, createProfileRecord, createProfileSelectionSlice, createSeatColorsSlice, getOptionPickerContentSize, getProfilePickerContentSize, isSharedProfileStoreAvailable, isValidProfile, isValidTag, loadSharedProfiles, profileSeatColor, profilesActions, profilesReducer, readSharedProfiles, resolveInitialProfiles, saveSharedProfiles, useProfileColorPreview, useProfileDisplayColor, useSharedProfilesSync };

package/dist/index.d.ts

@@ -1,8 +1,54 @@
 import * as react from 'react';
-import { ReactNode, RefObject, Ref } from 'react';
-import { SeedColor } from '@rific/auto-paper';
+import { RefObject, ReactNode, Ref } from 'react';
 import { PopoverHost, PopoverRotation } from '@tastic/hud';
 import { View, StyleProp, ViewStyle } from 'react-native';
+import { SeedColor } from '@rific/auto-paper';
+
+interface ProfilePickerColorSection {
+    value: string;
+    onChange: (hex: string) => void;
+    previewValue?: (hex: string) => string;
+    swatches?: SeedColor[];
+    label?: string;
+    caption?: string;
+    takenValue?: string;
+    allowSwapTaken?: boolean;
+}
+interface ProfilePickerAlignResult {
+    align: 'left' | 'right' | 'center';
+    verticalAlign: 'below' | 'above';
+    maxHeight: number;
+    measured: boolean;
+    triggerRef: RefObject<View | null>;
+}
+interface ProfilePickerContentSize {
+    width: number;
+    height: number;
+}
+
+interface OptionPickerOption<T extends string> {
+    value: T;
+    label: string;
+    icon?: string;
+}
+declare function getOptionPickerContentSize(optionCount: number, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
+interface OptionPickerProps<T extends string> {
+    id: string;
+    host: PopoverHost;
+    options: OptionPickerOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    color: string;
+    dark: boolean;
+    icon: string;
+    rowIcon?: string;
+    colorSection?: ProfilePickerColorSection;
+    align?: 'left' | 'right' | 'center';
+    alignOverride?: ProfilePickerAlignResult;
+    rotation?: PopoverRotation;
+    triggerStyle?: StyleProp<ViewStyle>;
+}
+declare function OptionPicker<T extends string>({ id, host, options, value, onChange, color, dark, icon, rowIcon, colorSection, align, alignOverride, rotation, triggerStyle }: OptionPickerProps<T>): react.JSX.Element;
 
 interface Profile {
     id: string;
@@ -28,25 +74,6 @@ declare function ProfileColorProvider({ preview, children }: ProfileColorProvide
 declare function useProfileColorPreview(): ((hex: string) => string) | undefined;
 declare function useProfileDisplayColor(hex: string): string;
 
-interface ProfilePickerColorSection {
-    value: string;
-    onChange: (hex: string) => void;
-    previewValue?: (hex: string) => string;
-    swatches?: SeedColor[];
-    label?: string;
-    caption?: string;
-}
-interface ProfilePickerAlignResult {
-    align: 'left' | 'right' | 'center';
-    verticalAlign: 'below' | 'above';
-    maxHeight: number;
-    measured: boolean;
-    triggerRef: RefObject<View | null>;
-}
-interface ProfilePickerContentSize {
-    width: number;
-    height: number;
-}
 declare function getProfilePickerContentSize(profileCount: number, hasManageRow?: boolean, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
 interface ProfilePickerProps<P extends Profile> {
     idPrefix: string;
@@ -67,7 +94,7 @@ interface ProfilePickerProps<P extends Profile> {
     colorSection?: ProfilePickerColorSection;
     triggerStyle?: StyleProp<ViewStyle>;
 }
-declare function ProfilePicker<P extends Profile>({ idPrefix, host, profiles, selectedId, takenId, color, dark, align: forcedAlign, alignOverride, rotation, guestLabel, nullLabel, nullIcon, onSelect, onManage, colorSection, triggerStyle }: ProfilePickerProps<P>): react.JSX.Element;
+declare function ProfilePicker<P extends Profile>({ idPrefix, host, profiles, selectedId, takenId, color, dark, align, alignOverride, rotation, guestLabel, nullLabel, nullIcon, onSelect, onManage, colorSection, triggerStyle }: ProfilePickerProps<P>): react.JSX.Element;
 
 type MD3TextVariant$1 = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
 interface ProfileEditPatch {
@@ -189,19 +216,23 @@ interface SetLastGuestColorPayload<TSeat> {
     color: string;
     seat: TSeat;
 }
-interface SetProfileOverridePayload<TSeat> {
+interface ProfileColorPick {
+    color: string;
+    profileColor: string;
+}
+interface SetProfileColorPayload {
+    profile: Pick<Profile, 'id' | 'color'>;
     color: string | null;
-    seat: TSeat;
 }
 interface SeatColorsActions<TSeat> {
     setLastCpuColor: ActionCreator<string>;
     setLastGuestColor: ActionCreator<SetLastGuestColorPayload<TSeat>>;
-    setProfileOverride: ActionCreator<SetProfileOverridePayload<TSeat>>;
+    setProfileColor: ActionCreator<SetProfileColorPayload>;
 }
 type SeatColorsState<TSeat extends string | number> = {
     lastCpuColor: string;
     lastGuestColor: Record<TSeat, string>;
-    profileOverride: Record<TSeat, string | null>;
+    profileColors: Record<string, ProfileColorPick>;
 };
 interface SeatColorsSlice<TSeat extends string | number> {
     actions: SeatColorsActions<TSeat>;
@@ -210,6 +241,7 @@ interface SeatColorsSlice<TSeat extends string | number> {
         payload?: unknown;
     }) => SeatColorsState<TSeat>;
 }
+declare function profileSeatColor(profile: Pick<Profile, 'id' | 'color'>, profileColors: Record<string, ProfileColorPick>): string;
 declare function createSeatColorsSlice<TSeat extends string | number>(namespace: string, defaultState: SeatColorsState<TSeat>, mountKey?: string): SeatColorsSlice<TSeat>;
 
 interface UseSharedProfilesSyncOptions {
@@ -228,4 +260,4 @@ declare function readSharedProfiles(groupId: string): Promise<Profile[] | null>;
 declare function loadSharedProfiles(groupId: string): Promise<Profile[]>;
 declare function saveSharedProfiles(groupId: string, profiles: Profile[]): Promise<void>;
 
-export { type CreateProfileInput, MAX_PROFILE_NAME_LENGTH, MAX_TAG_LENGTH, type Profile, ProfileChip, ProfileColorProvider, type ProfileEditPatch, type ProfileExtensionActions, type ProfileExtensionSlice, type ProfileExtensionState, ProfilePicker, type ProfilePickerAlignResult, type ProfilePickerColorSection, type ProfilePickerContentSize, type ProfileSelectionActions, type ProfileSelectionSlice, type ProfileSelectionState, ProfilesManager, type ProfilesManagerHandle, type ProfilesManagerProps, ProfilesScreen, type ProfilesScreenProps, type SeatColorsActions, type SeatColorsSlice, type SeatColorsState, type SelectProfilePayload, type SetLastGuestColorPayload, type SetProfileExtensionPayload, type SetProfileOverridePayload, type UpdateProfilePayload, type UseSharedProfilesSyncOptions, type UseSharedProfilesSyncResult, avoidSeatColorClash, createProfileExtensionSlice, createProfileRecord, createProfileSelectionSlice, createSeatColorsSlice, getProfilePickerContentSize, isSharedProfileStoreAvailable, isValidProfile, isValidTag, loadSharedProfiles, profilesActions, profilesReducer, readSharedProfiles, resolveInitialProfiles, saveSharedProfiles, useProfileColorPreview, useProfileDisplayColor, useSharedProfilesSync };
+export { type CreateProfileInput, MAX_PROFILE_NAME_LENGTH, MAX_TAG_LENGTH, OptionPicker, type OptionPickerOption, type Profile, ProfileChip, type ProfileColorPick, ProfileColorProvider, type ProfileEditPatch, type ProfileExtensionActions, type ProfileExtensionSlice, type ProfileExtensionState, ProfilePicker, type ProfilePickerAlignResult, type ProfilePickerColorSection, type ProfilePickerContentSize, type ProfileSelectionActions, type ProfileSelectionSlice, type ProfileSelectionState, ProfilesManager, type ProfilesManagerHandle, type ProfilesManagerProps, ProfilesScreen, type ProfilesScreenProps, type SeatColorsActions, type SeatColorsSlice, type SeatColorsState, type SelectProfilePayload, type SetLastGuestColorPayload, type SetProfileColorPayload, type SetProfileExtensionPayload, type UpdateProfilePayload, type UseSharedProfilesSyncOptions, type UseSharedProfilesSyncResult, avoidSeatColorClash, createProfileExtensionSlice, createProfileRecord, createProfileSelectionSlice, createSeatColorsSlice, getOptionPickerContentSize, getProfilePickerContentSize, isSharedProfileStoreAvailable, isValidProfile, isValidTag, loadSharedProfiles, profileSeatColor, profilesActions, profilesReducer, readSharedProfiles, resolveInitialProfiles, saveSharedProfiles, useProfileColorPreview, useProfileDisplayColor, useSharedProfilesSync };