|
| 1 | +# PicMo Changelog |
| 2 | + |
| 3 | +For full details, see the documentation at [https://picmojs.com](https://picmojs.com). |
| 4 | + |
| 5 | +## [5.0.0] - 2022-05-15 |
| 6 | + |
| 7 | +First PicMo release (previously Emoji Button). |
| 8 | + |
| 9 | +- `@joeattardi/emoji-button` package split into three packages: |
| 10 | + - [`picmo`](./packages/picmo) - The main emoji picker package, can be used to create inline emoji pickers. |
| 11 | + - [`@picmo/popup-picker`](./packages/popup-picker) - The popup picker package, can be used to create popup emoji pickers. Requires `picmo` as a peer dependency. |
| 12 | + - [`@picmo/renderer-twemoji`](/.packages/renderer-twemoji) - The Twemoji renderer. Requires `picmo` as a peer dependency. |
| 13 | +- All packages now include UMD builds. |
| 14 | + |
| 15 | +### Added |
| 16 | + |
| 17 | +- Emoji data is stored in an IndexedDB database locally. |
| 18 | +- `data:ready` event signals when the database is initialized and ready to use. |
| 19 | +- New rendering architecture adds support for implementing additional emoji renderers. |
| 20 | +- Basic support for auto-detecting the available emoji version (the default behavior). A specific emoji version can still be passed in the picker options. |
| 21 | +- Added data management functions: |
| 22 | + - `createDatabase`: Creates an emoji database ahead of time. This is not required as the picker will initialize the database if one doesn't exist. |
| 23 | + - `deleteDatabase`: Deletes an emoji database |
| 24 | + - `deleteRecents`: Deletes the recent emojis from local storage |
| 25 | + - Emojis can be searched via tags. An emoji's tags are also shown in the preview area. |
| 26 | +- Popup pickers now have a close button as well. |
| 27 | +- Events for when the picker is opened (`picker:open`) and closed (`picker:close`). |
| 28 | + |
| 29 | +#### Picker options |
| 30 | + |
| 31 | +- New option: `className` for applying custom theme styling. |
| 32 | +- New option: `initialEmoji` for initial emoji selection. |
| 33 | +- New option: `locale` for emoji data locale. |
| 34 | +- New option: `messages` for emojibase-data message data. |
| 35 | +- New option: `renderer` for specifying emoji renderer |
| 36 | + |
| 37 | +#### Popup options |
| 38 | + |
| 39 | +- New option: `hideOnClickOutside` to control whether or not the picker should close when clicking outside of it. |
| 40 | +- New option: `hideOnEscape` to control whether or not the picker should close when pressing the escape key. |
| 41 | +- New option: `showCloseButton` to control whether or not the close button should be shown. |
| 42 | +- New option: `triggerElement` to denote the element that should trigger the popup. |
| 43 | + |
| 44 | +### Changed |
| 45 | + |
| 46 | +- The main `picmo` package only creates inline pickers. Popup pickers are created with `createPopup` from the `@picmo/popup-picker` package instead of `createPicker` from the main package. This function accepts the same options as the main package for the picker itself, and accepts an additional object with popup specific options. |
| 47 | +- Emoji data is no longer bundled with the package. It can be supplied within the bundle |
| 48 | + from the `emoji-data` npm package or can be downloaded from a CDN at runtime. |
| 49 | +- Popup code and Popper.js dependency separated into `@picmo/popup-picker` package. |
| 50 | +- Twemoji code separated into `@picmo/twemoji` package. |
| 51 | +- `emoji` event changed to `emoji:select`. |
| 52 | + - Emitted data has the properties `{ data, emoji, hexcode, url, label }`. |
| 53 | +- `hidden` event changed to to `emoji:hide` in `@picmo/popup-picker`. |
| 54 | +- Twemoji options changed to only specify the desired image type: `svg` (the default) or `png`. |
| 55 | + |
| 56 | +#### Picker options |
| 57 | + |
| 58 | +- `showAnimation` changed to `animate`. |
| 59 | +- `custom` format changed. |
| 60 | + - Previous: `{ name, emoji }` |
| 61 | + - New: `{ data, emoji, label, tags, url }` |
| 62 | +- `emojiVersion` is now a number or the string `auth` for automatic detection. |
| 63 | +- `recentsCount` changed to `maxRecents`. |
| 64 | +- `showCategoryButtons` changed to `showCategoryTabs`. |
| 65 | +- `rows` changed to `visibleRows`. |
| 66 | + |
| 67 | +#### Popup options |
| 68 | + |
| 69 | +- `autoHide` changed to `hideOnEmojiSelect`. |
| 70 | + |
| 71 | +### Removed |
| 72 | + |
| 73 | +- Plugins have temporarily been removed pending a larger redesign of the plugin system. |
| 74 | + |
| 75 | +#### Picker options |
| 76 | + |
| 77 | +- `icons` removed. |
| 78 | +- `plugins` removed. |
| 79 | +- `twemojiOptions` removed (now controlled by `@picmo/renderer-twemoji` package). |
| 80 | +- `styleOptions` removed (now controlled by CSS variables in CSS class specified by the `className` option). |
| 81 | +- Fuzzy search was removed. |
0 commit comments