@fibery/ui-kit 1.12.2 → 1.14.0

package/src/emoji-mart/emoji-picker.tsx

@@ -1,78 +0,0 @@
-import {Suspense, forwardRef, lazy} from "react";
-import {ColorPicker} from "../ColorPicker";
-import {cardTypeColors} from "../designSystem";
-import {$TSFixMe} from "../tsfixme";
-import {EmojiMartWrapper, NimblePicker, NimblePickerProps} from "./emoji-mart";
-import {EmojiDataProps, getEmojiDataProps} from "./data/get-data";
-
-type NimblePickerWithData = Omit<NimblePickerProps, keyof EmojiDataProps>;
-
-const NimblePickerWithData = lazy(async () => {
-  const emojiDataProps = await getEmojiDataProps();
-
-  return {
-    default: function EmojiPicker(props: NimblePickerWithData) {
-      return <NimblePicker {...props} {...emojiDataProps} />;
-    },
-  };
-});
-
-const EmojiPickerComponent: React.FC<NimblePickerWithData> = (props) => {
-  return (
-    <Suspense
-      fallback={
-        <div
-          className="emoji-mart"
-          style={{
-            height: "280px",
-          }}
-        />
-      }
-    >
-      <NimblePickerWithData {...props} />
-    </Suspense>
-  );
-};
-
-export type EmojiPickerProps = {
-  borderless?: boolean;
-  color?: string;
-  getHoverColor?: (color: string) => string | undefined;
-  colors?: string[];
-  onColorSelect?: (c: $TSFixMe) => void;
-} & NimblePickerWithData;
-
-const i18n = {search: "Search emoji..."};
-
-export const EmojiPicker = forwardRef<HTMLDivElement, EmojiPickerProps>(function EmojiPicker(
-  {
-    borderless = true,
-    color,
-    getHoverColor,
-    colors = cardTypeColors,
-    onColorSelect,
-    showSkinTones = true,
-    ...pickerProps
-  },
-  ref
-) {
-  return (
-    <EmojiMartWrapper
-      ref={ref}
-      emojiHoverColor={color ? getHoverColor?.(color) : undefined}
-      borderless={borderless}
-      hideCategories
-      shortSearch={showSkinTones}
-    >
-      <EmojiPickerComponent showSkinTones={showSkinTones} i18n={i18n} {...pickerProps} />
-      {onColorSelect ? (
-        <ColorPicker
-          colors={colors}
-          getSwatchHoverColor={getHoverColor}
-          color={color}
-          onChangeComplete={onColorSelect}
-        />
-      ) : null}
-    </EmojiMartWrapper>
-  );
-});