emoji-picker-react 4.6.4-rc.1 → 4.6.4

package/dist/hooks/preloadEmoji.d.ts

@@ -1,5 +1,5 @@
-import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
-import { DataEmoji } from '../dataUtils/DataTypes';
-import { EmojiStyle } from '../types/exposedTypes';
-export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyle): void;
-export declare const preloadedEmojs: Set<string>;
+import { GetEmojiUrl } from '../components/emoji/BaseEmojiProps';
+import { DataEmoji } from '../dataUtils/DataTypes';
+import { EmojiStyle } from '../types/exposedTypes';
+export declare function preloadEmoji(getEmojiUrl: GetEmojiUrl, emoji: undefined | DataEmoji, emojiStyle: EmojiStyle): void;
+export declare const preloadedEmojs: Set<string>;

package/dist/hooks/useActiveCategoryScrollDetection.d.ts

@@ -1 +1 @@
-export declare function useActiveCategoryScrollDetection(setActiveCategory: (category: string) => void): void;
+export declare function useActiveCategoryScrollDetection(setActiveCategory: (category: string) => void): void;

package/dist/hooks/useCloseAllOpenToggles.d.ts

@@ -1,2 +1,2 @@
-export declare function useCloseAllOpenToggles(): () => void;
-export declare function useHasOpenToggles(): () => boolean;
+export declare function useCloseAllOpenToggles(): () => void;
+export declare function useHasOpenToggles(): () => boolean;

package/dist/hooks/useDebouncedState.d.ts

@@ -1 +1 @@
-export declare function useDebouncedState<T>(initialValue: T, delay?: number): [T, (value: T) => Promise<T>];
+export declare function useDebouncedState<T>(initialValue: T, delay?: number): [T, (value: T) => Promise<T>];

package/dist/hooks/useDisallowMouseMove.d.ts

@@ -1,4 +1,4 @@
-export declare function useDisallowMouseMove(): () => void;
-export declare function useAllowMouseMove(): () => void;
-export declare function useIsMouseDisallowed(): () => boolean;
-export declare function useOnMouseMove(): void;
+export declare function useDisallowMouseMove(): () => void;
+export declare function useAllowMouseMove(): () => void;
+export declare function useIsMouseDisallowed(): () => boolean;
+export declare function useOnMouseMove(): void;

package/dist/hooks/useDisallowedEmojis.d.ts

@@ -1,3 +1,3 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useDisallowedEmojis(): Record<string, boolean>;
-export declare function useIsEmojiDisallowed(): (emoji: DataEmoji) => boolean;
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useDisallowedEmojis(): Record<string, boolean>;
+export declare function useIsEmojiDisallowed(): (emoji: DataEmoji) => boolean;

package/dist/hooks/useEmojiPreviewEvents.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { PreviewEmoji } from '../components/footer/Preview';
-export declare function useEmojiPreviewEvents(allow: boolean, setPreviewEmoji: React.Dispatch<React.SetStateAction<PreviewEmoji>>): void;
+import * as React from 'react';
+import { PreviewEmoji } from '../components/footer/Preview';
+export declare function useEmojiPreviewEvents(allow: boolean, setPreviewEmoji: React.Dispatch<React.SetStateAction<PreviewEmoji>>): void;

package/dist/hooks/useFilter.d.ts

@@ -1,12 +1,12 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useClearSearch(): () => void;
-export declare function useAppendSearch(): (str: string) => void;
-export declare function useFilter(): {
-    onChange: (inputValue: string) => void;
-    searchTerm: string;
-    SearchInputRef: import("../components/context/ElementRefContext").ElementRef<HTMLInputElement>;
-    statusSearchResults: string;
-};
-export declare function useIsEmojiFiltered(): (unified: string) => boolean;
-export type FilterDict = Record<string, DataEmoji>;
-export declare function getNormalizedSearchTerm(str: string): string;
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useClearSearch(): () => void;
+export declare function useAppendSearch(): (str: string) => void;
+export declare function useFilter(): {
+    onChange: (inputValue: string) => void;
+    searchTerm: string;
+    SearchInputRef: import("../components/context/ElementRefContext").ElementRef<HTMLInputElement>;
+    statusSearchResults: string;
+};
+export declare function useIsEmojiFiltered(): (unified: string) => boolean;
+export declare type FilterDict = Record<string, DataEmoji>;
+export declare function getNormalizedSearchTerm(str: string): string;

