@synerise/ds-emoji-picker 1.2.7 → 1.2.9

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 (14) hide show
  1. package/CHANGELOG.md +12 -43
  2. package/README.md +4 -2
  3. package/dist/EmojiList/EmojiList.d.ts +1 -1
  4. package/dist/EmojiList/EmojiList.js +3 -3
  5. package/dist/EmojiList/EmojiList.styles.js +1 -1
  6. package/dist/EmojiList/EmojiListItem.d.ts +2 -2
  7. package/dist/EmojiOverlay/EmojiOverlay.d.ts +2 -2
  8. package/dist/EmojiOverlay/EmojiOverlay.js +1 -1
  9. package/dist/EmojiPicker.d.ts +1 -1
  10. package/dist/EmojiPicker.js +1 -2
  11. package/dist/EmojiPicker.types.d.ts +1 -1
  12. package/dist/hooks/useEmojiTranslations.d.ts +1 -1
  13. package/dist/hooks/useMultipleItemsPerRow.d.ts +1 -1
  14. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [1.2.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.6...@synerise/ds-emoji-picker@1.2.7) (2025-06-26)
6
+ ## [1.2.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.8...@synerise/ds-emoji-picker@1.2.9) (2025-07-08)
7
7
 
8
8
  **Note:** Version bump only for package @synerise/ds-emoji-picker
9
9
 
@@ -11,7 +11,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
 
12
12
 
13
13
 
14
- ## [1.2.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.5...@synerise/ds-emoji-picker@1.2.6) (2025-06-24)
14
+ ## [1.2.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.7...@synerise/ds-emoji-picker@1.2.8) (2025-07-01)
15
15
 
16
16
  **Note:** Version bump only for package @synerise/ds-emoji-picker
17
17
 
@@ -19,7 +19,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
19
19
 
20
20
 
21
21
 
22
- ## [1.2.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.4...@synerise/ds-emoji-picker@1.2.5) (2025-06-12)
22
+ ## [1.2.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.6...@synerise/ds-emoji-picker@1.2.7) (2025-06-26)
23
23
 
24
24
  **Note:** Version bump only for package @synerise/ds-emoji-picker
25
25
 
@@ -27,7 +27,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
27
27
 
28
28
 
29
29
 
30
- ## [1.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.3...@synerise/ds-emoji-picker@1.2.4) (2025-06-11)
30
+ ## [1.2.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.5...@synerise/ds-emoji-picker@1.2.6) (2025-06-24)
31
31
 
32
32
  **Note:** Version bump only for package @synerise/ds-emoji-picker
33
33
 
@@ -35,87 +35,56 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
35
35
 
36
36
 
37
37
 
38
- ## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.2...@synerise/ds-emoji-picker@1.2.3) (2025-06-05)
38
+ ## [1.2.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.4...@synerise/ds-emoji-picker@1.2.5) (2025-06-12)
39
39
 
40
40
  **Note:** Version bump only for package @synerise/ds-emoji-picker
41
41
 
42
+ ## [1.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.3...@synerise/ds-emoji-picker@1.2.4) (2025-06-11)
42
43
 
44
+ **Note:** Version bump only for package @synerise/ds-emoji-picker
43
45
 
46
+ ## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.2...@synerise/ds-emoji-picker@1.2.3) (2025-06-05)
44
47
 
48
+ **Note:** Version bump only for package @synerise/ds-emoji-picker
45
49
 
46
50
  ## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.1...@synerise/ds-emoji-picker@1.2.2) (2025-06-03)
47
51
 
48
52
  **Note:** Version bump only for package @synerise/ds-emoji-picker
49
53
 
50
-
51
-
52
-
53
-
54
54
  ## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.2.0...@synerise/ds-emoji-picker@1.2.1) (2025-05-26)
55
55
 
56
56
  **Note:** Version bump only for package @synerise/ds-emoji-picker
57
57
 
