@widergy/energy-ui 1.117.3 → 1.117.6

package/CHANGELOG.md

@@ -1,3 +1,25 @@
+## [1.117.6](https://github.com/widergy/energy-ui/compare/v1.117.5...v1.117.6) (2022-04-28)
+
+
+### Bug Fixes
+
+* excluded emojis fix ([#282](https://github.com/widergy/energy-ui/issues/282)) ([de2c972](https://github.com/widergy/energy-ui/commit/de2c972adbb7d5cad1f51f5bf1add6b6c5642f34))
+
+## [1.117.5](https://github.com/widergy/energy-ui/compare/v1.117.4...v1.117.5) (2022-04-25)
+
+
+### Bug Fixes
+
+* picker fixes ([#279](https://github.com/widergy/energy-ui/issues/279)) ([6ee6c2a](https://github.com/widergy/energy-ui/commit/6ee6c2a13eeff8f5a72d955e519613eafaa0e241))
+* picker fixes ([#279](https://github.com/widergy/energy-ui/issues/279)) ([af3e3ed](https://github.com/widergy/energy-ui/commit/af3e3ed4187db3331414811307d6c33b1c9ec716))
+
+## [1.117.4](https://github.com/widergy/energy-ui/compare/v1.117.3...v1.117.4) (2022-04-25)
+
+
+### Bug Fixes
+
+* excluded emojis ([#281](https://github.com/widergy/energy-ui/issues/281)) ([18e3cc4](https://github.com/widergy/energy-ui/commit/18e3cc4d6530ad508db21b64708c267f17031fff))
+
 ## [1.117.3](https://github.com/widergy/energy-ui/compare/v1.117.2...v1.117.3) (2022-04-25)
 
 

package/dist/components/UTEmojiPicker/constants.js

@@ -168,7 +168,7 @@ Flags.defaultProps = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-var DEFAULT_EXCLUDED_EMOJIS = ['smiling_face'];
+var DEFAULT_EXCLUDED_EMOJIS = ['black cat', 'smiling_face', 'face exhaling', 'face in clouds', 'face exhaling', 'man beard', 'person_red_hair', 'person_curly_hair', 'person_white_hair', 'person_bald', 'health_worker', 'student', 'teacher', 'judge', 'farmer', 'cook', 'mechanic', 'factory_worker', 'office_worker', 'scientist', 'technologist', 'singer', 'artist', 'pilot', 'astronaut', 'firefighter', 'smiling face with tear', 'ninja', 'man in tuxedo', 'woman in tuxedo', 'man with veil', 'woman with veil', 'woman feeding baby', 'man feeding baby', 'person feeding baby', 'bison', 'mammoth', 'beaver', 'polar bear', 'dodo', 'feather', 'seal', 'beetle', 'cockroach', 'fly', 'worm', 'blueberries', 'olive', 'bell pepper', 'flatbread', 'tamale', 'fondue', 'teapot', 'person_in_manual_wheelchair', 'person_in_motorized_wheelchair', 'person_with_probing_cane', 'rock', 'wood', 'knot', 'sewing needle', 'nesting dolls', 'pinata', 'magic wand', 'roller skate', 'pickup truck', 'hut', 'thong sandal', 'military helmet', 'accordion', 'long drum', 'coin', 'boomerang', 'carpentry saw', 'screwdriver', 'hook', 'ladder', 'elevator', 'mirror', 'window', 'plunger', 'mouse trap', 'bucket', 'toothbrush', 'headstone', 'placard', 'pinched fingers', 'anatomical heart', 'pinched fingers', 'anatomical heart', 'heart on fire', 'mending heart', 'man beard', 'flag_england', 'flag_scotland', 'transgender flag'];
 exports.DEFAULT_EXCLUDED_EMOJIS = DEFAULT_EXCLUDED_EMOJIS;
 var DEFAULT_VIRTUALIZED_LIST_CONFIG = {
   overscan: 10,

package/dist/components/UTEmojiPicker/index.js

@@ -56,6 +56,8 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
       ButtonComponent = _ref$ButtonComponent === void 0 ? _UTTouchableWithoutFeedback.default : _ref$ButtonComponent,
       themeClasses = _ref.classes,
       classNames = _ref.classNames,
+      _ref$closeOnPick = _ref.closeOnPick,
+      closeOnPick = _ref$closeOnPick === void 0 ? true : _ref$closeOnPick,
       excludedEmojis = _ref.excludedEmojis,
       groupsModifier = _ref.groupsModifier,
       handlePick = _ref.handlePick,
@@ -93,11 +95,12 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
       role: "button",
       onMouseDown: function onMouseDown(e) {
         e.preventDefault();
+        if (closeOnPick) setIsOpen(false);
         handlePick(emojiData);
       },
       className: "".concat(_stylesModule.default.emoji, " ").concat(classes.emoji)
     }, (0, _utils.getEmoji)(emojiData));
-  }, []);
+  }, [handlePick]);
   var groupEmojiRenderer = (0, _react.useCallback)(function (_ref2) {
     var Icon = _ref2.Icon,
         key = _ref2.key;
@@ -144,6 +147,7 @@ UTEmojiPicker.propTypes = {
   ButtonComponent: _propTypes.element,
   handlePick: _propTypes.func,
   popperPosition: _propTypes.string,
+  closeOnPick: _propTypes.bool,
   classNames: _types.classesPropTypes,
   classes: (0, _propTypes.objectOf)(_propTypes.string)
 };

package/dist/components/UTEmojiPicker/styles.module.scss

@@ -61,12 +61,22 @@
   }
 }
 
+
+@font-face {
+  font-family: NotoColorEmojiLimited;
+  unicode-range: U+1F1E6-1F1FF;
+  src: url(https://raw.githack.com/googlefonts/noto-emoji/main/fonts/NotoColorEmoji.ttf);
+}
+
 .emoji {
   align-items: center;
   cursor: pointer;
   display: flex;
   justify-content: center;
   user-select: none;
+  font-family: 'NotoColorEmojiLimited', -apple-system, BlinkMacSystemFont, 
+  'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 
+  'Segoe UI Emoji', 'Segoe UI Symbol';
 }
 
 .activeIcon {

package/dist/components/UTEmojiPicker/utils.js

@@ -23,6 +23,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var getKey = function getKey(emoji) {
   return emoji[1][0];
 };
@@ -54,11 +60,21 @@ var getGroups = function getGroups(emojis) {
 };
 
 var getEmojis = function getEmojis(groupsModifier) {
+  var _ref;
+
   var excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var filteredEmojisArray = Object.entries(_emojilib.default).filter(function (emoji) {
-    return ![].concat(_toConsumableArray(_constants.DEFAULT_EXCLUDED_EMOJIS), _toConsumableArray(excludedEmojis)).includes(getKey(emoji));
+  var legacyGroups = getGroups(Object.entries(_emojilib.default)).map(function (group) {
+    return _objectSpread(_objectSpread({}, group), {}, {
+      emojis: group.emojis.filter(function (emoji) {
+        return ![].concat(_toConsumableArray(_constants.DEFAULT_EXCLUDED_EMOJIS), _toConsumableArray(excludedEmojis)).includes(getKey(emoji));
+      })
+    });
   });
-  var legacyGroups = getGroups(filteredEmojisArray);
+
+  var filteredEmojisArray = (_ref = []).concat.apply(_ref, _toConsumableArray(legacyGroups.map(function (group) {
+    return group.emojis;
+  })));
+
   var groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
   return {
     emojis: filteredEmojisArray,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "1.117.3",
+  "version": "1.117.6",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",