@chayns-components/emoji-input 5.2.4 → 5.2.8-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js.map +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/types/components/emoji-input/EmojiInput.styles.d.ts +38 -17
- package/lib/types/components/emoji-input/prefix-element/PrefixElement.styles.d.ts +18 -10
- package/lib/types/components/emoji-picker/EmojiPicker.styles.d.ts +1 -1
- package/lib/types/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts +4 -2
- package/lib/types/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts +10 -6
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.d.ts +8 -5
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.d.ts +21 -10
- package/lib/types/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts +1 -1
- package/lib/types/index.d.ts +2 -1
- package/package.json +6 -6
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","_EmojiPickerPopup","_EmojiPicker","_alignment","_emoji","_convertEmojisToUnicodeAsync","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef } from './components/emoji-input/EmojiInput';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { escapeHTML, unescapeHTML } from './utils/emoji';\nexport {\n loadEmojiShortList,\n convertEmojisToUnicodeAsync,\n convertEmojiToUnicodeSync,\n} from './utils/convertEmojisToUnicodeAsync';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;
|
|
1
|
+
{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","_EmojiPickerPopup","_EmojiPicker","_alignment","_emoji","_convertEmojisToUnicodeAsync","e","__esModule","default"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef, EmojiInputProps } from './components/emoji-input/EmojiInput';\nexport type { ReplaceTextOptions } from './utils/selection';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { escapeHTML, unescapeHTML } from './utils/emoji';\nexport {\n loadEmojiShortList,\n convertEmojisToUnicodeAsync,\n convertEmojiToUnicodeSync,\n} from './utils/convertEmojisToUnicodeAsync';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AAI6C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
package/lib/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","EmojiInput","EmojiPickerPopup","EmojiPicker","PopupAlignment","escapeHTML","unescapeHTML","loadEmojiShortList","convertEmojisToUnicodeAsync","convertEmojiToUnicodeSync"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef } from './components/emoji-input/EmojiInput';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { escapeHTML, unescapeHTML } from './utils/emoji';\nexport {\n loadEmojiShortList,\n convertEmojisToUnicodeAsync,\n convertEmojiToUnicodeSync,\n} from './utils/convertEmojisToUnicodeAsync';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,qCAAqC;
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","EmojiInput","EmojiPickerPopup","EmojiPicker","PopupAlignment","escapeHTML","unescapeHTML","loadEmojiShortList","convertEmojisToUnicodeAsync","convertEmojiToUnicodeSync"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\nexport type { EmojiInputRef, EmojiInputProps } from './components/emoji-input/EmojiInput';\nexport type { ReplaceTextOptions } from './utils/selection';\nexport { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';\nexport { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';\nexport { PopupAlignment } from './constants/alignment';\nexport { escapeHTML, unescapeHTML } from './utils/emoji';\nexport {\n loadEmojiShortList,\n convertEmojisToUnicodeAsync,\n convertEmojiToUnicodeSync,\n} from './utils/convertEmojisToUnicodeAsync';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,qCAAqC;AAG3E,SAASD,OAAO,IAAIE,gBAAgB,QAAQ,kDAAkD;AAC9F,SAASF,OAAO,IAAIG,WAAW,QAAQ,uCAAuC;AAC9E,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,UAAU,EAAEC,YAAY,QAAQ,eAAe;AACxD,SACIC,kBAAkB,EAClBC,2BAA2B,EAC3BC,yBAAyB,QACtB,qCAAqC","ignoreList":[]}
|
|
@@ -1,25 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
type StyledEmojiInputProps = WithTheme<{
|
|
1
|
+
export declare const StyledEmojiInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$shouldChangeColor"> & {
|
|
3
2
|
$isDisabled?: boolean;
|
|
4
3
|
$shouldChangeColor: boolean;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
} & {
|
|
5
|
+
theme: import("@chayns-components/core").Theme;
|
|
6
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isDisabled" | "$shouldChangeColor"> & {
|
|
7
|
+
$isDisabled?: boolean;
|
|
8
|
+
$shouldChangeColor: boolean;
|
|
9
|
+
} & {
|
|
10
|
+
theme: import("@chayns-components/core").Theme;
|
|
11
|
+
}, never>>> & string;
|
|
12
|
+
export declare const StyledMotionEmojiInputProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
8
13
|
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
9
|
-
}, {
|
|
14
|
+
}, "theme"> & {
|
|
10
15
|
theme: import("@chayns-components/core").Theme;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
17
|
+
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
18
|
+
}, "theme"> & {
|
|
19
|
+
theme: import("@chayns-components/core").Theme;
|
|
20
|
+
}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
|
|
21
|
+
export declare const StyledEmojiInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
22
|
+
export declare const StyledMotionEmojiInputEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
23
|
+
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
24
|
+
}, "theme" | "$shouldShowContent"> & {
|
|
14
25
|
$shouldShowContent: boolean;
|
|
15
|
-
}
|
|
16
|
-
|
|
26
|
+
} & {
|
|
27
|
+
theme: import("@chayns-components/core").Theme;
|
|
28
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
17
29
|
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
|
|
30
|
+
}, "theme" | "$shouldShowContent"> & {
|
|
31
|
+
$shouldShowContent: boolean;
|
|
32
|
+
} & {
|
|
33
|
+
theme: import("@chayns-components/core").Theme;
|
|
34
|
+
}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
|
|
35
|
+
export declare const StyledEmojiInputRightWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
36
|
+
export declare const StyledEmojiInputLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "theme" | "$maxWidth" | "$offsetWidth"> & {
|
|
21
37
|
$maxWidth: number;
|
|
22
38
|
$offsetWidth?: number;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
39
|
+
} & {
|
|
40
|
+
theme: import("@chayns-components/core").Theme;
|
|
41
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "theme" | "$maxWidth" | "$offsetWidth"> & {
|
|
42
|
+
$maxWidth: number;
|
|
43
|
+
$offsetWidth?: number;
|
|
44
|
+
} & {
|
|
45
|
+
theme: import("@chayns-components/core").Theme;
|
|
46
|
+
}, never>>> & string;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
type StyledPrefixElementProps = WithTheme<{
|
|
1
|
+
export declare const StyledPrefixElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShow"> & {
|
|
3
2
|
$shouldShow: boolean;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
} & {
|
|
4
|
+
theme: import("@chayns-components/core").Theme;
|
|
5
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldShow"> & {
|
|
6
|
+
$shouldShow: boolean;
|
|
7
|
+
} & {
|
|
8
|
+
theme: import("@chayns-components/core").Theme;
|
|
9
|
+
}, never>>> & string;
|
|
10
|
+
export declare const StyledPrefixElementPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
11
|
+
export declare const StyledPrefixElementLetterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
12
|
+
export declare const StyledPrefixElementLetter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$index"> & {
|
|
13
|
+
$index: number;
|
|
14
|
+
} & {
|
|
15
|
+
theme: import("@chayns-components/core").Theme;
|
|
16
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "theme" | "$index"> & {
|
|
9
17
|
$index: number;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
18
|
+
} & {
|
|
19
|
+
theme: import("@chayns-components/core").Theme;
|
|
20
|
+
}, never>>> & string;
|
|
@@ -2,4 +2,4 @@ export declare const emojiPickerSize: {
|
|
|
2
2
|
height: number;
|
|
3
3
|
width: number;
|
|
4
4
|
};
|
|
5
|
-
export declare const StyledEmojiPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
5
|
+
export declare const StyledEmojiPicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
package/lib/types/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export declare const StyledEmojiPickerCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
1
|
+
export declare const StyledEmojiPickerCategories: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
2
2
|
export declare const StyledMotionEmojiPickerCategory: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
4
|
-
}, never
|
|
4
|
+
}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
6
|
+
}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
type StyledEmojiPickerEmojisProps = WithTheme<{
|
|
1
|
+
export declare const StyledEmojiPickerEmojis: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldPreventScroll" | "$shouldShowNoContentInfo"> & {
|
|
3
2
|
$shouldPreventScroll: boolean;
|
|
4
3
|
$shouldShowNoContentInfo: boolean;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
4
|
+
} & {
|
|
5
|
+
theme: import("@chayns-components/core").Theme;
|
|
6
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$shouldPreventScroll" | "$shouldShowNoContentInfo"> & {
|
|
7
|
+
$shouldPreventScroll: boolean;
|
|
8
|
+
$shouldShowNoContentInfo: boolean;
|
|
9
|
+
} & {
|
|
10
|
+
theme: import("@chayns-components/core").Theme;
|
|
11
|
+
}, never>>> & string;
|
|
12
|
+
export declare const StyledEmojiPickerEmojisNoContentInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
type StyledEmojiProps = WithTheme<{
|
|
1
|
+
export declare const StyledEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
|
|
3
2
|
$isSelected: boolean;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
} & {
|
|
4
|
+
theme: import("@chayns-components/core").Theme;
|
|
5
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
|
|
6
|
+
$isSelected: boolean;
|
|
7
|
+
} & {
|
|
8
|
+
theme: import("@chayns-components/core").Theme;
|
|
9
|
+
}, never>>> & string;
|
|
@@ -1,20 +1,31 @@
|
|
|
1
|
-
import type { WithTheme } from '@chayns-components/core';
|
|
2
1
|
import { AnchorAlignment } from '../../../../../constants/alignment';
|
|
3
2
|
export declare const StyledMotionSkinTonePopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
3
|
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
5
|
-
}, never
|
|
4
|
+
}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
|
|
6
|
+
}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
|
|
6
7
|
export declare const skinTonePopupContentSize: {
|
|
7
8
|
height: number;
|
|
8
9
|
width: number;
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
+
export declare const StyledSkinTonePopupContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$anchorAlignment" | "$anchorOffset"> & {
|
|
12
|
+
$anchorAlignment: AnchorAlignment;
|
|
13
|
+
$anchorOffset: number;
|
|
14
|
+
} & {
|
|
15
|
+
theme: import("@chayns-components/core").Theme;
|
|
16
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$anchorAlignment" | "$anchorOffset"> & {
|
|
11
17
|
$anchorAlignment: AnchorAlignment;
|
|
12
18
|
$anchorOffset: number;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
|
|
19
|
+
} & {
|
|
20
|
+
theme: import("@chayns-components/core").Theme;
|
|
21
|
+
}, never>>> & string;
|
|
22
|
+
export declare const StyledSkinTonePopupContentEmoji: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
|
|
23
|
+
$isSelected: boolean;
|
|
24
|
+
} & {
|
|
25
|
+
theme: import("@chayns-components/core").Theme;
|
|
26
|
+
}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$isSelected"> & {
|
|
16
27
|
$isSelected: boolean;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export
|
|
28
|
+
} & {
|
|
29
|
+
theme: import("@chayns-components/core").Theme;
|
|
30
|
+
}, never>>> & string;
|
|
31
|
+
export declare const StyledSkinTonePopupOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const StyledEmojiPickerPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never
|
|
1
|
+
export declare const StyledEmojiPickerPopup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { default as EmojiInput } from './components/emoji-input/EmojiInput';
|
|
2
|
-
export type { EmojiInputRef } from './components/emoji-input/EmojiInput';
|
|
2
|
+
export type { EmojiInputRef, EmojiInputProps } from './components/emoji-input/EmojiInput';
|
|
3
|
+
export type { ReplaceTextOptions } from './utils/selection';
|
|
3
4
|
export { default as EmojiPickerPopup } from './components/emoji-picker-popup/EmojiPickerPopup';
|
|
4
5
|
export { default as EmojiPicker } from './components/emoji-picker/EmojiPicker';
|
|
5
6
|
export { PopupAlignment } from './constants/alignment';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/emoji-input",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.8-alpha.0",
|
|
4
4
|
"description": "Input field that supports HTML elements and emojis",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@babel/cli": "^7.28.6",
|
|
59
59
|
"@babel/core": "^7.29.0",
|
|
60
|
-
"@babel/preset-env": "^7.29.
|
|
60
|
+
"@babel/preset-env": "^7.29.5",
|
|
61
61
|
"@babel/preset-react": "^7.28.5",
|
|
62
62
|
"@babel/preset-typescript": "^7.28.5",
|
|
63
63
|
"@types/react": "^18.3.28",
|
|
@@ -73,11 +73,11 @@
|
|
|
73
73
|
"typescript": "^5.9.3"
|
|
74
74
|
},
|
|
75
75
|
"dependencies": {
|
|
76
|
-
"@chayns-components/core": "^5.2.
|
|
77
|
-
"@chayns-components/textstring": "^5.0
|
|
76
|
+
"@chayns-components/core": "^5.2.8-alpha.0",
|
|
77
|
+
"@chayns-components/textstring": "^5.2.8-alpha.0",
|
|
78
78
|
"emojilib": "^3.0.12",
|
|
79
79
|
"react-compiler-runtime": "^1.0.0",
|
|
80
|
-
"unicode-emoji-json": "^0.
|
|
80
|
+
"unicode-emoji-json": "^0.9.0"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|
|
83
83
|
"chayns-api": ">=2.2.0",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"publishConfig": {
|
|
90
90
|
"access": "public"
|
|
91
91
|
},
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "1c8fe6448a297b7837d271b23e00347b68f2214a"
|
|
93
93
|
}
|