58
-
59
-
60
-
61
-
62
58
  # [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.5...@synerise/ds-emoji-picker@1.2.0) (2025-05-19)
63
59
 
64
-
65
60
  ### Features
66
61
 
67
- * **emoji-picker:** changed list to virtualised list ([06e6f7a](https://github.com/Synerise/synerise-design/commit/06e6f7ab6f1bbef67adc8662888f35182828b2a4))
68
-
69
-
70
-
71
-
62
+ - **emoji-picker:** changed list to virtualised list ([06e6f7a](https://github.com/Synerise/synerise-design/commit/06e6f7ab6f1bbef67adc8662888f35182828b2a4))
72
63
 
73
64
  ## [1.1.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.4...@synerise/ds-emoji-picker@1.1.5) (2025-05-07)
74
65
 
75
66
  **Note:** Version bump only for package @synerise/ds-emoji-picker
76
67
 
77
-
78
-
79
-
80
-
81
68
  ## [1.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.3...@synerise/ds-emoji-picker@1.1.4) (2025-04-24)
82
69
 
83
-
84
70
  ### Bug Fixes
85
71
 
86
- * **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
87
-
88
-
89
-
90
-
72
+ - **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
91
73
 
92
74
  ## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.2...@synerise/ds-emoji-picker@1.1.3) (2025-04-16)
93
75
 
94
76
  **Note:** Version bump only for package @synerise/ds-emoji-picker
95
77
 
96
-
97
-
98
-
99
-
100
78
  ## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.1...@synerise/ds-emoji-picker@1.1.2) (2025-04-02)
101
79
 
102
80
  **Note:** Version bump only for package @synerise/ds-emoji-picker
103
81
 
104
-
105
-
106
-
107
-
108
82
  ## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-emoji-picker@1.1.0...@synerise/ds-emoji-picker@1.1.1) (2025-03-31)
109
83
 
110
84
  **Note:** Version bump only for package @synerise/ds-emoji-picker
111
85
 
112
-
113
-
114
-
115
-
116
86
  # 1.1.0 (2025-03-26)
117
87
 
118
-
119
88
  ### Features
120
89
 
121
- * **icon-picker:** emoji picker component ([8ba32e6](https://github.com/Synerise/synerise-design/commit/8ba32e62b16757cb1bea3badb7d21fdcf14e8768))
90
+ - **icon-picker:** emoji picker component ([8ba32e6](https://github.com/Synerise/synerise-design/commit/8ba32e62b16757cb1bea3badb7d21fdcf14e8768))
package/README.md CHANGED
@@ -6,6 +6,7 @@ title: EmojiPicker
6
6
  EmojiPicker UI Component
7
7
 
8
8
  ## Installation
9
+
9
10
  ```
10
11
  npm i @synerise/ds-emoji-picker
11
12
  or
@@ -13,6 +14,7 @@ yarn add @synerise/ds-emoji-picker
13
14
  ```
14
15
 
15
16
  ## Usage
17
+
16
18
  ```
17
19
  import EmojiPicker from '@synerise/ds-emoji-picker'
18
20
 
@@ -27,9 +29,9 @@ import EmojiPicker from '@synerise/ds-emoji-picker'
27
29
  ## API
28
30
 
29
31
  | Property | Description | Type | Default |
30
- |---------------|------------------------------------------------------------------------------------------|---------------------------|---------|
32
+ | ------------- | ---------------------------------------------------------------------------------------- | ------------------------- | ------- |
31
33
  | children | the element that triggers showing the picker | ReactElement | - |
32
34
  | onSelect | triggered when an emoji has been selected | (emoji: Emoji) => void | - |
33
35
  | closeOnSelect | determines whether dropdown should hide when an emoji has been selected. true by default | boolean | true |
34
36
  | dropdownProps | Dropdown customisation props see ds-dropdown | Partial<DropdownProps> | - |
35
- | texts | customise texts / labels | Partial<EmojiPickerTexts> | - |
37
+ | texts | customise texts / labels | Partial<EmojiPickerTexts> | - |
package/dist/EmojiList/EmojiList.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import type { EmojiListProps } from './EmojiList.types';
3
- export declare const EmojiList: ({ texts: customTexts, onSelect, searchQuery }: EmojiListProps) => React.JSX.Element;
3
+ export declare const EmojiList: ({ texts: customTexts, onSelect, searchQuery, }: EmojiListProps) => React.JSX.Element;
package/dist/EmojiList/EmojiList.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import React, { useMemo, useRef } from 'react';
2
2
  import { getEmojisByGroup } from 'unicode-emoji-utils';
3
3
  import EmptyState, { EmptyStatesSize } from '@synerise/ds-empty-states';
4
- import Scrollbar from '@synerise/ds-scrollbar';
5
4
  import { SearchNoResultsL } from '@synerise/ds-icon';
6
- import * as S from './EmojiList.styles';
5
+ import Scrollbar from '@synerise/ds-scrollbar';
6
+ import { ITEMS_PER_ROW, ITEM_SIZE } from '../EmojiPicker.const';
7
7
  import { useEmojiTranslations } from '../hooks/useEmojiTranslations';
8
8
  import { useMultipleItemsPerRow } from '../hooks/useMultipleItemsPerRow';
9
- import { ITEMS_PER_ROW, ITEM_SIZE } from '../EmojiPicker.const';
9
+ import * as S from './EmojiList.styles';
10
10
  import { createItemData } from './EmojiList.utils';
11
11
  import { EmojiListItem } from './EmojiListItem';
12
12
  export var EmojiList = function EmojiList(_ref) {
package/dist/EmojiList/EmojiList.styles.js CHANGED
@@ -1,8 +1,8 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
2
  import React from 'react';
3
+ import { FixedSizeList } from 'react-window';
3
4
  import styled from 'styled-components';
4
5
  import Button from '@synerise/ds-button';
5
- import { FixedSizeList } from 'react-window';
6
6
  export var EmojiItem = styled.div.withConfig({
7
7
  displayName: "EmojiListstyles__EmojiItem",
8
8
  componentId: "sc-1yme2ir-0"
package/dist/EmojiList/EmojiListItem.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React, { ReactElement } from 'react';
2
- import { RowItemProps } from './EmojiList.types';
1
+ import React, { type ReactElement } from 'react';
2
+ import { type RowItemProps } from './EmojiList.types';
3
3
  export declare const EmojiListItem: React.MemoExoticComponent<({ data, index, style }: RowItemProps) => ReactElement>;
package/dist/EmojiOverlay/EmojiOverlay.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
- import { EmojiOverlayType } from './EmojiOverlay.types';
3
- export declare const EmojiOverlay: ({ texts: customTexts, onSelect, focus }: EmojiOverlayType) => React.JSX.Element;
2
+ import { type EmojiOverlayType } from './EmojiOverlay.types';
3
+ export declare const EmojiOverlay: ({ texts: customTexts, onSelect, focus, }: EmojiOverlayType) => React.JSX.Element;
package/dist/EmojiOverlay/EmojiOverlay.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { useState } from 'react';
2
- import Icon, { SearchM } from '@synerise/ds-icon';
3
2
  import { theme } from '@synerise/ds-core';
4
3
  import Dropdown from '@synerise/ds-dropdown';
4
+ import Icon, { SearchM } from '@synerise/ds-icon';
5
5
  import { EmojiList } from '../EmojiList/EmojiList';
6
6
  import { useEmojiTranslations } from '../hooks/useEmojiTranslations';
7
7
  export var EmojiOverlay = function EmojiOverlay(_ref) {
package/dist/EmojiPicker.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import type { EmojiPickerProps } from './EmojiPicker.types';
3
- export declare const EmojiPicker: ({ children, closeOnSelect, onSelect, texts, dropdownProps }: EmojiPickerProps) => React.JSX.Element;
3
+ export declare const EmojiPicker: ({ children, closeOnSelect, onSelect, texts, dropdownProps, }: EmojiPickerProps) => React.JSX.Element;
package/dist/EmojiPicker.js CHANGED
@@ -2,8 +2,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
2
2
  import React, { useRef, useState } from 'react';
3
3
  import Dropdown from '@synerise/ds-dropdown';
4
4
  import { useOnClickOutside } from '@synerise/ds-utils';
5
- import * as S from './EmojiPicker.styles';
6
5
  import { EmojiOverlay } from './EmojiOverlay/EmojiOverlay';
6
+ import * as S from './EmojiPicker.styles';
7
7
  export var EmojiPicker = function EmojiPicker(_ref) {
8
8
  var children = _ref.children,
9
9
  _ref$closeOnSelect = _ref.closeOnSelect,
@@ -38,7 +38,6 @@ export var EmojiPicker = function EmojiPicker(_ref) {
38
38
  }, /*#__PURE__*/React.createElement(EmojiOverlay, {
39
39
  onSelect: function onSelect(val) {
40
40
  closeOnSelect && toggleOpen(false);
41
- // eslint-disable-next-line no-unused-expressions
42
41
  _onSelect == null || _onSelect(val);
43
42
  },
44
43
  texts: texts,
package/dist/EmojiPicker.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { ReactElement, ReactNode } from 'react';
2
- import type { DropdownProps } from '@synerise/ds-dropdown';
3
2
  import type { Emoji } from 'unicode-emoji-utils';
3
+ import type { DropdownProps } from '@synerise/ds-dropdown';
4
4
  import type { EmojiListTexts } from './EmojiList/EmojiList.types';
5
5
  export type EmojiPickerTexts = EmojiListTexts & {
6
6
  placeholder: string;
package/dist/hooks/useEmojiTranslations.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import { EmojiPickerTexts } from '../EmojiPicker.types';
1
+ import { type EmojiPickerTexts } from '../EmojiPicker.types';
2
2
  export declare const useEmojiTranslations: (texts?: Partial<EmojiPickerTexts>) => EmojiPickerTexts;
package/dist/hooks/useMultipleItemsPerRow.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- import type { EmojiVirtualListItem, EmojiCategory } from '../EmojiList/EmojiList.types';
1
+ import type { EmojiCategory, EmojiVirtualListItem } from '../EmojiList/EmojiList.types';
2
2
  export declare const useMultipleItemsPerRow: (data: EmojiCategory[], itemsPerRow: number) => EmojiVirtualListItem[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-emoji-picker",
3
- "version": "1.2.7",
3
+ "version": "1.2.9",
4
4
  "description": "EmojiPicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^1.4.1",
38
- "@synerise/ds-divider": "^1.0.12",
39
- "@synerise/ds-dropdown": "^1.0.14",
40
- "@synerise/ds-icon": "^1.5.3",
41
- "@synerise/ds-scrollbar": "^1.1.1",
42
- "@synerise/ds-utils": "^1.3.0",
37
+ "@synerise/ds-button": "^1.4.3",
38
+ "@synerise/ds-divider": "^1.0.14",
39
+ "@synerise/ds-dropdown": "^1.0.16",
40
+ "@synerise/ds-icon": "^1.5.4",
41
+ "@synerise/ds-scrollbar": "^1.1.2",
42
+ "@synerise/ds-utils": "^1.3.1",
43
43
  "unicode-emoji-utils": "^1.2.0"
44
44
  },
45
45
  "peerDependencies": {
@@ -48,5 +48,5 @@
48
48
  "react-intl": ">=3.12.0 <= 6.8",
49
49
  "styled-components": "^5.3.3"
50
50
  },
51
- "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
51
+ "gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
52
52
  }