package/dist/hooks/useFocus.d.ts

@@ -1,3 +1,3 @@
-export declare function useFocusSearchInput(): () => void;
-export declare function useFocusSkinTonePicker(): () => void;
-export declare function useFocusCategoryNavigation(): () => void;
+export declare function useFocusSearchInput(): () => void;
+export declare function useFocusSkinTonePicker(): () => void;
+export declare function useFocusCategoryNavigation(): () => void;

package/dist/hooks/useHideEmojisByUniocode.d.ts

@@ -1 +1 @@
-export declare function useIsUnicodeHidden(): (emojiUnified: string) => boolean;
+export declare function useIsUnicodeHidden(): (emojiUnified: string) => boolean;

package/dist/hooks/useInitialLoad.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare function useMarkInitialLoad(dispatch: React.Dispatch<React.SetStateAction<boolean>>): void;
+import * as React from 'react';
+export declare function useMarkInitialLoad(dispatch: React.Dispatch<React.SetStateAction<boolean>>): void;

package/dist/hooks/useIsEmojiHidden.d.ts

@@ -1,8 +1,8 @@
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function useIsEmojiHidden(): (emoji: DataEmoji) => IsHiddenReturn;
-type IsHiddenReturn = {
-    failedToLoad: boolean;
-    filteredOut: boolean;
-    hidden: boolean;
-};
-export {};
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function useIsEmojiHidden(): (emoji: DataEmoji) => IsHiddenReturn;
+declare type IsHiddenReturn = {
+    failedToLoad: boolean;
+    filteredOut: boolean;
+    hidden: boolean;
+};
+export {};

package/dist/hooks/useIsSearchMode.d.ts

@@ -1 +1 @@
-export default function useIsSearchMode(): boolean;
+export default function useIsSearchMode(): boolean;

package/dist/hooks/useKeyboardNavigation.d.ts

@@ -1 +1 @@
-export declare function useKeyboardNavigation(): void;
+export declare function useKeyboardNavigation(): void;

package/dist/hooks/useMouseDownHandlers.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import { NullableElement } from '../DomUtils/selectors';
-export declare function useMouseDownHandlers(BodyRef: React.MutableRefObject<NullableElement>): void;
+import * as React from 'react';
+import { NullableElement } from '../DomUtils/selectors';
+export declare function useMouseDownHandlers(BodyRef: React.MutableRefObject<NullableElement>): void;

package/dist/hooks/useOnFocus.d.ts

@@ -1 +1 @@
-export declare function useOnFocus(): void;
+export declare function useOnFocus(): void;

package/dist/hooks/useOnScroll.d.ts

@@ -1,2 +1,2 @@
-import { ElementRef } from '../components/context/ElementRefContext';
-export declare function useOnScroll(BodyRef: ElementRef): void;
+import { ElementRef } from '../components/context/ElementRefContext';
+export declare function useOnScroll(BodyRef: ElementRef): void;

package/dist/hooks/useScrollCategoryIntoView.d.ts

@@ -1 +1 @@
-export declare function useScrollCategoryIntoView(): (category: string) => void;
+export declare function useScrollCategoryIntoView(): (category: string) => void;

package/dist/hooks/useSetVariationPicker.d.ts

@@ -1,2 +1,2 @@
-import { NullableElement } from '../DomUtils/selectors';
-export default function useSetVariationPicker(): (element: NullableElement) => void;
+import { NullableElement } from '../DomUtils/selectors';
+export default function useSetVariationPicker(): (element: NullableElement) => void;

package/dist/hooks/useShouldHideCustomEmojis.d.ts

@@ -1 +1 @@
-export declare function useShouldHideCustomEmojis(): boolean;
+export declare function useShouldHideCustomEmojis(): boolean;

package/dist/hooks/useShouldShowSkinTonePicker.d.ts

