@chayns-components/emoji-input 5.0.0-beta.100

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.
Files changed (91) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +45 -0
  3. package/lib/api/item-storage/get.d.ts +8 -0
  4. package/lib/api/item-storage/get.js +37 -0
  5. package/lib/api/item-storage/get.js.map +1 -0
  6. package/lib/api/item-storage/put.d.ts +9 -0
  7. package/lib/api/item-storage/put.js +42 -0
  8. package/lib/api/item-storage/put.js.map +1 -0
  9. package/lib/components/emoji-input/EmojiInput.d.ts +49 -0
  10. package/lib/components/emoji-input/EmojiInput.js +157 -0
  11. package/lib/components/emoji-input/EmojiInput.js.map +1 -0
  12. package/lib/components/emoji-input/EmojiInput.styles.d.ts +13 -0
  13. package/lib/components/emoji-input/EmojiInput.styles.js +145 -0
  14. package/lib/components/emoji-input/EmojiInput.styles.js.map +1 -0
  15. package/lib/components/emoji-picker/EmojiPicker.d.ts +18 -0
  16. package/lib/components/emoji-picker/EmojiPicker.js +51 -0
  17. package/lib/components/emoji-picker/EmojiPicker.js.map +1 -0
  18. package/lib/components/emoji-picker/EmojiPicker.styles.d.ts +5 -0
  19. package/lib/components/emoji-picker/EmojiPicker.styles.js +25 -0
  20. package/lib/components/emoji-picker/EmojiPicker.styles.js.map +1 -0
  21. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.d.ts +9 -0
  22. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js +51 -0
  23. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.js.map +1 -0
  24. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.d.ts +2 -0
  25. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js +27 -0
  26. package/lib/components/emoji-picker/emoji-picker-categories/EmojiPickerCategories.styles.js.map +1 -0
  27. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.d.ts +11 -0
  28. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js +131 -0
  29. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.js.map +1 -0
  30. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.d.ts +7 -0
  31. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js +99 -0
  32. package/lib/components/emoji-picker/emoji-picker-emojis/EmojiPickerEmojis.styles.js.map +1 -0
  33. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.d.ts +9 -0
  34. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js +116 -0
  35. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.js.map +1 -0
  36. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.d.ts +1 -0
  37. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js +21 -0
  38. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/Emoji.styles.js.map +1 -0
  39. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.d.ts +18 -0
  40. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js +74 -0
  41. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.js.map +1 -0
  42. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.d.ts +11 -0
  43. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js +104 -0
  44. package/lib/components/emoji-picker/emoji-picker-emojis/emoji/skin-tone-popup/SkinTonePopup.styles.js.map +1 -0
  45. package/lib/components/emoji-picker-popup/EmojiPickerPopup.d.ts +36 -0
  46. package/lib/components/emoji-picker-popup/EmojiPickerPopup.js +150 -0
  47. package/lib/components/emoji-picker-popup/EmojiPickerPopup.js.map +1 -0
  48. package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.d.ts +7 -0
  49. package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.js +97 -0
  50. package/lib/components/emoji-picker-popup/EmojiPickerPopup.styles.js.map +1 -0
  51. package/lib/constants/alignment.d.ts +10 -0
  52. package/lib/constants/alignment.js +21 -0
  53. package/lib/constants/alignment.js.map +1 -0
  54. package/lib/constants/categories.d.ts +12 -0
  55. package/lib/constants/categories.js +20 -0
  56. package/lib/constants/categories.js.map +1 -0
  57. package/lib/constants/emoji-de-DE.json +3827 -0
  58. package/lib/constants/emoji.d.ts +8 -0
  59. package/lib/constants/emoji.js +3808 -0
  60. package/lib/constants/emoji.js.map +1 -0
  61. package/lib/constants/externalServerUrl.d.ts +1 -0
  62. package/lib/constants/externalServerUrl.js +9 -0
  63. package/lib/constants/externalServerUrl.js.map +1 -0
  64. package/lib/hooks/emojiHistory.d.ts +22 -0
  65. package/lib/hooks/emojiHistory.js +91 -0
  66. package/lib/hooks/emojiHistory.js.map +1 -0
  67. package/lib/index.d.ts +5 -0
  68. package/lib/index.js +42 -0
  69. package/lib/index.js.map +1 -0
  70. package/lib/types/api.d.ts +4 -0
  71. package/lib/types/api.js +6 -0
  72. package/lib/types/api.js.map +1 -0
  73. package/lib/types/category.d.ts +1 -0
  74. package/lib/types/category.js +6 -0
  75. package/lib/types/category.js.map +1 -0
  76. package/lib/utils/emoji.d.ts +2 -0
  77. package/lib/utils/emoji.js +96 -0
  78. package/lib/utils/emoji.js.map +1 -0
  79. package/lib/utils/environment.d.ts +9 -0
  80. package/lib/utils/environment.js +33 -0
  81. package/lib/utils/environment.js.map +1 -0
  82. package/lib/utils/font.d.ts +1 -0
  83. package/lib/utils/font.js +17 -0
  84. package/lib/utils/font.js.map +1 -0
  85. package/lib/utils/insert.d.ts +19 -0
  86. package/lib/utils/insert.js +50 -0
  87. package/lib/utils/insert.js.map +1 -0
  88. package/lib/utils/selection.d.ts +2 -0
  89. package/lib/utils/selection.js +43 -0
  90. package/lib/utils/selection.js.map +1 -0
  91. package/package.json +72 -0
