@synerise/ds-emoji-picker 1.2.6 → 1.2.8

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 +11 -42
  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.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)
6
+ ## [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)
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.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)
14
+ ## [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)
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.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)
22
+ ## [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)
23
23
 
24
24
  **Note:** Version bump only for package @synerise/ds-emoji-picker
25
25
 
@@ -27,87 +27,56 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
27
27
 
28
28
 
29
29
 
30
- ## [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)
30
+ ## [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)
31
31
 
32
32
  **Note:** Version bump only for package @synerise/ds-emoji-picker
33
33
 
34
+ ## [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)
34
35
 
36
+ **Note:** Version bump only for package @synerise/ds-emoji-picker
35
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)
36
39
 
40
+ **Note:** Version bump only for package @synerise/ds-emoji-picker
37
41
 
38
42
  ## [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)
39
43
 
40
44
  **Note:** Version bump only for package @synerise/ds-emoji-picker
41
45
 
42
-
43
-
44
-
45
-
46
46
  ## [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)
47
47
 
48
48
  **Note:** Version bump only for package @synerise/ds-emoji-picker
49
49
 
50
-
51
-
52
-
53
-
54
50
  # [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)
55
51
 
56
-
57
52
  ### Features
58
53
 
59
- * **emoji-picker:** changed list to virtualised list ([06e6f7a](https://github.com/Synerise/synerise-design/commit/06e6f7ab6f1bbef67adc8662888f35182828b2a4))
60
-
61
-
62
-
63
-
54
+ - **emoji-picker:** changed list to virtualised list ([06e6f7a](https://github.com/Synerise/synerise-design/commit/06e6f7ab6f1bbef67adc8662888f35182828b2a4))
64
55
 
65
56
  ## [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)
66
57
 
67
58
  **Note:** Version bump only for package @synerise/ds-emoji-picker
68
59
 
69
-
70
-
71
-
72
-
73
60
  ## [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)
74
61
 
75
-
76
62
  ### Bug Fixes
77
63
 
78
- * **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
79
-
80
-
81
-
82
-
64
+ - **icon:** new mimetype icons ([f8b50d1](https://github.com/Synerise/synerise-design/commit/f8b50d16287e747c7c72e4c4aea660d02d54fe99))
83
65
 
84
66
  ## [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)
85
67
 
86
68
  **Note:** Version bump only for package @synerise/ds-emoji-picker
87
69
 
88
-
89
-
90
-
91
-
92
70
  ## [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)
93
71
 
94
72
  **Note:** Version bump only for package @synerise/ds-emoji-picker
95
73
 
96
-
97
-
98
-
99
-
100
74
  ## [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)
101
75
 
102
76
  **Note:** Version bump only for package @synerise/ds-emoji-picker
103
77
 
104
-
105
-
106
-
107
-
108
78
  # 1.1.0 (2025-03-26)
109
79
 
110
-
111
80
  ### Features
112
81
 
113
- * **icon-picker:** emoji picker component ([8ba32e6](https://github.com/Synerise/synerise-design/commit/8ba32e62b16757cb1bea3badb7d21fdcf14e8768))
82
+ - **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.6",
3
+ "version": "1.2.8",
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.0",
38
- "@synerise/ds-divider": "^1.0.11",
39
- "@synerise/ds-dropdown": "^1.0.13",
40
- "@synerise/ds-icon": "^1.5.3",
41
- "@synerise/ds-scrollbar": "^1.1.0",
42
- "@synerise/ds-utils": "^1.3.0",
37
+ "@synerise/ds-button": "^1.4.2",
38
+ "@synerise/ds-divider": "^1.0.13",
39
+ "@synerise/ds-dropdown": "^1.0.15",
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": "f2713cd35cfe22f63a159f05144585834897a132"
51
+ "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
52
52
  }