@@ -1,4 +1,4 @@
-import { SkinTonePickerLocation } from '../types/exposedTypes';
-export declare function useShouldShowSkinTonePicker(): (location: SkinTonePickerLocation) => boolean;
-export declare function useIsSkinToneInSearch(): boolean;
-export declare function useIsSkinToneInPreview(): boolean;
+import { SkinTonePickerLocation } from '../types/exposedTypes';
+export declare function useShouldShowSkinTonePicker(): (location: SkinTonePickerLocation) => boolean;
+export declare function useIsSkinToneInSearch(): boolean;
+export declare function useIsSkinToneInPreview(): boolean;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { PickerConfig } from './config/config';
-export { ExportedEmoji as Emoji } from './components/emoji/ExportedEmoji';
-export { EmojiStyle, SkinTones, Theme, Categories, EmojiClickData, SuggestionMode, SkinTonePickerLocation } from './types/exposedTypes';
-export interface PickerProps extends PickerConfig {
-}
-export default function EmojiPicker(props: PickerProps): JSX.Element;
+/// <reference types="react" />
+import { PickerConfig } from './config/config';
+export { ExportedEmoji as Emoji } from './components/emoji/ExportedEmoji';
+export { EmojiStyle, SkinTones, Theme, Categories, EmojiClickData, SuggestionMode, SkinTonePickerLocation } from './types/exposedTypes';
+export interface PickerProps extends PickerConfig {
+}
+export default function EmojiPicker(props: PickerProps): JSX.Element;

package/dist/typeRefinements/typeRefinements.d.ts

@@ -1,5 +1,5 @@
-import { CategoryConfig, CustomCategoryConfig } from '../config/categoryConfig';
-import { CustomEmoji } from '../config/customEmojiConfig';
-import { DataEmoji } from '../dataUtils/DataTypes';
-export declare function isCustomCategory(category: CategoryConfig | CustomCategoryConfig): category is CustomCategoryConfig;
-export declare function isCustomEmoji(emoji: Partial<DataEmoji>): emoji is CustomEmoji;
+import { CategoryConfig, CustomCategoryConfig } from '../config/categoryConfig';
+import { CustomEmoji } from '../config/customEmojiConfig';
+import { DataEmoji } from '../dataUtils/DataTypes';
+export declare function isCustomCategory(category: CategoryConfig | CustomCategoryConfig): category is CustomCategoryConfig;
+export declare function isCustomEmoji(emoji: Partial<DataEmoji>): emoji is CustomEmoji;

package/dist/types/exposedTypes.d.ts

