@portabletext/plugin-emoji-picker 1.0.0 → 1.0.2

package/dist/index.d.cts

@@ -1,3 +1,18 @@
+/**
+ * The base type representing an emoji match.
+ *
+ * @beta
+ */
+export declare type BaseEmojiMatch =
+  | {
+      type: 'exact'
+      emoji: string
+    }
+  | {
+      type: 'partial'
+      emoji: string
+    }
+
 /**
  * Proposed, but not required, function to create a `MatchEmojis` function.
  *
@@ -15,7 +30,7 @@
  */
 export declare function createMatchEmojis(config: {
   emojis: Record<string, ReadonlyArray<string>>
-}): MatchEmojis
+}): MatchEmojis<EmojiMatch>
 
 /**
  * Proposed, but not required type, to represent an emoji match.
@@ -62,16 +77,18 @@ export declare type EmojiMatch =
 /**
  * @beta
  */
-export declare type EmojiPicker<TEmojiMatch = EmojiMatch> = {
+export declare type EmojiPicker<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = {
   /**
-   * The matched keyword, including colons.
+   * The matched keyword.
    *
    * Can be used to display the keyword in the UI or conditionally render the
    * list of matches.
    *
    * @example
    * ```tsx
-   * if (keyword.length < 2) {
+   * if (keyword.length < 1) {
    *   return null
    * }
    * ```
@@ -155,7 +172,9 @@ export declare type EmojiPicker<TEmojiMatch = EmojiMatch> = {
 /**
  * @beta
  */
-export declare type EmojiPickerProps<TEmojiMatch = EmojiMatch> = {
+export declare type EmojiPickerProps<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = {
   matchEmojis: MatchEmojis<TEmojiMatch>
 }
 
@@ -164,16 +183,16 @@ export declare type EmojiPickerProps<TEmojiMatch = EmojiMatch> = {
  *
  * @beta
  */
-export declare type MatchEmojis<TEmojiMatch = EmojiMatch> = (query: {
-  keyword: string
-}) => ReadonlyArray<TEmojiMatch>
+export declare type MatchEmojis<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = (query: {keyword: string}) => ReadonlyArray<TEmojiMatch>
 
 /**
  * Proposed, but not required, default implementation of `MatchEmojis`.
  *
  * @beta
  */
-export declare const matchEmojis: MatchEmojis
+export declare const matchEmojis: MatchEmojis<EmojiMatch>
 
 /**
  * Handles the state and logic needed to create an emoji picker.
@@ -202,8 +221,8 @@ export declare const matchEmojis: MatchEmojis
  *
  * @beta
  */
-export declare function useEmojiPicker<TEmojiMatch = EmojiMatch>(
-  props: EmojiPickerProps<TEmojiMatch>,
-): EmojiPicker<TEmojiMatch>
+export declare function useEmojiPicker<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+>(props: EmojiPickerProps<TEmojiMatch>): EmojiPicker<TEmojiMatch>
 
 export {}

package/dist/index.d.ts

@@ -1,3 +1,18 @@
+/**
+ * The base type representing an emoji match.
+ *
+ * @beta
+ */
+export declare type BaseEmojiMatch =
+  | {
+      type: 'exact'
+      emoji: string
+    }
+  | {
+      type: 'partial'
+      emoji: string
+    }
+
 /**
  * Proposed, but not required, function to create a `MatchEmojis` function.
  *
@@ -15,7 +30,7 @@
  */
 export declare function createMatchEmojis(config: {
   emojis: Record<string, ReadonlyArray<string>>
-}): MatchEmojis
+}): MatchEmojis<EmojiMatch>
 
 /**
  * Proposed, but not required type, to represent an emoji match.
@@ -62,16 +77,18 @@ export declare type EmojiMatch =
 /**
  * @beta
  */
-export declare type EmojiPicker<TEmojiMatch = EmojiMatch> = {
+export declare type EmojiPicker<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = {
   /**
-   * The matched keyword, including colons.
+   * The matched keyword.
    *
    * Can be used to display the keyword in the UI or conditionally render the
    * list of matches.
    *
    * @example
    * ```tsx
-   * if (keyword.length < 2) {
+   * if (keyword.length < 1) {
    *   return null
    * }
    * ```
@@ -155,7 +172,9 @@ export declare type EmojiPicker<TEmojiMatch = EmojiMatch> = {
 /**
  * @beta
  */
-export declare type EmojiPickerProps<TEmojiMatch = EmojiMatch> = {
+export declare type EmojiPickerProps<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = {
   matchEmojis: MatchEmojis<TEmojiMatch>
 }
 
@@ -164,16 +183,16 @@ export declare type EmojiPickerProps<TEmojiMatch = EmojiMatch> = {
  *
  * @beta
  */
-export declare type MatchEmojis<TEmojiMatch = EmojiMatch> = (query: {
-  keyword: string
-}) => ReadonlyArray<TEmojiMatch>
+export declare type MatchEmojis<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+> = (query: {keyword: string}) => ReadonlyArray<TEmojiMatch>
 
 /**
  * Proposed, but not required, default implementation of `MatchEmojis`.
  *
  * @beta
  */
-export declare const matchEmojis: MatchEmojis
+export declare const matchEmojis: MatchEmojis<EmojiMatch>
 
 /**
  * Handles the state and logic needed to create an emoji picker.
@@ -202,8 +221,8 @@ export declare const matchEmojis: MatchEmojis
  *
  * @beta
  */
-export declare function useEmojiPicker<TEmojiMatch = EmojiMatch>(
-  props: EmojiPickerProps<TEmojiMatch>,
-): EmojiPicker<TEmojiMatch>
+export declare function useEmojiPicker<
+  TEmojiMatch extends BaseEmojiMatch = BaseEmojiMatch,
+>(props: EmojiPickerProps<TEmojiMatch>): EmojiPicker<TEmojiMatch>
 
 export {}

package/dist/index.js

@@ -2623,48 +2623,48 @@ const triggerListenerCallback = ({
   }
 });
 function useEmojiPicker(props) {
-  const $ = c(17), editor = useEditor(), t0 = props.matchEmojis;
-  let t1;
-  $[0] !== editor || $[1] !== t0 ? (t1 = {
+  const $ = c(17), editor = useEditor();
+  let t0;
+  $[0] !== editor || $[1] !== props.matchEmojis ? (t0 = {
     input: {
       editor,
-      matchEmojis: t0
+      matchEmojis: props.matchEmojis
     }
-  }, $[0] = editor, $[1] = t0, $[2] = t1) : t1 = $[2];
-  const emojiPickerActor = useActorRef(emojiPickerMachine, t1), keyword = useSelector(emojiPickerActor, _temp), matches = useSelector(emojiPickerActor, _temp2), selectedIndex = useSelector(emojiPickerActor, _temp3);
-  let t2;
-  $[3] !== emojiPickerActor ? (t2 = () => {
+  }, $[0] = editor, $[1] = props.matchEmojis, $[2] = t0) : t0 = $[2];
+  const emojiPickerActor = useActorRef(emojiPickerMachine, t0), keyword = useSelector(emojiPickerActor, _temp), matches = useSelector(emojiPickerActor, _temp2), selectedIndex = useSelector(emojiPickerActor, _temp3);
+  let t1;
+  $[3] !== emojiPickerActor ? (t1 = () => {
     emojiPickerActor.send({
       type: "dismiss"
     });
-  }, $[3] = emojiPickerActor, $[4] = t2) : t2 = $[4];
-  const onDismiss = t2;
-  let t3;
-  $[5] !== emojiPickerActor ? (t3 = (index) => {
+  }, $[3] = emojiPickerActor, $[4] = t1) : t1 = $[4];
+  const onDismiss = t1;
+  let t2;
+  $[5] !== emojiPickerActor ? (t2 = (index) => {
     emojiPickerActor.send({
       type: "navigate to",
       index
     });
-  }, $[5] = emojiPickerActor, $[6] = t3) : t3 = $[6];
-  const onNavigateTo = t3;
-  let t4;
-  $[7] !== editor || $[8] !== emojiPickerActor ? (t4 = () => {
+  }, $[5] = emojiPickerActor, $[6] = t2) : t2 = $[6];
+  const onNavigateTo = t2;
+  let t3;
+  $[7] !== editor || $[8] !== emojiPickerActor ? (t3 = () => {
     emojiPickerActor.send({
       type: "insert selected match"
     }), editor.send({
       type: "focus"
     });
-  }, $[7] = editor, $[8] = emojiPickerActor, $[9] = t4) : t4 = $[9];
-  const onSelect = t4;
-  let t5;
-  return $[10] !== keyword || $[11] !== matches || $[12] !== onDismiss || $[13] !== onNavigateTo || $[14] !== onSelect || $[15] !== selectedIndex ? (t5 = {
+  }, $[7] = editor, $[8] = emojiPickerActor, $[9] = t3) : t3 = $[9];
+  const onSelect = t3;
+  let t4;
+  return $[10] !== keyword || $[11] !== matches || $[12] !== onDismiss || $[13] !== onNavigateTo || $[14] !== onSelect || $[15] !== selectedIndex ? (t4 = {
     keyword,
     matches,
     selectedIndex,
     onDismiss,
     onNavigateTo,
     onSelect
-  }, $[10] = keyword, $[11] = matches, $[12] = onDismiss, $[13] = onNavigateTo, $[14] = onSelect, $[15] = selectedIndex, $[16] = t5) : t5 = $[16], t5;
+  }, $[10] = keyword, $[11] = matches, $[12] = onDismiss, $[13] = onNavigateTo, $[14] = onSelect, $[15] = selectedIndex, $[16] = t4) : t4 = $[16], t4;
 }
 function _temp3(snapshot_1) {
   return snapshot_1.context.selectedIndex;
@@ -2673,7 +2673,8 @@ function _temp2(snapshot_0) {
   return snapshot_0.context.matches;
 }
 function _temp(snapshot) {
-  return snapshot.context.keyword;
+  const rawKeyword = snapshot.context.keyword.startsWith(":") ? snapshot.context.keyword.slice(1) : snapshot.context.keyword;
+  return rawKeyword.endsWith(":") ? rawKeyword.slice(0, -1) : rawKeyword;
 }
 export {
   createMatchEmojis,