@chayns-components/emoji-input 5.0.0-beta.73 → 5.0.0-beta.734
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/README.md +4 -15
- package/lib/cjs/api/item-storage/get.js +36 -0
- package/lib/cjs/api/item-storage/get.js.map +1 -0
- package/lib/cjs/api/item-storage/put.js +41 -0
- package/lib/cjs/api/item-storage/put.js.map +1 -0
- package/lib/cjs/components/emoji-input/EmojiInput.js +531 -0
- package/lib/cjs/components/emoji-input/EmojiInput.js.map +1 -0
- package/lib/cjs/components/emoji-input/EmojiInput.styles.js +132 -0
- package/lib/cjs/components/emoji-input/EmojiInput.styles.js.map +1 -0
- package/lib/cjs/components/emoji-input/prefix-element/PrefixElement.js +45 -0
- package/lib/cjs/components/emoji-input/prefix-element/PrefixElement.js.map +1 -0
- package/lib/cjs/components/emoji-input/prefix-element/PrefixElement.styles.js +65 -0
- package/lib/cjs/components/emoji-input/prefix-element/PrefixElement.styles.js.map +1 -0
- package/lib/{components → cjs/components}/emoji-picker/EmojiPicker.js +11 -9
- package/lib/cjs/components/emoji-picker/EmojiPicker.js.map +1 -0
- package/lib/{components → cjs/components}/emoji-picker/EmojiPicker.styles.js +5 -5
- package/lib/cjs/components/emoji-picker/EmojiPicker.styles.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js +102 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js +25 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js +240 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js +69 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js +144 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js +24 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js +130 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js.map +1 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js +99 -0
- package/lib/cjs/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js.map +1 -0
- package/lib/cjs/components/emoji-picker-popup/EmojiPickerPopup.js +52 -0
- package/lib/cjs/components/emoji-picker-popup/EmojiPickerPopup.js.map +1 -0
- package/lib/cjs/components/emoji-picker-popup/EmojiPickerPopup.styles.js +15 -0
- package/lib/cjs/components/emoji-picker-popup/EmojiPickerPopup.styles.js.map +1 -0
- package/lib/cjs/constants/alignment.js +19 -0
- package/lib/cjs/constants/alignment.js.map +1 -0
- package/lib/{constants → cjs/constants}/categories.js +2 -2
- package/lib/cjs/constants/categories.js.map +1 -0
- package/lib/cjs/constants/emoji.js +3804 -0
- package/lib/cjs/constants/emoji.js.map +1 -0
- package/lib/cjs/constants/externalServerUrl.js +8 -0
- package/lib/cjs/constants/externalServerUrl.js.map +1 -0
- package/lib/cjs/constants/regex.js +15 -0
- package/lib/cjs/constants/regex.js.map +1 -0
- package/lib/cjs/hooks/emojiHistory.js +89 -0
- package/lib/cjs/hooks/emojiHistory.js.map +1 -0
- package/lib/cjs/index.js +42 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/types/api.js +2 -0
- package/lib/cjs/types/api.js.map +1 -0
- package/lib/cjs/types/category.js +2 -0
- package/lib/cjs/types/category.js.map +1 -0
- package/lib/cjs/utils/emoji.js +104 -0
- package/lib/cjs/utils/emoji.js.map +1 -0
- package/lib/{utils → cjs/utils}/environment.js +6 -4
- package/lib/cjs/utils/environment.js.map +1 -0
- package/lib/cjs/utils/font.js +17 -0
- package/lib/cjs/utils/font.js.map +1 -0
- package/lib/cjs/utils/insert.js +110 -0
- package/lib/cjs/utils/insert.js.map +1 -0
- package/lib/cjs/utils/number.js +17 -0
- package/lib/cjs/utils/number.js.map +1 -0
- package/lib/cjs/utils/selection.js +214 -0
- package/lib/cjs/utils/selection.js.map +1 -0
- package/lib/cjs/utils/text.js +57 -0
- package/lib/cjs/utils/text.js.map +1 -0
- package/lib/esm/api/item-storage/get.js +30 -0
- package/lib/esm/api/item-storage/get.js.map +1 -0
- package/lib/esm/api/item-storage/put.js +35 -0
- package/lib/esm/api/item-storage/put.js.map +1 -0
- package/lib/esm/components/emoji-input/EmojiInput.js +518 -0
- package/lib/esm/components/emoji-input/EmojiInput.js.map +1 -0
- package/lib/esm/components/emoji-input/EmojiInput.styles.js +151 -0
- package/lib/esm/components/emoji-input/EmojiInput.styles.js.map +1 -0
- package/lib/esm/components/emoji-input/prefix-element/PrefixElement.js +38 -0
- package/lib/esm/components/emoji-input/prefix-element/PrefixElement.js.map +1 -0
- package/lib/esm/components/emoji-input/prefix-element/PrefixElement.styles.js +69 -0
- package/lib/esm/components/emoji-input/prefix-element/PrefixElement.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker/EmojiPicker.js +40 -0
- package/lib/esm/components/emoji-picker/EmojiPicker.js.map +1 -0
- package/lib/esm/components/emoji-picker/EmojiPicker.styles.js +16 -0
- package/lib/esm/components/emoji-picker/EmojiPicker.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js +96 -0
- package/lib/esm/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js +18 -0
- package/lib/esm/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js +240 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js +76 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js +136 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js +20 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js +121 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js.map +1 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js +98 -0
- package/lib/esm/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js.map +1 -0
- package/lib/esm/components/emoji-picker-popup/EmojiPickerPopup.js +43 -0
- package/lib/esm/components/emoji-picker-popup/EmojiPickerPopup.js.map +1 -0
- package/lib/esm/components/emoji-picker-popup/EmojiPickerPopup.styles.js +8 -0
- package/lib/esm/components/emoji-picker-popup/EmojiPickerPopup.styles.js.map +1 -0
- package/lib/esm/constants/alignment.js +13 -0
- package/lib/esm/constants/alignment.js.map +1 -0
- package/lib/esm/constants/categories.js +13 -0
- package/lib/esm/constants/categories.js.map +1 -0
- package/lib/esm/constants/emoji-de-DE.json +3827 -0
- package/lib/esm/constants/emoji.js +3798 -0
- package/lib/esm/constants/emoji.js.map +1 -0
- package/lib/esm/constants/externalServerUrl.js +2 -0
- package/lib/esm/constants/externalServerUrl.js.map +1 -0
- package/lib/esm/constants/regex.js +9 -0
- package/lib/esm/constants/regex.js.map +1 -0
- package/lib/esm/hooks/emojiHistory.js +83 -0
- package/lib/esm/hooks/emojiHistory.js.map +1 -0
- package/lib/esm/index.js +6 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/types/api.js +2 -0
- package/lib/esm/types/api.js.map +1 -0
- package/lib/esm/types/category.js +2 -0
- package/lib/esm/types/category.js.map +1 -0
- package/lib/esm/utils/emoji.js +92 -0
- package/lib/esm/utils/emoji.js.map +1 -0
- package/lib/esm/utils/environment.js +24 -0
- package/lib/esm/utils/environment.js.map +1 -0
- package/lib/esm/utils/font.js +10 -0
- package/lib/esm/utils/font.js.map +1 -0
- package/lib/esm/utils/insert.js +104 -0
- package/lib/esm/utils/insert.js.map +1 -0
- package/lib/esm/utils/number.js +10 -0
- package/lib/esm/utils/number.js.map +1 -0
- package/lib/esm/utils/selection.js +197 -0
- package/lib/esm/utils/selection.js.map +1 -0
- package/lib/esm/utils/text.js +48 -0
- package/lib/esm/utils/text.js.map +1 -0
- package/lib/types/api/item-storage/get.d.ts +8 -0
- package/lib/types/api/item-storage/put.d.ts +9 -0
- package/lib/types/components/emoji-input/EmojiInput.d.ts +94 -0
- package/lib/types/components/emoji-input/EmojiInput.styles.d.ts +547 -0
- package/lib/types/components/emoji-input/prefix-element/PrefixElement.d.ts +8 -0
- package/lib/types/components/emoji-input/prefix-element/PrefixElement.styles.d.ts +12 -0
- package/lib/{components → types/components}/emoji-picker/EmojiPicker.d.ts +8 -0
- package/lib/types/components/emoji-picker/EmojiPicker.styles.d.ts +5 -0
- package/lib/types/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts +266 -0
- package/lib/{components → types/components}/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.d.ts +2 -0
- package/lib/types/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts +10 -0
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.d.ts +14 -0
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.d.ts +6 -0
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.d.ts +18 -0
- package/lib/types/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.d.ts +282 -0
- package/lib/{components → types/components}/emoji-picker-popup/EmojiPickerPopup.d.ts +8 -6
- package/lib/types/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts +1 -0
- package/lib/{constants → types/constants}/alignment.d.ts +4 -0
- package/lib/{constants → types/constants}/categories.d.ts +1 -0
- package/lib/types/constants/emoji.d.ts +8 -0
- package/lib/types/constants/externalServerUrl.d.ts +1 -0
- package/lib/types/constants/regex.d.ts +8 -0
- package/lib/types/hooks/emojiHistory.d.ts +22 -0
- package/lib/types/index.d.ts +6 -0
- package/lib/types/types/api.d.ts +4 -0
- package/lib/types/types/category.d.ts +1 -0
- package/lib/types/utils/emoji.d.ts +4 -0
- package/lib/{utils → types/utils}/environment.d.ts +1 -0
- package/lib/types/utils/font.d.ts +1 -0
- package/lib/types/utils/insert.d.ts +26 -0
- package/lib/types/utils/number.d.ts +1 -0
- package/lib/types/utils/selection.d.ts +22 -0
- package/lib/types/utils/text.d.ts +3 -0
- package/package.json +45 -29
- package/lib/components/emoji-input/EmojiInput.d.ts +0 -30
- package/lib/components/emoji-input/EmojiInput.js +0 -154
- package/lib/components/emoji-input/EmojiInput.js.map +0 -1
- package/lib/components/emoji-input/EmojiInput.styles.d.ts +0 -8
- package/lib/components/emoji-input/EmojiInput.styles.js +0 -83
- package/lib/components/emoji-input/EmojiInput.styles.js.map +0 -1
- package/lib/components/emoji-picker/EmojiPicker.js.map +0 -1
- package/lib/components/emoji-picker/EmojiPicker.styles.d.ts +0 -5
- package/lib/components/emoji-picker/EmojiPicker.styles.js.map +0 -1
- package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js +0 -45
- package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js.map +0 -1
- package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts +0 -2
- package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js +0 -25
- package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js.map +0 -1
- package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js +0 -66
- package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js.map +0 -1
- package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts +0 -2
- package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js +0 -55
- package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js.map +0 -1
- package/lib/components/emoji-picker-popup/EmojiPickerPopup.js +0 -121
- package/lib/components/emoji-picker-popup/EmojiPickerPopup.js.map +0 -1
- package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts +0 -7
- package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.js +0 -94
- package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.js.map +0 -1
- package/lib/constants/alignment.js +0 -15
- package/lib/constants/alignment.js.map +0 -1
- package/lib/constants/categories.js.map +0 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +0 -14
- package/lib/index.js.map +0 -1
- package/lib/types/category.d.ts +0 -1
- package/lib/types/category.js +0 -6
- package/lib/types/category.js.map +0 -1
- package/lib/utils/emoji.d.ts +0 -1
- package/lib/utils/emoji.js +0 -191
- package/lib/utils/emoji.js.map +0 -1
- package/lib/utils/environment.js.map +0 -1
- package/lib/utils/selection.d.ts +0 -2
- package/lib/utils/selection.js +0 -43
- package/lib/utils/selection.js.map +0 -1
- /package/lib/{constants → cjs/constants}/emoji-de-DE.json +0 -0
- /package/lib/{components → types/components}/emoji-picker/emoji-picker-categories/EmojiPickerCategories.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPicker.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","emojiPickerSize","height","width","exports","StyledEmojiPicker","styled","div"],"sources":["../../../src/components/emoji-picker/EmojiPicker.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const emojiPickerSize = {\n height: 285,\n width: 350,\n};\n\nexport const StyledEmojiPicker = styled.div`\n display: flex;\n flex-direction: column;\n height: ${emojiPickerSize.height}px;\n padding: 10px 22px;\n width: ${emojiPickerSize.width}px;\n user-select: none;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,eAAe,GAAG;EAC3BC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE;AACX,CAAC;AAACC,OAAA,CAAAH,eAAA,GAAAA,eAAA;AAEK,MAAMI,iBAAiB,GAAGC,yBAAM,CAACC,GAAI;AAC5C;AACA;AACA,cAAcN,eAAe,CAACC,MAAO;AACrC;AACA,aAAaD,eAAe,CAACE,KAAM;AACnC;AACA,CAAC;AAACC,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _dataByGroup = _interopRequireDefault(require("unicode-emoji-json/data-by-group.json"));
|
|
9
|
-
var _categories = require("../../../constants/categories");
|
|
10
|
-
var _EmojiPickerCategories = require("./EmojiPickerCategories.styles");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
const EmojiPickerCategories = _ref => {
|
|
15
|
-
let {
|
|
16
|
-
onSelect,
|
|
17
|
-
searchString,
|
|
18
|
-
selectedCategory
|
|
19
|
-
} = _ref;
|
|
20
|
-
const isSearchStringGiven = searchString.trim() !== '';
|
|
21
|
-
const categories = (0, _react.useMemo)(() => _dataByGroup.default.map(_ref2 => {
|
|
22
|
-
let {
|
|
23
|
-
slug
|
|
24
|
-
} = _ref2;
|
|
25
|
-
const isSelected = selectedCategory === slug && !isSearchStringGiven;
|
|
26
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiPickerCategories.StyledMotionEmojiPickerCategory, {
|
|
27
|
-
animate: {
|
|
28
|
-
filter: `grayscale(${isSelected ? 0 : 0.75})`,
|
|
29
|
-
opacity: isSelected ? 1 : 0.5
|
|
30
|
-
},
|
|
31
|
-
className: "prevent-lose-focus",
|
|
32
|
-
initial: false,
|
|
33
|
-
key: slug,
|
|
34
|
-
onClick: () => onSelect(slug),
|
|
35
|
-
transition: {
|
|
36
|
-
duration: 0.2
|
|
37
|
-
}
|
|
38
|
-
}, _categories.CATEGORY_EMOJIS[slug]);
|
|
39
|
-
}), [isSearchStringGiven, onSelect, selectedCategory]);
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiPickerCategories.StyledEmojiPickerCategories, null, categories);
|
|
41
|
-
};
|
|
42
|
-
EmojiPickerCategories.displayName = 'EmojiPickerCategories';
|
|
43
|
-
var _default = EmojiPickerCategories;
|
|
44
|
-
exports.default = _default;
|
|
45
|
-
//# sourceMappingURL=EmojiPickerCategories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerCategories.js","names":["_react","_interopRequireWildcard","require","_dataByGroup","_interopRequireDefault","_categories","_EmojiPickerCategories","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmojiPickerCategories","_ref","onSelect","searchString","selectedCategory","isSearchStringGiven","trim","categories","useMemo","unicodeEmoji","map","_ref2","slug","isSelected","createElement","StyledMotionEmojiPickerCategory","animate","filter","opacity","className","initial","onClick","transition","duration","CATEGORY_EMOJIS","StyledEmojiPickerCategories","displayName","_default","exports"],"sources":["../../../../src/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport unicodeEmoji from 'unicode-emoji-json/data-by-group.json';\nimport { CATEGORY_EMOJIS } from '../../../constants/categories';\nimport type { Category } from '../../../types/category';\nimport {\n StyledEmojiPickerCategories,\n StyledMotionEmojiPickerCategory,\n} from './EmojiPickerCategories.styles';\n\nexport type EmojiPickerCategoriesProps = {\n onSelect: (category: Category) => void;\n searchString: string;\n selectedCategory: Category;\n};\n\nconst EmojiPickerCategories: FC<EmojiPickerCategoriesProps> = ({\n onSelect,\n searchString,\n selectedCategory,\n}) => {\n const isSearchStringGiven = searchString.trim() !== '';\n\n const categories = useMemo(\n () =>\n unicodeEmoji.map(({ slug }) => {\n const isSelected = selectedCategory === slug && !isSearchStringGiven;\n\n return (\n <StyledMotionEmojiPickerCategory\n animate={{\n filter: `grayscale(${isSelected ? 0 : 0.75})`,\n opacity: isSelected ? 1 : 0.5,\n }}\n className=\"prevent-lose-focus\"\n initial={false}\n key={slug}\n onClick={() => onSelect(slug as Category)}\n transition={{ duration: 0.2 }}\n >\n {CATEGORY_EMOJIS[slug as Category]}\n </StyledMotionEmojiPickerCategory>\n );\n }),\n [isSearchStringGiven, onSelect, selectedCategory]\n );\n\n return <StyledEmojiPickerCategories>{categories}</StyledEmojiPickerCategories>;\n};\n\nEmojiPickerCategories.displayName = 'EmojiPickerCategories';\n\nexport default EmojiPickerCategories;\n"],"mappings":"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"}
|
package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const StyledEmojiPickerCategories: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const StyledMotionEmojiPickerCategory: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {}, never>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledMotionEmojiPickerCategory = exports.StyledEmojiPickerCategories = void 0;
|
|
7
|
-
var _framerMotion = require("framer-motion");
|
|
8
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
const StyledEmojiPickerCategories = _styledComponents.default.div`
|
|
11
|
-
align-items: center;
|
|
12
|
-
border-top: 1px solid rgba(160, 160, 160, 0.3);
|
|
13
|
-
display: flex;
|
|
14
|
-
flex: 0 0 auto;
|
|
15
|
-
justify-content: space-between;
|
|
16
|
-
padding-top: 10px;
|
|
17
|
-
`;
|
|
18
|
-
exports.StyledEmojiPickerCategories = StyledEmojiPickerCategories;
|
|
19
|
-
const StyledMotionEmojiPickerCategory = (0, _styledComponents.default)(_framerMotion.motion.div)`
|
|
20
|
-
cursor: pointer;
|
|
21
|
-
font-family: 'Noto Color Emoji', 'Roboto Regular', 'Tahoma', serif;
|
|
22
|
-
font-size: 20px;
|
|
23
|
-
`;
|
|
24
|
-
exports.StyledMotionEmojiPickerCategory = StyledMotionEmojiPickerCategory;
|
|
25
|
-
//# sourceMappingURL=EmojiPickerCategories.styles.js.map
|
package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerCategories.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","obj","__esModule","default","StyledEmojiPickerCategories","styled","div","exports","StyledMotionEmojiPickerCategory","motion"],"sources":["../../../../src/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\n\nexport const StyledEmojiPickerCategories = styled.div`\n align-items: center;\n border-top: 1px solid rgba(160, 160, 160, 0.3);\n display: flex;\n flex: 0 0 auto;\n justify-content: space-between;\n padding-top: 10px;\n`;\n\nexport const StyledMotionEmojiPickerCategory = styled(motion.div)`\n cursor: pointer;\n font-family: 'Noto Color Emoji', 'Roboto Regular', 'Tahoma', serif;\n font-size: 20px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,2BAA2B,GAAGC,yBAAM,CAACC,GAAI;AACtD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,2BAAA,GAAAA,2BAAA;AAEK,MAAMI,+BAA+B,GAAG,IAAAH,yBAAM,EAACI,oBAAM,CAACH,GAAG,CAAE;AAClE;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAC,+BAAA,GAAAA,+BAAA"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _emojilib = _interopRequireDefault(require("emojilib"));
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _dataByEmoji = _interopRequireDefault(require("unicode-emoji-json/data-by-emoji.json"));
|
|
10
|
-
var _dataByGroup = _interopRequireDefault(require("unicode-emoji-json/data-by-group.json"));
|
|
11
|
-
var _emojiDeDE = _interopRequireDefault(require("../../../constants/emoji-de-DE.json"));
|
|
12
|
-
var _EmojiPickerEmojis = require("./EmojiPickerEmojis.styles");
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
const EmojiPickerEmojis = _ref => {
|
|
17
|
-
let {
|
|
18
|
-
onSelect,
|
|
19
|
-
searchString,
|
|
20
|
-
selectedCategory
|
|
21
|
-
} = _ref;
|
|
22
|
-
const emojis = (0, _react.useMemo)(() => {
|
|
23
|
-
var _emojiCategories$find;
|
|
24
|
-
if (searchString.trim() !== '') {
|
|
25
|
-
const lowerSearchString = searchString.toLowerCase();
|
|
26
|
-
const searchResults = [];
|
|
27
|
-
Object.entries(_dataByEmoji.default).forEach(_ref2 => {
|
|
28
|
-
let [emoji, {
|
|
29
|
-
name
|
|
30
|
-
}] = _ref2;
|
|
31
|
-
// @ts-expect-error: Type is correct here
|
|
32
|
-
const keywords = _emojilib.default[emoji];
|
|
33
|
-
// @ts-expect-error: Type is correct here
|
|
34
|
-
const germanKeywords = _emojiDeDE.default[emoji];
|
|
35
|
-
if (name.includes(lowerSearchString) || keywords !== null && keywords !== void 0 && keywords.some(keyword => keyword.includes(lowerSearchString)) || germanKeywords !== null && germanKeywords !== void 0 && germanKeywords.some(keyword => keyword.includes(lowerSearchString))) {
|
|
36
|
-
searchResults.push( /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.StyledEmojiPickerEmoji, {
|
|
37
|
-
className: "prevent-lose-focus",
|
|
38
|
-
key: name,
|
|
39
|
-
onClick: () => onSelect(emoji)
|
|
40
|
-
}, emoji));
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
return searchResults;
|
|
44
|
-
}
|
|
45
|
-
return (_emojiCategories$find = _dataByGroup.default.find(_ref3 => {
|
|
46
|
-
let {
|
|
47
|
-
slug
|
|
48
|
-
} = _ref3;
|
|
49
|
-
return slug === selectedCategory;
|
|
50
|
-
})) === null || _emojiCategories$find === void 0 ? void 0 : _emojiCategories$find.emojis.map(_ref4 => {
|
|
51
|
-
let {
|
|
52
|
-
emoji,
|
|
53
|
-
name
|
|
54
|
-
} = _ref4;
|
|
55
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.StyledEmojiPickerEmoji, {
|
|
56
|
-
key: name,
|
|
57
|
-
onClick: () => onSelect(emoji)
|
|
58
|
-
}, emoji);
|
|
59
|
-
});
|
|
60
|
-
}, [onSelect, searchString, selectedCategory]);
|
|
61
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiPickerEmojis.StyledEmojiPickerEmojis, null, emojis);
|
|
62
|
-
};
|
|
63
|
-
EmojiPickerEmojis.displayName = 'EmojiPickerEmojis';
|
|
64
|
-
var _default = EmojiPickerEmojis;
|
|
65
|
-
exports.default = _default;
|
|
66
|
-
//# sourceMappingURL=EmojiPickerEmojis.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerEmojis.js","names":["_emojilib","_interopRequireDefault","require","_react","_interopRequireWildcard","_dataByEmoji","_dataByGroup","_emojiDeDE","_EmojiPickerEmojis","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmojiPickerEmojis","_ref","onSelect","searchString","selectedCategory","emojis","useMemo","_emojiCategories$find","trim","lowerSearchString","toLowerCase","searchResults","entries","emojiList","forEach","_ref2","emoji","name","keywords","emojiLib","germanKeywords","germanEmojiLib","includes","some","keyword","push","createElement","StyledEmojiPickerEmoji","className","onClick","emojiCategories","find","_ref3","slug","map","_ref4","StyledEmojiPickerEmojis","displayName","_default","exports"],"sources":["../../../../src/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.tsx"],"sourcesContent":["import emojiLib from 'emojilib';\nimport React, { FC, useMemo } from 'react';\nimport emojiList from 'unicode-emoji-json/data-by-emoji.json';\nimport emojiCategories from 'unicode-emoji-json/data-by-group.json';\nimport germanEmojiLib from '../../../constants/emoji-de-DE.json';\nimport type { Category } from '../../../types/category';\nimport { StyledEmojiPickerEmoji, StyledEmojiPickerEmojis } from './EmojiPickerEmojis.styles';\n\nexport type EmojiPickerEmojisProps = {\n onSelect: (emoji: string) => void;\n searchString: string;\n selectedCategory: Category;\n};\n\nconst EmojiPickerEmojis: FC<EmojiPickerEmojisProps> = ({\n onSelect,\n searchString,\n selectedCategory,\n}) => {\n const emojis = useMemo(() => {\n if (searchString.trim() !== '') {\n const lowerSearchString = searchString.toLowerCase();\n\n const searchResults: JSX.Element[] = [];\n\n Object.entries(emojiList).forEach(([emoji, { name }]) => {\n // @ts-expect-error: Type is correct here\n const keywords = emojiLib[emoji] as string[] | undefined;\n // @ts-expect-error: Type is correct here\n const germanKeywords = germanEmojiLib[emoji] as string[] | undefined;\n\n if (\n name.includes(lowerSearchString) ||\n keywords?.some((keyword) => keyword.includes(lowerSearchString)) ||\n germanKeywords?.some((keyword) => keyword.includes(lowerSearchString))\n ) {\n searchResults.push(\n <StyledEmojiPickerEmoji\n className=\"prevent-lose-focus\"\n key={name}\n onClick={() => onSelect(emoji)}\n >\n {emoji}\n </StyledEmojiPickerEmoji>\n );\n }\n });\n\n return searchResults;\n }\n\n return emojiCategories\n .find(({ slug }) => slug === selectedCategory)\n ?.emojis.map(({ emoji, name }) => (\n <StyledEmojiPickerEmoji key={name} onClick={() => onSelect(emoji)}>\n {emoji}\n </StyledEmojiPickerEmoji>\n ));\n }, [onSelect, searchString, selectedCategory]);\n\n return <StyledEmojiPickerEmojis>{emojis}</StyledEmojiPickerEmojis>;\n};\n\nEmojiPickerEmojis.displayName = 'EmojiPickerEmojis';\n\nexport default EmojiPickerEmojis;\n"],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledEmojiPickerEmojis = exports.StyledEmojiPickerEmoji = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
const StyledEmojiPickerEmojis = _styledComponents.default.div`
|
|
10
|
-
display: grid;
|
|
11
|
-
flex: 1 1 auto;
|
|
12
|
-
grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
|
|
13
|
-
grid-template-rows: min-content;
|
|
14
|
-
overflow-y: scroll;
|
|
15
|
-
padding: 10px 0;
|
|
16
|
-
|
|
17
|
-
// Styles for custom scrollbar
|
|
18
|
-
::-webkit-scrollbar {
|
|
19
|
-
width: 5px;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
::-webkit-scrollbar-track {
|
|
23
|
-
background-color: transparent;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
::-webkit-scrollbar-button {
|
|
27
|
-
background-color: transparent;
|
|
28
|
-
height: 5px;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
::-webkit-scrollbar-thumb {
|
|
32
|
-
background-color: rgba(0, 0, 0, 0.15);
|
|
33
|
-
border-radius: 20px;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
// Scrollbar styles for Firefox. The above styles are not supported in Firefox, these styles are
|
|
37
|
-
// only supported in Firefox:
|
|
38
|
-
* {
|
|
39
|
-
scrollbar-color: #80808080 transparent;
|
|
40
|
-
scrollbar-width: thin;
|
|
41
|
-
}
|
|
42
|
-
`;
|
|
43
|
-
exports.StyledEmojiPickerEmojis = StyledEmojiPickerEmojis;
|
|
44
|
-
const StyledEmojiPickerEmoji = _styledComponents.default.div`
|
|
45
|
-
align-items: center;
|
|
46
|
-
cursor: pointer;
|
|
47
|
-
display: flex;
|
|
48
|
-
font-family: 'Noto Color Emoji', 'Roboto Regular', 'Tahoma', serif;
|
|
49
|
-
font-size: 32px;
|
|
50
|
-
justify-content: center;
|
|
51
|
-
width: 48px;
|
|
52
|
-
height: 48px;
|
|
53
|
-
`;
|
|
54
|
-
exports.StyledEmojiPickerEmoji = StyledEmojiPickerEmoji;
|
|
55
|
-
//# sourceMappingURL=EmojiPickerEmojis.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerEmojis.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledEmojiPickerEmojis","styled","div","exports","StyledEmojiPickerEmoji"],"sources":["../../../../src/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledEmojiPickerEmojis = styled.div`\n display: grid;\n flex: 1 1 auto;\n grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));\n grid-template-rows: min-content;\n overflow-y: scroll;\n padding: 10px 0;\n\n // Styles for custom scrollbar\n ::-webkit-scrollbar {\n width: 5px;\n }\n\n ::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n ::-webkit-scrollbar-button {\n background-color: transparent;\n height: 5px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.15);\n border-radius: 20px;\n }\n\n // Scrollbar styles for Firefox. The above styles are not supported in Firefox, these styles are\n // only supported in Firefox:\n * {\n scrollbar-color: #80808080 transparent;\n scrollbar-width: thin;\n }\n`;\n\nexport const StyledEmojiPickerEmoji = styled.div`\n align-items: center;\n cursor: pointer;\n display: flex;\n font-family: 'Noto Color Emoji', 'Roboto Regular', 'Tahoma', serif;\n font-size: 32px;\n justify-content: center;\n width: 48px;\n height: 48px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,uBAAuB,GAAGC,yBAAM,CAACC,GAAI;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAH,uBAAA,GAAAA,uBAAA;AAEK,MAAMI,sBAAsB,GAAGH,yBAAM,CAACC,GAAI;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACC,OAAA,CAAAC,sBAAA,GAAAA,sBAAA"}
|
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _Icon = _interopRequireDefault(require("@chayns-components/core/lib/components/icon/Icon"));
|
|
8
|
-
var _framerMotion = require("framer-motion");
|
|
9
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
-
var _alignment = require("../../constants/alignment");
|
|
11
|
-
var _EmojiPicker = _interopRequireDefault(require("../emoji-picker/EmojiPicker"));
|
|
12
|
-
var _EmojiPicker2 = require("../emoji-picker/EmojiPicker.styles");
|
|
13
|
-
var _EmojiPickerPopup = require("./EmojiPickerPopup.styles");
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
const EmojiPickerPopup = _ref => {
|
|
18
|
-
let {
|
|
19
|
-
onPopupVisibilityChange,
|
|
20
|
-
onSelect
|
|
21
|
-
} = _ref;
|
|
22
|
-
const [alignment, setAlignment] = (0, _react.useState)(_alignment.PopupAlignment.TopLeft);
|
|
23
|
-
const [shouldShowPopup, setShouldShowPopup] = (0, _react.useState)(false);
|
|
24
|
-
const [position, setPosition] = (0, _react.useState)({});
|
|
25
|
-
const contentRef = (0, _react.useRef)(null);
|
|
26
|
-
const handleHide = (0, _react.useCallback)(() => {
|
|
27
|
-
setShouldShowPopup(false);
|
|
28
|
-
}, []);
|
|
29
|
-
const handleDocumentClick = (0, _react.useCallback)(event => {
|
|
30
|
-
var _contentRef$current;
|
|
31
|
-
if (!((_contentRef$current = contentRef.current) !== null && _contentRef$current !== void 0 && _contentRef$current.contains(event.target))) {
|
|
32
|
-
event.preventDefault();
|
|
33
|
-
event.stopPropagation();
|
|
34
|
-
handleHide();
|
|
35
|
-
}
|
|
36
|
-
}, [handleHide]);
|
|
37
|
-
const handlePopupIconClick = (0, _react.useCallback)(event => {
|
|
38
|
-
if (shouldShowPopup) {
|
|
39
|
-
setShouldShowPopup(false);
|
|
40
|
-
return;
|
|
41
|
-
}
|
|
42
|
-
const {
|
|
43
|
-
height,
|
|
44
|
-
left,
|
|
45
|
-
top,
|
|
46
|
-
width
|
|
47
|
-
} = event.currentTarget.getBoundingClientRect();
|
|
48
|
-
const newPosition = {};
|
|
49
|
-
if (top < _EmojiPicker2.emojiPickerSize.height + 16) {
|
|
50
|
-
newPosition.top = 12 + height;
|
|
51
|
-
if (left < _EmojiPicker2.emojiPickerSize.width + 16) {
|
|
52
|
-
newPosition.left = -10;
|
|
53
|
-
setAlignment(_alignment.PopupAlignment.BottomRight);
|
|
54
|
-
} else {
|
|
55
|
-
newPosition.left = 8 + width - _EmojiPicker2.emojiPickerSize.width;
|
|
56
|
-
setAlignment(_alignment.PopupAlignment.BottomLeft);
|
|
57
|
-
}
|
|
58
|
-
} else {
|
|
59
|
-
newPosition.top = -12 - _EmojiPicker2.emojiPickerSize.height;
|
|
60
|
-
if (left < _EmojiPicker2.emojiPickerSize.width + 16) {
|
|
61
|
-
newPosition.left = -10;
|
|
62
|
-
setAlignment(_alignment.PopupAlignment.TopRight);
|
|
63
|
-
} else {
|
|
64
|
-
newPosition.left = 8 + width - _EmojiPicker2.emojiPickerSize.width;
|
|
65
|
-
setAlignment(_alignment.PopupAlignment.TopLeft);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
setPosition(newPosition);
|
|
69
|
-
setShouldShowPopup(true);
|
|
70
|
-
}, [shouldShowPopup]);
|
|
71
|
-
(0, _react.useEffect)(() => {
|
|
72
|
-
if (shouldShowPopup) {
|
|
73
|
-
document.addEventListener('click', handleDocumentClick, true);
|
|
74
|
-
window.addEventListener('blur', handleHide);
|
|
75
|
-
}
|
|
76
|
-
return () => {
|
|
77
|
-
document.removeEventListener('click', handleDocumentClick, true);
|
|
78
|
-
window.removeEventListener('blur', handleHide);
|
|
79
|
-
};
|
|
80
|
-
}, [handleDocumentClick, handleHide, shouldShowPopup]);
|
|
81
|
-
(0, _react.useEffect)(() => {
|
|
82
|
-
if (typeof onPopupVisibilityChange === 'function') {
|
|
83
|
-
onPopupVisibilityChange(shouldShowPopup);
|
|
84
|
-
}
|
|
85
|
-
}, [onPopupVisibilityChange, shouldShowPopup]);
|
|
86
|
-
const exitAndInitialY = alignment === _alignment.PopupAlignment.TopLeft || alignment === _alignment.PopupAlignment.TopRight ? -16 : 16;
|
|
87
|
-
return /*#__PURE__*/_react.default.createElement(_EmojiPickerPopup.StyledEmojiPickerPopup, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
|
|
88
|
-
initial: false
|
|
89
|
-
}, shouldShowPopup && /*#__PURE__*/_react.default.createElement(_EmojiPickerPopup.StyledMotionEmojiPickerPopupContent, {
|
|
90
|
-
alignment: alignment,
|
|
91
|
-
animate: {
|
|
92
|
-
opacity: 1,
|
|
93
|
-
y: 0
|
|
94
|
-
},
|
|
95
|
-
exit: {
|
|
96
|
-
opacity: 0,
|
|
97
|
-
y: exitAndInitialY
|
|
98
|
-
},
|
|
99
|
-
initial: {
|
|
100
|
-
opacity: 0,
|
|
101
|
-
y: exitAndInitialY
|
|
102
|
-
},
|
|
103
|
-
key: "emojiPickerPopupContent",
|
|
104
|
-
ref: contentRef,
|
|
105
|
-
style: position,
|
|
106
|
-
transition: {
|
|
107
|
-
type: 'tween'
|
|
108
|
-
}
|
|
109
|
-
}, /*#__PURE__*/_react.default.createElement(_EmojiPicker.default, {
|
|
110
|
-
onSelect: onSelect
|
|
111
|
-
}))), /*#__PURE__*/_react.default.createElement(_Icon.default, {
|
|
112
|
-
className: "prevent-lose-focus",
|
|
113
|
-
icons: ['far fa-smile'],
|
|
114
|
-
onClick: handlePopupIconClick,
|
|
115
|
-
size: 18
|
|
116
|
-
}));
|
|
117
|
-
};
|
|
118
|
-
EmojiPickerPopup.displayName = 'EmojiPickerPopup';
|
|
119
|
-
var _default = EmojiPickerPopup;
|
|
120
|
-
exports.default = _default;
|
|
121
|
-
//# sourceMappingURL=EmojiPickerPopup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerPopup.js","names":["_Icon","_interopRequireDefault","require","_framerMotion","_react","_interopRequireWildcard","_alignment","_EmojiPicker","_EmojiPicker2","_EmojiPickerPopup","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EmojiPickerPopup","_ref","onPopupVisibilityChange","onSelect","alignment","setAlignment","useState","PopupAlignment","TopLeft","shouldShowPopup","setShouldShowPopup","position","setPosition","contentRef","useRef","handleHide","useCallback","handleDocumentClick","event","_contentRef$current","current","contains","target","preventDefault","stopPropagation","handlePopupIconClick","height","left","top","width","currentTarget","getBoundingClientRect","newPosition","emojiPickerSize","BottomRight","BottomLeft","TopRight","useEffect","document","addEventListener","window","removeEventListener","exitAndInitialY","createElement","StyledEmojiPickerPopup","AnimatePresence","initial","StyledMotionEmojiPickerPopupContent","animate","opacity","y","exit","ref","style","transition","type","className","icons","onClick","size","displayName","_default","exports"],"sources":["../../../src/components/emoji-picker-popup/EmojiPickerPopup.tsx"],"sourcesContent":["import Icon from '@chayns-components/core/lib/components/icon/Icon';\nimport { AnimatePresence } from 'framer-motion';\nimport React, { FC, MouseEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { PopupAlignment } from '../../constants/alignment';\nimport EmojiPicker from '../emoji-picker/EmojiPicker';\nimport { emojiPickerSize } from '../emoji-picker/EmojiPicker.styles';\nimport {\n StyledEmojiPickerPopup,\n StyledMotionEmojiPickerPopupContent,\n} from './EmojiPickerPopup.styles';\n\nexport type EmojiPickerPopupProps = {\n /**\n * Function that is executed when the visibility of the popup changes.\n * @param {boolean} isVisible - Whether the popup is visible or not\n */\n onPopupVisibilityChange?: (isVisible: boolean) => void;\n /**\n * Function executed when an emoji is selected in the popup\n * @param {string} emoji - Emoji that was selected\n */\n onSelect: (emoji: string) => void;\n};\n\nexport type PopupPosition = {\n bottom?: number;\n left?: number;\n right?: number;\n top?: number;\n};\n\nconst EmojiPickerPopup: FC<EmojiPickerPopupProps> = ({ onPopupVisibilityChange, onSelect }) => {\n const [alignment, setAlignment] = useState<PopupAlignment>(PopupAlignment.TopLeft);\n const [shouldShowPopup, setShouldShowPopup] = useState(false);\n const [position, setPosition] = useState({} as PopupPosition);\n\n const contentRef = useRef<HTMLDivElement>(null);\n\n const handleHide = useCallback(() => {\n setShouldShowPopup(false);\n }, []);\n\n const handleDocumentClick = useCallback<EventListener>(\n (event) => {\n if (!contentRef.current?.contains(event.target as Node)) {\n event.preventDefault();\n event.stopPropagation();\n\n handleHide();\n }\n },\n [handleHide]\n );\n\n const handlePopupIconClick = useCallback(\n (event: MouseEvent<HTMLSpanElement>) => {\n if (shouldShowPopup) {\n setShouldShowPopup(false);\n\n return;\n }\n\n const { height, left, top, width } = event.currentTarget.getBoundingClientRect();\n\n const newPosition: PopupPosition = {};\n\n if (top < emojiPickerSize.height + 16) {\n newPosition.top = 12 + height;\n\n if (left < emojiPickerSize.width + 16) {\n newPosition.left = -10;\n\n setAlignment(PopupAlignment.BottomRight);\n } else {\n newPosition.left = 8 + width - emojiPickerSize.width;\n\n setAlignment(PopupAlignment.BottomLeft);\n }\n } else {\n newPosition.top = -12 - emojiPickerSize.height;\n\n if (left < emojiPickerSize.width + 16) {\n newPosition.left = -10;\n\n setAlignment(PopupAlignment.TopRight);\n } else {\n newPosition.left = 8 + width - emojiPickerSize.width;\n\n setAlignment(PopupAlignment.TopLeft);\n }\n }\n\n setPosition(newPosition);\n setShouldShowPopup(true);\n },\n [shouldShowPopup]\n );\n\n useEffect(() => {\n if (shouldShowPopup) {\n document.addEventListener('click', handleDocumentClick, true);\n window.addEventListener('blur', handleHide);\n }\n\n return () => {\n document.removeEventListener('click', handleDocumentClick, true);\n window.removeEventListener('blur', handleHide);\n };\n }, [handleDocumentClick, handleHide, shouldShowPopup]);\n\n useEffect(() => {\n if (typeof onPopupVisibilityChange === 'function') {\n onPopupVisibilityChange(shouldShowPopup);\n }\n }, [onPopupVisibilityChange, shouldShowPopup]);\n\n const exitAndInitialY =\n alignment === PopupAlignment.TopLeft || alignment === PopupAlignment.TopRight ? -16 : 16;\n\n return (\n <StyledEmojiPickerPopup>\n <AnimatePresence initial={false}>\n {shouldShowPopup && (\n <StyledMotionEmojiPickerPopupContent\n alignment={alignment}\n animate={{ opacity: 1, y: 0 }}\n exit={{ opacity: 0, y: exitAndInitialY }}\n initial={{ opacity: 0, y: exitAndInitialY }}\n key=\"emojiPickerPopupContent\"\n ref={contentRef}\n style={position}\n transition={{ type: 'tween' }}\n >\n <EmojiPicker onSelect={onSelect} />\n </StyledMotionEmojiPickerPopupContent>\n )}\n </AnimatePresence>\n <Icon\n className=\"prevent-lose-focus\"\n icons={['far fa-smile']}\n onClick={handlePopupIconClick}\n size={18}\n />\n </StyledEmojiPickerPopup>\n );\n};\n\nEmojiPickerPopup.displayName = 'EmojiPickerPopup';\n\nexport default EmojiPickerPopup;\n"],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { PopupAlignment } from '../../constants/alignment';
|
|
2
|
-
export declare const StyledEmojiPickerPopup: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const StyledMotionEmojiPickerPopupContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
|
|
4
|
-
alignment: PopupAlignment;
|
|
5
|
-
} & {
|
|
6
|
-
theme: import("@chayns-components/core/lib/components/color-scheme-provider/ColorSchemeProvider").Theme;
|
|
7
|
-
}, never>;
|
|
@@ -1,94 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledMotionEmojiPickerPopupContent = exports.StyledEmojiPickerPopup = void 0;
|
|
7
|
-
var _framerMotion = require("framer-motion");
|
|
8
|
-
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
|
-
var _alignment = require("../../constants/alignment");
|
|
10
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
|
-
const StyledEmojiPickerPopup = _styledComponents.default.div`
|
|
13
|
-
position: relative;
|
|
14
|
-
`;
|
|
15
|
-
exports.StyledEmojiPickerPopup = StyledEmojiPickerPopup;
|
|
16
|
-
const StyledMotionEmojiPickerPopupContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
|
|
17
|
-
background-color: ${_ref => {
|
|
18
|
-
let {
|
|
19
|
-
theme
|
|
20
|
-
} = _ref;
|
|
21
|
-
return theme['001'];
|
|
22
|
-
}};
|
|
23
|
-
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
24
|
-
border-radius: 3px;
|
|
25
|
-
box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);
|
|
26
|
-
color: ${_ref2 => {
|
|
27
|
-
let {
|
|
28
|
-
theme
|
|
29
|
-
} = _ref2;
|
|
30
|
-
return theme.text;
|
|
31
|
-
}};
|
|
32
|
-
position: absolute;
|
|
33
|
-
z-index: 0;
|
|
34
|
-
|
|
35
|
-
::after {
|
|
36
|
-
background-color: inherit;
|
|
37
|
-
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
38
|
-
border-bottom-right-radius: 3px;
|
|
39
|
-
border-right: 1px solid rgba(0, 0, 0, 0.1);
|
|
40
|
-
box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);
|
|
41
|
-
content: '';
|
|
42
|
-
height: 14px;
|
|
43
|
-
position: absolute;
|
|
44
|
-
width: 14px;
|
|
45
|
-
z-index: -2;
|
|
46
|
-
|
|
47
|
-
${_ref3 => {
|
|
48
|
-
let {
|
|
49
|
-
alignment
|
|
50
|
-
} = _ref3;
|
|
51
|
-
switch (alignment) {
|
|
52
|
-
case _alignment.PopupAlignment.TopLeft:
|
|
53
|
-
return (0, _styledComponents.css)`
|
|
54
|
-
bottom: -7px;
|
|
55
|
-
right: 12px;
|
|
56
|
-
transform: rotate(45deg);
|
|
57
|
-
`;
|
|
58
|
-
case _alignment.PopupAlignment.BottomLeft:
|
|
59
|
-
return (0, _styledComponents.css)`
|
|
60
|
-
top: -7px;
|
|
61
|
-
right: 12px;
|
|
62
|
-
transform: rotate(225deg);
|
|
63
|
-
`;
|
|
64
|
-
case _alignment.PopupAlignment.TopRight:
|
|
65
|
-
return (0, _styledComponents.css)`
|
|
66
|
-
transform: rotate(45deg);
|
|
67
|
-
bottom: -7px;
|
|
68
|
-
left: 12px;
|
|
69
|
-
`;
|
|
70
|
-
case _alignment.PopupAlignment.BottomRight:
|
|
71
|
-
return (0, _styledComponents.css)`
|
|
72
|
-
transform: rotate(225deg);
|
|
73
|
-
top: -7px;
|
|
74
|
-
left: 12px;
|
|
75
|
-
`;
|
|
76
|
-
default:
|
|
77
|
-
return undefined;
|
|
78
|
-
}
|
|
79
|
-
}}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
::before {
|
|
83
|
-
background-color: inherit;
|
|
84
|
-
bottom: 0;
|
|
85
|
-
content: '';
|
|
86
|
-
left: 0;
|
|
87
|
-
position: absolute;
|
|
88
|
-
right: 0;
|
|
89
|
-
top: 0;
|
|
90
|
-
z-index: -1;
|
|
91
|
-
}
|
|
92
|
-
`;
|
|
93
|
-
exports.StyledMotionEmojiPickerPopupContent = StyledMotionEmojiPickerPopupContent;
|
|
94
|
-
//# sourceMappingURL=EmojiPickerPopup.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmojiPickerPopup.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_alignment","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledEmojiPickerPopup","styled","div","exports","StyledMotionEmojiPickerPopupContent","motion","_ref","theme","_ref2","text","_ref3","alignment","PopupAlignment","TopLeft","css","BottomLeft","TopRight","BottomRight","undefined"],"sources":["../../../src/components/emoji-picker-popup/EmojiPickerPopup.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport { PopupAlignment } from '../../constants/alignment';\n\nexport const StyledEmojiPickerPopup = styled.div`\n position: relative;\n`;\n\ntype StyledMotionEmojiPickerPopupContentProps = WithTheme<{\n alignment: PopupAlignment;\n}>;\n\nexport const StyledMotionEmojiPickerPopupContent = styled(\n motion.div\n)<StyledMotionEmojiPickerPopupContentProps>`\n background-color: ${({ theme }: StyledMotionEmojiPickerPopupContentProps) => theme['001']};\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);\n color: ${({ theme }: StyledMotionEmojiPickerPopupContentProps) => theme.text};\n position: absolute;\n z-index: 0;\n\n ::after {\n background-color: inherit;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n border-bottom-right-radius: 3px;\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);\n content: '';\n height: 14px;\n position: absolute;\n width: 14px;\n z-index: -2;\n\n ${({ alignment }) => {\n switch (alignment) {\n case PopupAlignment.TopLeft:\n return css`\n bottom: -7px;\n right: 12px;\n transform: rotate(45deg);\n `;\n case PopupAlignment.BottomLeft:\n return css`\n top: -7px;\n right: 12px;\n transform: rotate(225deg);\n `;\n case PopupAlignment.TopRight:\n return css`\n transform: rotate(45deg);\n bottom: -7px;\n left: 12px;\n `;\n case PopupAlignment.BottomRight:\n return css`\n transform: rotate(225deg);\n top: -7px;\n left: 12px;\n `;\n default:\n return undefined;\n }\n }}\n }\n\n ::before {\n background-color: inherit;\n bottom: 0;\n content: '';\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n z-index: -1;\n }\n`;\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA2D,SAAAI,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAH,wBAAAO,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEpD,MAAMW,sBAAsB,GAAGC,yBAAM,CAACC,GAAI;AACjD;AACA,CAAC;AAACC,OAAA,CAAAH,sBAAA,GAAAA,sBAAA;AAMK,MAAMI,mCAAmC,GAAG,IAAAH,yBAAM,EACrDI,oBAAM,CAACH,GAAG,CAC8B;AAC5C,wBAAwBI,IAAA;EAAA,IAAC;IAAEC;EAAgD,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,KAAK,CAAC;AAAA,CAAC;AAC9F;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAED;EAAgD,CAAC,GAAAC,KAAA;EAAA,OAAKD,KAAK,CAACE,IAAI;AAAA,CAAC;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,UAAUC,KAAA,IAAmB;EAAA,IAAlB;IAAEC;EAAU,CAAC,GAAAD,KAAA;EACZ,QAAQC,SAAS;IACb,KAAKC,yBAAc,CAACC,OAAO;MACvB,OAAO,IAAAC,qBAAG,CAAC;AAC/B;AACA;AACA;AACA,qBAAqB;IACL,KAAKF,yBAAc,CAACG,UAAU;MAC1B,OAAO,IAAAD,qBAAG,CAAC;AAC/B;AACA;AACA;AACA,qBAAqB;IACL,KAAKF,yBAAc,CAACI,QAAQ;MACxB,OAAO,IAAAF,qBAAG,CAAC;AAC/B;AACA;AACA;AACA,qBAAqB;IACL,KAAKF,yBAAc,CAACK,WAAW;MAC3B,OAAO,IAAAH,qBAAG,CAAC;AAC/B;AACA;AACA;AACA,qBAAqB;IACL;MACI,OAAOI,SAAS;EAAC;AAE7B,CAAE;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAACf,OAAA,CAAAC,mCAAA,GAAAA,mCAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PopupAlignment = void 0;
|
|
7
|
-
let PopupAlignment;
|
|
8
|
-
exports.PopupAlignment = PopupAlignment;
|
|
9
|
-
(function (PopupAlignment) {
|
|
10
|
-
PopupAlignment[PopupAlignment["TopLeft"] = 0] = "TopLeft";
|
|
11
|
-
PopupAlignment[PopupAlignment["BottomLeft"] = 1] = "BottomLeft";
|
|
12
|
-
PopupAlignment[PopupAlignment["TopRight"] = 2] = "TopRight";
|
|
13
|
-
PopupAlignment[PopupAlignment["BottomRight"] = 3] = "BottomRight";
|
|
14
|
-
})(PopupAlignment || (exports.PopupAlignment = PopupAlignment = {}));
|
|
15
|
-
//# sourceMappingURL=alignment.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"alignment.js","names":["PopupAlignment","exports"],"sources":["../../src/constants/alignment.ts"],"sourcesContent":["export enum PopupAlignment {\n TopLeft,\n BottomLeft,\n TopRight,\n BottomRight,\n}\n"],"mappings":";;;;;;IAAYA,cAAc;AAAAC,OAAA,CAAAD,cAAA,GAAAA,cAAA;AAAA,WAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;EAAdA,cAAc,CAAdA,cAAc;AAAA,GAAdA,cAAc,KAAAC,OAAA,CAAAD,cAAA,GAAdA,cAAc"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"categories.js","names":["CATEGORY_EMOJIS","smileys_emotion","people_body","animals_nature","food_drink","travel_places","activities","objects","symbols","flags","exports"],"sources":["../../src/constants/categories.ts"],"sourcesContent":["export const CATEGORY_EMOJIS = {\n smileys_emotion: '😀',\n people_body: '👦',\n animals_nature: '🐶',\n food_drink: '🍔',\n travel_places: '🏠',\n activities: '⚽',\n objects: '💡',\n symbols: '🔣',\n flags: '🏴',\n};\n"],"mappings":";;;;;;AAAO,MAAMA,eAAe,GAAG;EAC3BC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAE,IAAI;EACjBC,cAAc,EAAE,IAAI;EACpBC,UAAU,EAAE,IAAI;EAChBC,aAAa,EAAE,IAAI;EACnBC,UAAU,EAAE,GAAG;EACfC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE;AACX,CAAC;AAACC,OAAA,CAAAV,eAAA,GAAAA,eAAA"}
|
package/lib/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as EmojiInput } from './components/emoji-input/EmojiInput';
|
package/lib/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "EmojiInput", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _EmojiInput.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
var _EmojiInput = _interopRequireDefault(require("./components/emoji-input/EmojiInput"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_EmojiInput","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../src/index.ts"],"sourcesContent":["export { default as EmojiInput } from './components/emoji-input/EmojiInput';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4E,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
|
package/lib/types/category.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type Category = 'smileys_emotion' | 'people_body' | 'animals_nature' | 'food_drink' | 'travel_places' | 'activities' | 'objects' | 'symbols' | 'flags';
|
package/lib/types/category.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"category.js","names":[],"sources":["../../src/types/category.ts"],"sourcesContent":["export type Category =\n | 'smileys_emotion'\n | 'people_body'\n | 'animals_nature'\n | 'food_drink'\n | 'travel_places'\n | 'activities'\n | 'objects'\n | 'symbols'\n | 'flags';\n"],"mappings":""}
|
package/lib/utils/emoji.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const convertAsciiToUnicode: (text: string) => string;
|