@@ -1,50 +1,50 @@
-export type EmojiClickData = {
-    activeSkinTone: SkinTones;
-    unified: string;
-    unifiedWithoutSkinTone: string;
-    emoji: string;
-    names: string[];
-    imageUrl: string;
-    getImageUrl: (emojiStyle?: EmojiStyle) => string;
-    isCustom: boolean;
-};
-export declare enum SuggestionMode {
-    RECENT = "recent",
-    FREQUENT = "frequent"
-}
-export declare enum EmojiStyle {
-    NATIVE = "native",
-    APPLE = "apple",
-    TWITTER = "twitter",
-    GOOGLE = "google",
-    FACEBOOK = "facebook"
-}
-export declare enum Theme {
-    DARK = "dark",
-    LIGHT = "light",
-    AUTO = "auto"
-}
-export declare enum SkinTones {
-    NEUTRAL = "neutral",
-    LIGHT = "1f3fb",
-    MEDIUM_LIGHT = "1f3fc",
-    MEDIUM = "1f3fd",
-    MEDIUM_DARK = "1f3fe",
-    DARK = "1f3ff"
-}
-export declare enum Categories {
-    SUGGESTED = "suggested",
-    CUSTOM = "custom",
-    SMILEYS_PEOPLE = "smileys_people",
-    ANIMALS_NATURE = "animals_nature",
-    FOOD_DRINK = "food_drink",
-    TRAVEL_PLACES = "travel_places",
-    ACTIVITIES = "activities",
-    OBJECTS = "objects",
-    SYMBOLS = "symbols",
-    FLAGS = "flags"
-}
-export declare enum SkinTonePickerLocation {
-    SEARCH = "SEARCH",
-    PREVIEW = "PREVIEW"
-}
+export declare type EmojiClickData = {
+    activeSkinTone: SkinTones;
+    unified: string;
+    unifiedWithoutSkinTone: string;
+    emoji: string;
+    names: string[];
+    imageUrl: string;
+    getImageUrl: (emojiStyle?: EmojiStyle) => string;
+    isCustom: boolean;
+};
+export declare enum SuggestionMode {
+    RECENT = "recent",
+    FREQUENT = "frequent"
+}
+export declare enum EmojiStyle {
+    NATIVE = "native",
+    APPLE = "apple",
+    TWITTER = "twitter",
+    GOOGLE = "google",
+    FACEBOOK = "facebook"
+}
+export declare enum Theme {
+    DARK = "dark",
+    LIGHT = "light",
+    AUTO = "auto"
+}
+export declare enum SkinTones {
+    NEUTRAL = "neutral",
+    LIGHT = "1f3fb",
+    MEDIUM_LIGHT = "1f3fc",
+    MEDIUM = "1f3fd",
+    MEDIUM_DARK = "1f3fe",
+    DARK = "1f3ff"
+}
+export declare enum Categories {
+    SUGGESTED = "suggested",
+    CUSTOM = "custom",
+    SMILEYS_PEOPLE = "smileys_people",
+    ANIMALS_NATURE = "animals_nature",
+    FOOD_DRINK = "food_drink",
+    TRAVEL_PLACES = "travel_places",
+    ACTIVITIES = "activities",
+    OBJECTS = "objects",
+    SYMBOLS = "symbols",
+    FLAGS = "flags"
+}
+export declare enum SkinTonePickerLocation {
+    SEARCH = "SEARCH",
+    PREVIEW = "PREVIEW"
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.6.4-rc.1",
+  "version": "4.6.4",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -23,10 +23,11 @@
   },
   "scripts": {
     "start": "tsdx watch",
-    "build": "node ./scripts/prepare.js && tsdx build && node ./scripts/copyData.js",
+    "build": "node ./scripts/prepare.js && yarn type-check && tsdx build --transpileOnly && node ./scripts/copyData.js",
+    "type-check": "tsc --noEmit --incremental --pretty --project tsconfig.json",
     "test": "tsdx test --passWithNoTests",
     "lint": "eslint ./src --ext .ts,.tsx",
-    "prepare": "tsdx build",
+    "prepare": "yarn type-check && tsdx build --transpileOnly",
     "size": "size-limit",
     "analyze": "size-limit --why",
     "storybook": "start-storybook -p 6006",
@@ -95,12 +96,9 @@
     "tiny-invariant": "^1.2.0",
     "tsdx": "^0.14.1",
     "tslib": "^2.4.0",
-    "typescript": "^5.0.0"
+    "typescript": "^4.7.4"
   },
   "dependencies": {
-    "flairup": "0.0.12"
-  },
-  "resolutions": {
-    "typescript": "^5.0.0"
+    "flairup": "0.0.15"
   }
 }

package/src/components/header/Header.tsx

@@ -3,7 +3,6 @@ import * as React from 'react';
 import Relative from '../Layout/Relative';
 import { CategoryNavigation } from '../navigation/CategoryNavigation';
 
-import './Header.css';
 import { SearchContainer } from './Search';
 
 export function Header() {

package/src/components/header/Search.tsx

@@ -2,6 +2,7 @@ import { cx } from 'flairup';
 import * as React from 'react';
 import { useState } from 'react';
 
+import { stylesheet } from '../../Stylesheet/stylesheet';
 import {
   useAutoFocusSearchConfig,
   useSearchDisabledConfig,
@@ -29,7 +30,7 @@ export function SearchContainer() {
   }
 
   return (
-    <Flex className="epr-header-overlay">
+    <Flex className={cx(styles.overlay)}>
       <Search />
 
       {isSkinToneInSearch ? <SkinTonePicker /> : null}
@@ -37,6 +38,13 @@ export function SearchContainer() {
   );
 }
 
+const styles = stylesheet.create({
+  overlay: {
+    padding: 'var(--epr-header-padding)',
+    zIndex: 'var(--epr-header-overlay-z-index)'
+  }
+});
+
 export function Search() {
   const [inc, setInc] = useState(0);
   const closeAllOpenToggles = useCloseAllOpenToggles();

package/src/components/header/Header.css

@@ -1,4 +0,0 @@
-.EmojiPickerReact .epr-header .epr-header-overlay {
-  padding: var(--epr-header-padding);
-  z-index: var(--epr-header-overlay-z-index);
-}