@@ -0,0 +1 @@
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","getComputedStyle","document","body","getPropertyValue","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 align-items: center;\n display: flex;\n height: ${() => getComputedStyle(document.body).getPropertyValue('line-height')};\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: 2;\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":"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"}
@@ -0,0 +1,10 @@
1
+ export declare enum AnchorAlignment {
2
+ Bottom = 0,
3
+ Top = 1
4
+ }
5
+ export declare enum PopupAlignment {
6
+ TopLeft = 0,
7
+ BottomLeft = 1,
8
+ TopRight = 2,
9
+ BottomRight = 3
10
+ }
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.PopupAlignment = exports.AnchorAlignment = void 0;
7
+ let AnchorAlignment;
8
+ exports.AnchorAlignment = AnchorAlignment;
9
+ (function (AnchorAlignment) {
10
+ AnchorAlignment[AnchorAlignment["Bottom"] = 0] = "Bottom";
11
+ AnchorAlignment[AnchorAlignment["Top"] = 1] = "Top";
12
+ })(AnchorAlignment || (exports.AnchorAlignment = AnchorAlignment = {}));
13
+ let PopupAlignment;
14
+ exports.PopupAlignment = PopupAlignment;
15
+ (function (PopupAlignment) {
16
+ PopupAlignment[PopupAlignment["TopLeft"] = 0] = "TopLeft";
17
+ PopupAlignment[PopupAlignment["BottomLeft"] = 1] = "BottomLeft";
18
+ PopupAlignment[PopupAlignment["TopRight"] = 2] = "TopRight";
19
+ PopupAlignment[PopupAlignment["BottomRight"] = 3] = "BottomRight";
20
+ })(PopupAlignment || (exports.PopupAlignment = PopupAlignment = {}));
21
+ //# sourceMappingURL=alignment.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alignment.js","names":["AnchorAlignment","exports","PopupAlignment"],"sources":["../../src/constants/alignment.ts"],"sourcesContent":["export enum AnchorAlignment {\n Bottom,\n Top,\n}\n\nexport enum PopupAlignment {\n TopLeft,\n BottomLeft,\n TopRight,\n BottomRight,\n}\n"],"mappings":";;;;;;IAAYA,eAAe;AAAAC,OAAA,CAAAD,eAAA,GAAAA,eAAA;AAAA,WAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;AAAA,GAAfA,eAAe,KAAAC,OAAA,CAAAD,eAAA,GAAfA,eAAe;AAAA,IAKfE,cAAc;AAAAD,OAAA,CAAAC,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,KAAAD,OAAA,CAAAC,cAAA,GAAdA,cAAc"}
@@ -0,0 +1,12 @@
1
+ export declare const CATEGORY_EMOJIS: {
2
+ history: string;
3
+ smileys_emotion: string;
4
+ people_body: string;
5
+ animals_nature: string;
6
+ food_drink: string;
7
+ travel_places: string;
8
+ activities: string;
9
+ objects: string;
10
+ symbols: string;
11
+ flags: string;
12
+ };
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.CATEGORY_EMOJIS = void 0;
7
+ const CATEGORY_EMOJIS = {
8
+ history: '🕘',
9
+ smileys_emotion: '😀',
10
+ people_body: '👦',
11
+ animals_nature: '🐶',
12
+ food_drink: '🍔',
13
+ travel_places: '🏠',
14
+ activities: '⚽',
15
+ objects: '💡',
16
+ symbols: '🔣',
17
+ flags: '🏴'
18
+ };
19
+ exports.CATEGORY_EMOJIS = CATEGORY_EMOJIS;
20
+ //# sourceMappingURL=categories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"categories.js","names":["CATEGORY_EMOJIS","history","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 history: '🕘',\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,OAAO,EAAE,IAAI;EACbC,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,CAAAX,eAAA,GAAAA,eAAA"}