@widergy/energy-ui 1.112.0 → 1.113.0

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 (17) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/components/UTEmojiPicker/assets/creative.svg +5 -0
  3. package/dist/components/UTEmojiPicker/assets/faces.svg +6 -0
  4. package/dist/components/UTEmojiPicker/assets/flags.svg +6 -0
  5. package/dist/components/UTEmojiPicker/assets/food.svg +10 -0
  6. package/dist/components/UTEmojiPicker/assets/language.svg +3 -0
  7. package/dist/components/UTEmojiPicker/assets/nature.svg +4 -0
  8. package/dist/components/UTEmojiPicker/assets/sports.svg +8 -0
  9. package/dist/components/UTEmojiPicker/assets/travel.svg +3 -0
  10. package/dist/components/UTEmojiPicker/constants.js +180 -0
  11. package/dist/components/UTEmojiPicker/index.js +153 -0
  12. package/dist/components/UTEmojiPicker/styles.module.scss +115 -0
  13. package/dist/components/UTEmojiPicker/theme.js +52 -0
  14. package/dist/components/UTEmojiPicker/utils.js +70 -0
  15. package/dist/components/UTMenu/index.js +5 -8
  16. package/dist/components/UTTable/hook.js +3 -1
  17. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,24 @@
1
+ # [1.113.0](https://github.com/widergy/energy-ui/compare/v1.112.2...v1.113.0) (2022-02-23)
2
+
3
+
4
+ ### Features
5
+
6
+ * UTEmojiPicker ðŸĪŠðŸŒŸ ([#261](https://github.com/widergy/energy-ui/issues/261)) ([f56acec](https://github.com/widergy/energy-ui/commit/f56acec1bd920c1c2017ba12430acfa9509741bd))
7
+
8
+ ## [1.112.2](https://github.com/widergy/energy-ui/compare/v1.112.1...v1.112.2) (2022-02-21)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * uttable resize observer loop limit ([#265](https://github.com/widergy/energy-ui/issues/265)) ([2531524](https://github.com/widergy/energy-ui/commit/2531524f619290e17b7e0b6d9d0b8f4c1db0d0d3))
14
+
15
+ ## [1.112.1](https://github.com/widergy/energy-ui/compare/v1.112.0...v1.112.1) (2022-02-21)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * mergin UTMenu useEffect's ([#260](https://github.com/widergy/energy-ui/issues/260)) ([852a727](https://github.com/widergy/energy-ui/commit/852a7277c1bff1195e0a17aa849d07ae00a5c9e1))
21
+
1
22
  # [1.112.0](https://github.com/widergy/energy-ui/compare/v1.111.0...v1.112.0) (2022-02-16)
2
23
 
3
24
 
package/dist/components/UTEmojiPicker/assets/creative.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M26.4 13.6L25.7 14.3M11 20H12H11ZM20 11V12V11ZM28 20H29H28ZM13.6 13.6L14.3 14.3L13.6 13.6Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path fill="none" d="M17 24C16.1605 23.3704 15.5403 22.4925 15.2274 21.4908C14.9145 20.4892 14.9247 19.4144 15.2566 18.4189C15.5884 17.4233 16.2251 16.5574 17.0764 15.9438C17.9278 15.3302 18.9506 15 20 15C21.0494 15 22.0722 15.3302 22.9236 15.9438C23.7749 16.5574 24.4116 17.4233 24.7434 18.4189C25.0753 19.4144 25.0855 20.4892 24.7726 21.4908C24.4597 22.4925 23.8395 23.3704 23 24C22.6096 24.3865 22.3156 24.8594 22.1419 25.3806C21.9681 25.9018 21.9195 26.4566 22 27C22 27.5304 21.7893 28.0391 21.4142 28.4142C21.0391 28.7893 20.5304 29 20 29C19.4696 29 18.9609 28.7893 18.5858 28.4142C18.2107 28.0391 18 27.5304 18 27C18.0805 26.4566 18.0319 25.9018 17.8581 25.3806C17.6844 24.8594 17.3904 24.3865 17 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path fill="none" d="M17.7 25H22.3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ </svg>
package/dist/components/UTEmojiPicker/assets/faces.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M20 29C24.9706 29 29 24.9706 29 20C29 15.0294 24.9706 11 20 11C15.0294 11 11 15.0294 11 20C11 24.9706 15.0294 29 20 29Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M17 18H17.01" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M23 18H23.01" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M17.5 23C17.8259 23.3326 18.2148 23.5968 18.6441 23.7772C19.0734 23.9576 19.5344 24.0505 20 24.0505C20.4656 24.0505 20.9266 23.9576 21.3559 23.7772C21.7852 23.5968 22.1741 23.3326 22.5 23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
package/dist/components/UTEmojiPicker/assets/flags.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M13 13V29" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path d="M27 13V22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path d="M13 13C13.9346 12.0839 15.1912 11.5707 16.5 11.5707C17.8088 11.5707 19.0654 12.0839 20 13C20.9346 13.9162 22.1912 14.4293 23.5 14.4293C24.8088 14.4293 26.0654 13.9162 27 13" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path d="M13 22C13.9346 21.0838 15.1912 20.5707 16.5 20.5707C17.8088 20.5707 19.0654 21.0838 20 22C20.9346 22.9161 22.1912 23.4293 23.5 23.4293C24.8088 23.4293 26.0654 22.9161 27 22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ </svg>
package/dist/components/UTEmojiPicker/assets/food.svg ADDED
@@ -0,0 +1,10 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_750_29623)">
3
+ <path d="M27.6206 21.9776C27.6906 21.6857 27.6906 21.3815 27.6206 21.0896C27.9641 20.9909 28.273 20.7977 28.5118 20.5322C28.7507 20.2666 28.91 19.9393 28.9716 19.5877C29.0332 19.236 28.9945 18.8742 28.8601 18.5435C28.7256 18.2127 28.5007 17.9264 28.2111 17.7171C28.1852 17.3232 28.1203 16.9328 28.0174 16.5517C27.6398 15.1667 26.8375 13.9344 25.7231 13.0277C24.2058 11.7698 22.3076 11.0603 20.3361 11.014C19.4551 10.979 18.5737 11.0724 17.7197 11.2913C16.0643 11.6867 14.5713 12.5819 13.4437 13.8551C12.4856 14.9261 11.9109 16.2845 11.8099 17.7171C11.5267 17.9121 11.3039 18.1826 11.1669 18.4978C11.0299 18.813 10.9843 19.1602 11.035 19.5001C11.0737 19.8323 11.2011 20.148 11.404 20.4141C11.6069 20.6803 11.8777 20.887 12.188 21.0127C12.0923 21.3518 12.0923 21.7108 12.188 22.0499C11.8775 22.18 11.607 22.3899 11.4041 22.6583C11.2011 22.9267 11.073 23.2439 11.0327 23.5778C10.9924 23.9117 11.0413 24.2502 11.1746 24.5591C11.3078 24.868 11.5206 25.1361 11.7913 25.3362V25.4504C11.7854 25.7205 11.7979 25.9907 11.8286 26.2591C11.9276 27.0211 12.3021 27.7207 12.8815 28.2264C13.4609 28.732 14.2054 29.0088 14.9749 29.0047H18.9917C21.0021 29.0047 23.0109 29.0047 25.0182 29.0047C25.2774 29.0041 25.5358 28.9744 25.7884 28.9161C26.4467 28.7572 27.0373 28.3933 27.4749 27.8772C27.9125 27.361 28.1744 26.7193 28.2228 26.0447C28.2391 25.8116 28.2368 25.5786 28.2368 25.3455C28.523 25.1345 28.7443 24.8477 28.8757 24.5176C29.0071 24.1875 29.0432 23.8272 28.98 23.4776C28.9169 23.128 28.7569 22.8031 28.5183 22.5397C28.2797 22.2762 27.9719 22.0847 27.63 21.9869L27.6206 21.9776ZM13.4624 17.3512C13.7168 15.99 14.4427 14.8876 15.6797 13.9787C16.547 13.3515 17.5466 12.9313 18.6019 12.7504C19.2588 12.6273 19.9292 12.5928 20.5952 12.6478C22.3971 12.7993 23.8488 13.4356 25.0299 14.587C25.787 15.3044 26.3051 16.2368 26.5143 17.2579C26.5143 17.2906 26.526 17.3232 26.5306 17.3558L13.4624 17.3512ZM22.285 22.6512C22.285 22.6931 22.285 22.7351 22.285 22.7747C22.285 23.383 22.285 23.9937 22.285 24.6043V25.166C22.2805 25.2137 22.2649 25.2596 22.2393 25.3C22.2138 25.3405 22.1791 25.3745 22.138 25.3991L22.11 25.4224C21.9956 25.5203 21.8252 25.6555 21.5241 25.3595C21.4801 25.3116 21.4545 25.2496 21.4518 25.1846C21.4493 25.1521 21.4493 25.1193 21.4518 25.0868V22.7747C21.4616 22.6588 21.4461 22.5421 21.4062 22.4327C21.3664 22.3234 21.3032 22.224 21.221 22.1415C21.1389 22.059 21.0397 21.9954 20.9304 21.955C20.8211 21.9146 20.7044 21.8985 20.5882 21.9077H14.1159C14.0248 21.9132 13.9349 21.8851 13.8631 21.8289C13.7912 21.7726 13.7425 21.692 13.7262 21.6024C13.716 21.5525 13.7168 21.5011 13.7285 21.4516C13.7402 21.4021 13.7625 21.3558 13.7939 21.3157C13.8245 21.2743 13.8637 21.24 13.9088 21.215C13.9539 21.1901 14.0039 21.1751 14.0553 21.1712H25.6414C25.7201 21.1606 25.8002 21.1763 25.869 21.216C25.9378 21.2556 25.9916 21.3169 26.0218 21.3903C26.048 21.4434 26.0602 21.5023 26.0573 21.5614C26.0545 21.6205 26.0366 21.6779 26.0055 21.7282C25.9679 21.7846 25.9168 21.8307 25.8569 21.8625C25.797 21.8942 25.7302 21.9106 25.6624 21.91H25.3589C24.549 21.91 24.0472 21.91 23.158 21.91H23.0669C22.8335 21.91 22.5605 21.91 22.4111 22.0592C22.352 22.1442 22.3104 22.2401 22.2888 22.3414C22.2671 22.4426 22.2659 22.5471 22.285 22.6488V22.6512ZM27.3265 19.4278C27.2974 19.466 27.2601 19.4972 27.2172 19.519C27.1744 19.5407 27.1272 19.5526 27.0791 19.5537H12.9676C12.8918 19.5634 12.815 19.5451 12.7518 19.5021C12.6886 19.4592 12.6433 19.3946 12.6245 19.3206C12.6172 19.2809 12.6182 19.2401 12.6276 19.2009C12.6369 19.1616 12.6543 19.1247 12.6786 19.0925C12.703 19.0602 12.7338 19.0334 12.7691 19.0137C12.8044 18.994 12.8433 18.9819 12.8836 18.978H27.0558C27.1236 18.9716 27.1915 18.989 27.2478 19.0273C27.304 19.0656 27.3451 19.1224 27.3639 19.1878C27.3761 19.2276 27.3791 19.2697 27.3726 19.3109C27.3662 19.3521 27.3504 19.3913 27.3265 19.4255V19.4278ZM12.8556 23.5252C12.8781 23.5227 12.9008 23.5227 12.9233 23.5252H20.0677V24.1102H12.9349C12.8635 24.1152 12.7926 24.0945 12.7352 24.0517C12.6778 24.0089 12.6377 23.947 12.6222 23.8771C12.613 23.8387 12.6117 23.7987 12.6185 23.7597C12.6252 23.7208 12.6398 23.6836 12.6615 23.6504C12.6831 23.6173 12.7112 23.5889 12.7442 23.5669C12.7772 23.545 12.8143 23.53 12.8532 23.5229L12.8556 23.5252ZM20.1611 25.7254C20.2662 26.0448 20.4665 26.3245 20.7352 26.5271C21.0256 26.7557 21.3855 26.8783 21.7552 26.8744C22.1096 26.8747 22.4552 26.7636 22.7429 26.557C23.0307 26.3504 23.2461 26.0586 23.3587 25.7231H26.6263C26.6365 25.986 26.5828 26.2474 26.4699 26.4852C26.3476 26.7579 26.1476 26.9887 25.8949 27.1487C25.6421 27.3087 25.3477 27.3908 25.0485 27.3848C22.5138 27.3942 19.979 27.3942 17.4443 27.3848H14.9702C14.5779 27.3833 14.2005 27.235 13.9123 26.9692C13.6241 26.7035 13.4461 26.3395 13.4134 25.9491C13.4134 25.8745 13.4134 25.7976 13.4017 25.7161L20.1611 25.7254ZM23.4544 24.0939V23.5112H24.1803C25.1372 23.5112 26.0981 23.5112 27.0628 23.5112C27.1313 23.5063 27.1994 23.5248 27.2558 23.5638C27.3123 23.6028 27.3537 23.6599 27.3732 23.7256C27.386 23.7696 27.3882 23.8159 27.3796 23.8608C27.3711 23.9058 27.3521 23.9481 27.3242 23.9843C27.2985 24.0187 27.265 24.0466 27.2265 24.0656C27.1879 24.0847 27.1455 24.0944 27.1025 24.0939C26.2132 24.0939 25.3216 24.0939 24.4323 24.0939H23.4544Z" stroke="none"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_750_29623">
7
+ <rect width="18" height="18" fill="white" transform="translate(11 11)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
package/dist/components/UTEmojiPicker/assets/language.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M27.5001 21.572L20.0001 29L12.5001 21.572C12.0054 21.0906 11.6157 20.512 11.3556 19.8726C11.0955 19.2333 10.9706 18.5469 10.9888 17.8569C11.007 17.1669 11.1678 16.4881 11.4612 15.8633C11.7546 15.2385 12.1742 14.6812 12.6935 14.2266C13.2129 13.7719 13.8208 13.4297 14.4789 13.2215C15.137 13.0133 15.8311 12.9436 16.5174 13.0168C17.2038 13.09 17.8676 13.3046 18.4669 13.6469C19.0663 13.9892 19.5883 14.452 20.0001 15.006C20.4136 14.456 20.9362 13.9973 21.5352 13.6586C22.1341 13.3199 22.7966 13.1084 23.481 13.0375C24.1654 12.9666 24.8571 13.0377 25.5128 13.2464C26.1685 13.4551 26.7741 13.7969 27.2916 14.2504C27.8091 14.7038 28.2275 15.2593 28.5205 15.8819C28.8135 16.5045 28.9748 17.1809 28.9944 17.8687C29.0139 18.5565 28.8913 19.241 28.6342 19.8792C28.3771 20.5175 27.991 21.0958 27.5001 21.578" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/dist/components/UTEmojiPicker/assets/nature.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M13 29C13.5 24.5 15.5 21 20 19" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path fill="none" d="M17.0001 26C23.2181 26 27.5001 22.712 28.0001 14V12H23.9861C14.9861 12 12.0001 16 11.9861 21C11.9861 22 11.9861 24 13.9861 26H16.9861H17.0001Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ </svg>
package/dist/components/UTEmojiPicker/assets/sports.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M23 17L17 23" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ <path fill="none" d="M18 20L20 22" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path fill="none" d="M20 18L22 20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5
+ <path fill="none" d="M16 29C16 27.6739 15.4732 26.4021 14.5355 25.4645C13.5979 24.5268 12.3261 24 11 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path fill="none" d="M24 11C16.82 11 11 16.82 11 24C11 25.3261 11.5268 26.5979 12.4645 27.5355C13.4021 28.4732 14.6739 29 16 29C23.18 29 29 23.18 29 16C29 14.6739 28.4732 13.4021 27.5355 12.4645C26.5979 11.5268 25.3261 11 24 11" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path fill="none" d="M24 11C24 12.3261 24.5268 13.5979 25.4645 14.5355C26.4021 15.4732 27.6739 16 29 16" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
8
+ </svg>
package/dist/components/UTEmojiPicker/assets/travel.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill="none" d="M24 18H28C28.5304 18 29.0391 18.2107 29.4142 18.5858C29.7893 18.9609 30 19.4696 30 20C30 20.5304 29.7893 21.0391 29.4142 21.4142C29.0391 21.7893 28.5304 22 28 22H24L20 29H17L19 22H15L13 24H10L12 20L10 16H13L15 18H19L17 11H20L24 18Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
package/dist/components/UTEmojiPicker/constants.js ADDED
@@ -0,0 +1,180 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.GROUPS = exports.DEFAULT_VIRTUALIZED_LIST_CONFIG = exports.DEFAULT_POSITIONS = exports.DEFAULT_EXCLUDED_EMOJIS = exports.DEFAULT_BUTTON_EMOJI_INDEX = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+
12
+ var Faces = function Faces(props) {
13
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
14
+ d: "M20 29a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM17 18h.01M23 18h.01M17.5 23a3.5 3.5 0 0 0 5 0"
15
+ }));
16
+ };
17
+
18
+ Faces.defaultProps = {
19
+ width: "40",
20
+ height: "40",
21
+ viewBox: "0 0 40 40",
22
+ fill: "none",
23
+ xmlns: "http://www.w3.org/2000/svg"
24
+ };
25
+
26
+ var Nature = function Nature(props) {
27
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
28
+ d: "M13 29c.5-4.5 2.5-8 7-10M17 26c6.218 0 10.5-3.288 11-12v-2h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5H17z"
29
+ }));
30
+ };
31
+
32
+ Nature.defaultProps = {
33
+ width: "40",
34
+ height: "40",
35
+ viewBox: "0 0 40 40",
36
+ fill: "none",
37
+ xmlns: "http://www.w3.org/2000/svg"
38
+ };
39
+
40
+ var Language = function Language(props) {
41
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
42
+ d: "M27.5 21.572L20 29l-7.5-7.428a5 5 0 1 1 7.5-6.566 4.999 4.999 0 0 1 8.634 4.873 5 5 0 0 1-1.134 1.699"
43
+ }));
44
+ };
45
+
46
+ Language.defaultProps = {
47
+ width: "40",
48
+ height: "40",
49
+ viewBox: "0 0 40 40",
50
+ fill: "none",
51
+ xmlns: "http://www.w3.org/2000/svg"
52
+ };
53
+
54
+ var Sports = function Sports(props) {
55
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
56
+ d: "M23 17l-6 6M18 20l2 2M20 18l2 2M16 29a5 5 0 0 0-5-5"
57
+ }), /*#__PURE__*/_react.default.createElement("path", {
58
+ d: "M24 11c-7.18 0-13 5.82-13 13a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5M24 11a5 5 0 0 0 5 5"
59
+ }));
60
+ };
61
+
62
+ Sports.defaultProps = {
63
+ width: "40",
64
+ height: "40",
65
+ viewBox: "0 0 40 40",
66
+ fill: "none",
67
+ xmlns: "http://www.w3.org/2000/svg"
68
+ };
69
+
70
+ var Food = function Food(props) {
71
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
72
+ clipPath: "url(#a)"
73
+ }, /*#__PURE__*/_react.default.createElement("path", {
74
+ d: "M27.62 21.978c.07-.292.07-.597 0-.888a1.907 1.907 0 0 0 1.352-1.502 1.902 1.902 0 0 0-.76-1.87 5.975 5.975 0 0 0-.195-1.166 6.875 6.875 0 0 0-2.294-3.524 8.763 8.763 0 0 0-5.387-2.014 9.085 9.085 0 0 0-2.616.277 8.282 8.282 0 0 0-4.276 2.564 6.475 6.475 0 0 0-1.634 3.862 1.837 1.837 0 0 0-.775 1.783 1.863 1.863 0 0 0 1.153 1.513 1.91 1.91 0 0 0 0 1.037 1.906 1.906 0 0 0-1.013 2.51c.133.308.346.576.616.776v.114c-.006.27.007.54.038.81a3.15 3.15 0 0 0 3.146 2.745h10.043a3.194 3.194 0 0 0 3.205-2.96c.016-.233.014-.466.014-.7a1.903 1.903 0 0 0 .281-2.805 1.905 1.905 0 0 0-.888-.553l-.01-.01zM13.463 17.35c.255-1.361.98-2.463 2.218-3.372a7.007 7.007 0 0 1 2.922-1.229 7.48 7.48 0 0 1 1.993-.102c1.802.151 3.254.788 4.435 1.939a5.086 5.086 0 0 1 1.484 2.67c0 .034.012.066.017.099l-13.069-.005zm8.823 5.3v2.515a.303.303 0 0 1-.147.233l-.028.023c-.114.098-.285.233-.586-.063a.275.275 0 0 1-.072-.174.639.639 0 0 1 0-.098v-2.312a.801.801 0 0 0-.864-.867h-6.472a.374.374 0 0 1-.387-.456.351.351 0 0 1 .065-.136.36.36 0 0 1 .261-.145h11.586a.36.36 0 0 1 .38.22.348.348 0 0 1-.015.337.409.409 0 0 1-.344.182h-2.595c-.233 0-.506 0-.656.15a.779.779 0 0 0-.126.589v.002zm5.041-3.223a.32.32 0 0 1-.247.126H12.968a.313.313 0 0 1-.344-.233.29.29 0 0 1 .145-.307.292.292 0 0 1 .115-.036h14.172a.292.292 0 0 1 .317.333.273.273 0 0 1-.047.114v.003zm-14.47 4.097a.306.306 0 0 1 .067 0h7.145v.585h-7.133a.3.3 0 0 1-.19-.543.292.292 0 0 1 .108-.044l.003.002zm7.305 2.2c.105.32.305.6.574.802.29.229.65.351 1.02.347a1.691 1.691 0 0 0 1.604-1.15h3.267a1.63 1.63 0 0 1-.156.761 1.523 1.523 0 0 1-1.421.9c-2.535.01-5.07.01-7.605 0H14.97a1.57 1.57 0 0 1-1.557-1.436c0-.075 0-.151-.011-.233l6.76.01zm3.293-1.631v-.583h3.609a.301.301 0 0 1 .31.215.29.29 0 0 1-.146.34.272.272 0 0 1-.125.028H23.454z"
75
+ })), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
76
+ id: "a"
77
+ }, /*#__PURE__*/_react.default.createElement("path", {
78
+ fill: "#fff",
79
+ transform: "translate(11 11)",
80
+ d: "M0 0h18v18H0z"
81
+ }))));
82
+ };
83
+
84
+ Food.defaultProps = {
85
+ width: "40",
86
+ height: "40",
87
+ viewBox: "0 0 40 40",
88
+ xmlns: "http://www.w3.org/2000/svg"
89
+ };
90
+
91
+ var Travel = function Travel(props) {
92
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
93
+ d: "M24 18h4a2 2 0 0 1 0 4h-4l-4 7h-3l2-7h-4l-2 2h-3l2-4-2-4h3l2 2h4l-2-7h3l4 7z"
94
+ }));
95
+ };
96
+
97
+ Travel.defaultProps = {
98
+ width: "40",
99
+ height: "40",
100
+ viewBox: "0 0 40 40",
101
+ fill: "none",
102
+ xmlns: "http://www.w3.org/2000/svg"
103
+ };
104
+
105
+ var Creative = function Creative(props) {
106
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
107
+ d: "M26.4 13.6l-.7.7M11 20h1-1zm9-9v1-1zm8 9h1-1zm-14.4-6.4l.7.7-.7-.7zM17 24a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.499 3.499 0 0 0-1-3M17.7 25h4.6"
108
+ }));
109
+ };
110
+
111
+ Creative.defaultProps = {
112
+ width: "40",
113
+ height: "40",
114
+ viewBox: "0 0 40 40",
115
+ fill: "none",
116
+ xmlns: "http://www.w3.org/2000/svg"
117
+ };
118
+
119
+ var Flags = function Flags(props) {
120
+ return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
121
+ d: "M13 13v16M27 13v9M13 13a5 5 0 0 1 7 0 5 5 0 0 0 7 0M13 22a5 5 0 0 1 7 0 5 5 0 0 0 7 0"
122
+ }));
123
+ };
124
+
125
+ Flags.defaultProps = {
126
+ width: "40",
127
+ height: "40",
128
+ viewBox: "0 0 40 40",
129
+ fill: "none",
130
+ xmlns: "http://www.w3.org/2000/svg"
131
+ };
132
+ var DEFAULT_EXCLUDED_EMOJIS = ['smiling_face'];
133
+ exports.DEFAULT_EXCLUDED_EMOJIS = DEFAULT_EXCLUDED_EMOJIS;
134
+ var DEFAULT_VIRTUALIZED_LIST_CONFIG = {
135
+ overscan: 10,
136
+ elementsPerRow: 8,
137
+ itemPadding: 0
138
+ };
139
+ exports.DEFAULT_VIRTUALIZED_LIST_CONFIG = DEFAULT_VIRTUALIZED_LIST_CONFIG;
140
+ var DEFAULT_BUTTON_EMOJI_INDEX = 0;
141
+ exports.DEFAULT_BUTTON_EMOJI_INDEX = DEFAULT_BUTTON_EMOJI_INDEX;
142
+ var DEFAULT_POSITIONS = {
143
+ BOTTOM_LEFT: 'bottomLeft',
144
+ BOTTOM_RIGHT: 'bottomRight'
145
+ };
146
+ exports.DEFAULT_POSITIONS = DEFAULT_POSITIONS;
147
+ var GROUPS = [{
148
+ key: 'faces',
149
+ ranges: [['grinning_face', 'hear_no_evil_monkey'], ['face exhaling'], ['face in clouds', 'face with spiral eyes'], ['man beard', 'woman beard'], ['baby', 'woman_getting_haircut'], ['smiling face with tear', 'disguised face'], ['ninja', 'mx claus']],
150
+ Icon: Faces
151
+ }, {
152
+ key: 'nature',
153
+ ranges: [['footprints', 'leaf_fluttering_in_wind'], ['black cat', 'potted plant']],
154
+ Icon: Nature
155
+ }, {
156
+ key: 'food',
157
+ ranges: [['grapes', 'amphora'], ['blueberries', 'bubble tea']],
158
+ Icon: Food
159
+ }, {
160
+ key: 'sports',
161
+ ranges: [['person_walking', 'woman_in_lotus_position']],
162
+ Icon: Sports
163
+ }, {
164
+ key: 'travel',
165
+ ranges: [['globe_showing_europe_africa', 'aerial_tramway']],
166
+ Icon: Travel
167
+ }, {
168
+ key: 'creative',
169
+ ranges: [['satellite', 'moai'], ['rock', 'transgender symbol']],
170
+ Icon: Creative
171
+ }, {
172
+ key: 'language',
173
+ ranges: [['kiss_mark', 'mouth'], ['person_taking_bath', 'busts_in_silhouette'], ['atm_sign', 'black_square_button'], ['pinched fingers', 'lungs'], ['heart on fire', ['mending heart']]],
174
+ Icon: Language
175
+ }, {
176
+ key: 'flags',
177
+ ranges: [['chequered_flag', 'flag_wales'], ['transgender flag']],
178
+ Icon: Flags
179
+ }];
180
+ exports.GROUPS = GROUPS;
package/dist/components/UTEmojiPicker/index.js ADDED
@@ -0,0 +1,153 @@
1
+ "use strict";
2
+
3
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ var _propTypes = require("prop-types");
13
+
14
+ var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
15
+
16
+ var _ = require("../..");
17
+
18
+ var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
19
+
20
+ var _classesUtils = require("../../utils/classesUtils");
21
+
22
+ var _types = require("../UTDatePicker/types");
23
+
24
+ var _WithTheme = _interopRequireDefault(require("../WithTheme"));
25
+
26
+ var _theme = require("./theme");
27
+
28
+ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
29
+
30
+ var _utils = require("./utils");
31
+
32
+ var _constants = require("./constants");
33
+
34
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
+
36
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
+
38
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
39
+
40
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
41
+
42
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
43
+
44
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
45
+
46
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
47
+
48
+ 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; }
49
+
50
+ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
51
+
52
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
+
54
+ var UTEmojiPicker = function UTEmojiPicker(_ref) {
55
+ var _ref$ButtonComponent = _ref.ButtonComponent,
56
+ ButtonComponent = _ref$ButtonComponent === void 0 ? _UTTouchableWithoutFeedback.default : _ref$ButtonComponent,
57
+ themeClasses = _ref.classes,
58
+ classNames = _ref.classNames,
59
+ excludedEmojis = _ref.excludedEmojis,
60
+ groupsModifier = _ref.groupsModifier,
61
+ handlePick = _ref.handlePick,
62
+ _ref$popperPosition = _ref.popperPosition,
63
+ popperPosition = _ref$popperPosition === void 0 ? _constants.DEFAULT_POSITIONS.BOTTOM_RIGHT : _ref$popperPosition,
64
+ virtualizedListProps = _ref.virtualizedListProps;
65
+
66
+ var _useState = (0, _react.useState)(),
67
+ _useState2 = _slicedToArray(_useState, 2),
68
+ activeGroup = _useState2[0],
69
+ setActiveGroup = _useState2[1];
70
+
71
+ var _useState3 = (0, _react.useState)(false),
72
+ _useState4 = _slicedToArray(_useState3, 2),
73
+ isOpen = _useState4[0],
74
+ setIsOpen = _useState4[1];
75
+
76
+ var classes = (0, _react.useMemo)(function () {
77
+ return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
78
+ }, [classNames]);
79
+
80
+ var _useMemo = (0, _react.useMemo)(function () {
81
+ return (0, _utils.getEmojis)(groupsModifier, excludedEmojis);
82
+ }, [groupsModifier, excludedEmojis]),
83
+ emojis = _useMemo.emojis,
84
+ groups = _useMemo.groups,
85
+ buttonEmoji = _useMemo.buttonEmoji;
86
+
87
+ var toggleOpen = function toggleOpen() {
88
+ setIsOpen(!isOpen);
89
+ };
90
+
91
+ var emojiRenderer = (0, _react.useCallback)(function (emojiData) {
92
+ return /*#__PURE__*/_react.default.createElement("div", {
93
+ role: "button",
94
+ onClick: function onClick() {
95
+ handlePick(emojiData);
96
+ },
97
+ className: "".concat(_stylesModule.default.emoji, " ").concat(classes.emoji)
98
+ }, (0, _utils.getEmoji)(emojiData));
99
+ }, []);
100
+ var groupEmojiRenderer = (0, _react.useCallback)(function (_ref2) {
101
+ var Icon = _ref2.Icon,
102
+ key = _ref2.key;
103
+ var isActive = key === activeGroup;
104
+ return /*#__PURE__*/_react.default.createElement("div", {
105
+ role: "button",
106
+ onClick: function onClick() {
107
+ setActiveGroup(isActive ? null : key);
108
+ },
109
+ className: "".concat(_stylesModule.default.groupItem, " ").concat(classes.groupItem)
110
+ }, /*#__PURE__*/_react.default.createElement(Icon, {
111
+ className: isActive && "".concat(_stylesModule.default.activeIcon, " ").concat(classes.activeIcon)
112
+ }));
113
+ }, [activeGroup]);
114
+ return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
115
+ onClickAway: function onClickAway() {
116
+ return setIsOpen(false);
117
+ }
118
+ }, /*#__PURE__*/_react.default.createElement("div", {
119
+ className: _stylesModule.default.buttonContainer
120
+ }, /*#__PURE__*/_react.default.createElement(ButtonComponent, {
121
+ className: classes.emojiButton,
122
+ onClick: toggleOpen
123
+ }, buttonEmoji), /*#__PURE__*/_react.default.createElement("div", {
124
+ className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(_stylesModule.default[popperPosition], " ").concat(!isOpen && _stylesModule.default.hiddenPicker)
125
+ }, /*#__PURE__*/_react.default.createElement("div", {
126
+ className: "".concat(_stylesModule.default.groups, " ").concat(classes.groups)
127
+ }, groups.map(groupEmojiRenderer)), /*#__PURE__*/_react.default.createElement("div", {
128
+ className: "".concat(_stylesModule.default.listContainer, " ").concat(classes.listContainer)
129
+ }, /*#__PURE__*/_react.default.createElement(_.UTVirtualizedList, _extends({
130
+ data: activeGroup ? groups.find(function (_ref3) {
131
+ var key = _ref3.key;
132
+ return key === activeGroup;
133
+ }).emojis : emojis,
134
+ itemRenderer: emojiRenderer
135
+ }, _constants.DEFAULT_VIRTUALIZED_LIST_CONFIG, virtualizedListProps))))));
136
+ };
137
+
138
+ UTEmojiPicker.propTypes = {
139
+ virtualizedListProps: _propTypes.object,
140
+ // eslint-disable-line react/forbid-prop-types
141
+ groupsModifier: _propTypes.func,
142
+ excludedEmojis: (0, _propTypes.arrayOf)(_propTypes.string),
143
+ ButtonComponent: _propTypes.element,
144
+ handlePick: _propTypes.func,
145
+ popperPosition: _propTypes.string,
146
+ classNames: _types.classesPropTypes,
147
+ classes: (0, _propTypes.shape)(_propTypes.any) // eslint-disable-line react/forbid-prop-types
148
+
149
+ };
150
+
151
+ var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);
152
+
153
+ exports.default = _default;
package/dist/components/UTEmojiPicker/styles.module.scss ADDED
@@ -0,0 +1,115 @@
1
+ @import '../../scss/variables/_colors.scss';
2
+ @import '../../scss/variables/mediaQueries';
3
+
4
+ .container {
5
+ border: none;
6
+ padding: 0;
7
+ position: absolute;
8
+ transition: visibility 0.5s, opacity 0.15s ease-in-out;
9
+ z-index: 9999;
10
+
11
+ @media #{$mobile} {
12
+ left: 0;
13
+ position: absolute;
14
+ top: 110px;
15
+ }
16
+ }
17
+
18
+ .listContainer {
19
+ display: flex;
20
+ flex-direction: column;
21
+ padding: 0;
22
+
23
+ > :first-child {
24
+ box-sizing: border-box;
25
+ padding: 8px;
26
+ }
27
+
28
+ ::-webkit-scrollbar {
29
+ width: 7px;
30
+ }
31
+
32
+ ::-webkit-scrollbar-thumb {
33
+ background-color: transparent;
34
+ min-height: 20px;
35
+ width: 9px;
36
+ }
37
+
38
+ &:hover ::-webkit-scrollbar-thumb {
39
+ background-color: $gray-3;
40
+ }
41
+
42
+ ::-webkit-scrollbar-thumb:hover {
43
+ background: $gray;
44
+ }
45
+
46
+ @media #{$mobile} {
47
+ width: 100vw;
48
+ }
49
+ }
50
+
51
+ .hiddenPicker {
52
+ opacity: 0;
53
+ visibility: hidden;
54
+ }
55
+
56
+ .buttonContainer {
57
+ position: relative;
58
+
59
+ @media #{$mobile} {
60
+ position: unset;
61
+ }
62
+ }
63
+
64
+ .emoji {
65
+ align-items: center;
66
+ cursor: pointer;
67
+ display: flex;
68
+ justify-content: center;
69
+ user-select: none;
70
+ }
71
+
72
+ .activeIcon {
73
+ transition: background-color 200ms linear;
74
+
75
+ > path {
76
+ stroke: inherit;
77
+ }
78
+ > g {
79
+ fill: inherit;
80
+ > path {
81
+ fill: inherit;
82
+ }
83
+ }
84
+ }
85
+
86
+ .groups {
87
+ display: flex;
88
+ }
89
+
90
+ .groupItem {
91
+ &:hover {
92
+ cursor: pointer;
93
+ }
94
+ > g {
95
+ fill: inherit;
96
+ > path {
97
+ fill: inherit;
98
+ }
99
+ }
100
+ }
101
+
102
+ .bottomRight {
103
+ @media #{$desktop-tablet} {
104
+ left: 0 !important;
105
+ top: 100% !important;
106
+ }
107
+ }
108
+
109
+ .bottomLeft {
110
+ @media #{$desktop-tablet} {
111
+ left: auto !important;
112
+ right: 0 !important;
113
+ top: 100% !important;
114
+ }
115
+ }
package/dist/components/UTEmojiPicker/theme.js ADDED
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.retrieveStyle = void 0;
7
+
8
+ var retrieveStyle = function retrieveStyle(theme) {
9
+ var _theme$UTEmojiPicker, _theme$UTEmojiPicker$, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21, _theme$UTEmojiPicker22, _theme$UTEmojiPicker23, _theme$UTEmojiPicker24, _theme$UTEmojiPicker25, _theme$UTEmojiPicker26, _theme$UTEmojiPicker27, _theme$UTEmojiPicker28, _theme$UTEmojiPicker29, _theme$UTEmojiPicker30, _theme$UTEmojiPicker31, _theme$UTEmojiPicker32, _theme$UTEmojiPicker33, _theme$UTEmojiPicker34, _theme$UTEmojiPicker35, _theme$UTEmojiPicker36, _theme$UTEmojiPicker37, _theme$UTEmojiPicker38, _theme$UTEmojiPicker39, _theme$UTEmojiPicker40, _theme$UTEmojiPicker41, _theme$UTEmojiPicker42, _theme$UTEmojiPicker43, _theme$UTEmojiPicker44, _theme$UTEmojiPicker45, _theme$UTEmojiPicker46, _theme$UTEmojiPicker47, _theme$UTEmojiPicker48, _theme$UTEmojiPicker49, _theme$UTEmojiPicker50;
10
+
11
+ return {
12
+ container: {
13
+ backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 ? void 0 : (_theme$UTEmojiPicker$ = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker$ === void 0 ? void 0 : _theme$UTEmojiPicker$.backgroundColor) || '#FFF',
14
+ boxShadow: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.boxShadow) || '0px 3px 6px #E4E6EA',
15
+ left: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.left,
16
+ right: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.right,
17
+ top: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker8.container) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.top,
18
+ bottom: theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker10.container) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.bottom
19
+ },
20
+ listContainer: {
21
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker12.listContainer) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.height) || '216px',
22
+ width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker14.listContainer) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.width) || '336px'
23
+ },
24
+ emoji: {
25
+ borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker16.emoji) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.borderRadius) || '4px',
26
+ fontSize: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker18.emoji) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.fontSize) || '20px',
27
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker20.emoji) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.height) || '32px',
28
+ width: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker22 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker22 === void 0 ? void 0 : (_theme$UTEmojiPicker23 = _theme$UTEmojiPicker22.emoji) === null || _theme$UTEmojiPicker23 === void 0 ? void 0 : _theme$UTEmojiPicker23.width) || '32px',
29
+ margin: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker24 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker24 === void 0 ? void 0 : (_theme$UTEmojiPicker25 = _theme$UTEmojiPicker24.emoji) === null || _theme$UTEmojiPicker25 === void 0 ? void 0 : _theme$UTEmojiPicker25.margin) || '4px',
30
+ '&:hover': {
31
+ backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker26 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker26 === void 0 ? void 0 : (_theme$UTEmojiPicker27 = _theme$UTEmojiPicker26.emoji) === null || _theme$UTEmojiPicker27 === void 0 ? void 0 : (_theme$UTEmojiPicker28 = _theme$UTEmojiPicker27.hover) === null || _theme$UTEmojiPicker28 === void 0 ? void 0 : _theme$UTEmojiPicker28.backgroundColor) || '#E9F0FD'
32
+ }
33
+ },
34
+ groupItem: {
35
+ height: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker29 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker29 === void 0 ? void 0 : (_theme$UTEmojiPicker30 = _theme$UTEmojiPicker29.groupItem) === null || _theme$UTEmojiPicker30 === void 0 ? void 0 : _theme$UTEmojiPicker30.height) || '40px',
36
+ stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker31 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker31 === void 0 ? void 0 : (_theme$UTEmojiPicker32 = _theme$UTEmojiPicker31.groupItem) === null || _theme$UTEmojiPicker32 === void 0 ? void 0 : _theme$UTEmojiPicker32.color) || '#677489',
37
+ fill: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker33 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker33 === void 0 ? void 0 : (_theme$UTEmojiPicker34 = _theme$UTEmojiPicker33.groupItem) === null || _theme$UTEmojiPicker34 === void 0 ? void 0 : _theme$UTEmojiPicker34.color) || '#677489'
38
+ },
39
+ activeIcon: {
40
+ backgroundColor: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker35 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker35 === void 0 ? void 0 : (_theme$UTEmojiPicker36 = _theme$UTEmojiPicker35.groupItem) === null || _theme$UTEmojiPicker36 === void 0 ? void 0 : (_theme$UTEmojiPicker37 = _theme$UTEmojiPicker36.active) === null || _theme$UTEmojiPicker37 === void 0 ? void 0 : _theme$UTEmojiPicker37.backgroundColor) || '#E9F0FD',
41
+ borderRadius: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker38 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker38 === void 0 ? void 0 : (_theme$UTEmojiPicker39 = _theme$UTEmojiPicker38.groupItem) === null || _theme$UTEmojiPicker39 === void 0 ? void 0 : (_theme$UTEmojiPicker40 = _theme$UTEmojiPicker39.active) === null || _theme$UTEmojiPicker40 === void 0 ? void 0 : _theme$UTEmojiPicker40.borderRadius) || '5px',
42
+ stroke: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker41 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker41 === void 0 ? void 0 : (_theme$UTEmojiPicker42 = _theme$UTEmojiPicker41.groupItem) === null || _theme$UTEmojiPicker42 === void 0 ? void 0 : (_theme$UTEmojiPicker43 = _theme$UTEmojiPicker42.active) === null || _theme$UTEmojiPicker43 === void 0 ? void 0 : _theme$UTEmojiPicker43.color) || '#2b70fb',
43
+ fill: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker44 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker44 === void 0 ? void 0 : (_theme$UTEmojiPicker45 = _theme$UTEmojiPicker44.groupItem) === null || _theme$UTEmojiPicker45 === void 0 ? void 0 : (_theme$UTEmojiPicker46 = _theme$UTEmojiPicker45.active) === null || _theme$UTEmojiPicker46 === void 0 ? void 0 : _theme$UTEmojiPicker46.color) || '#2b70fb'
44
+ },
45
+ groups: {
46
+ borderBottom: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker47 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker47 === void 0 ? void 0 : (_theme$UTEmojiPicker48 = _theme$UTEmojiPicker47.groups) === null || _theme$UTEmojiPicker48 === void 0 ? void 0 : _theme$UTEmojiPicker48.borderBottom) || '1px solid #E4E6EA',
47
+ padding: (theme === null || theme === void 0 ? void 0 : (_theme$UTEmojiPicker49 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker49 === void 0 ? void 0 : (_theme$UTEmojiPicker50 = _theme$UTEmojiPicker49.groups) === null || _theme$UTEmojiPicker50 === void 0 ? void 0 : _theme$UTEmojiPicker50.padding) || '8px'
48
+ }
49
+ };
50
+ };
51
+
52
+ exports.retrieveStyle = retrieveStyle;
package/dist/components/UTEmojiPicker/utils.js ADDED
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.getEmojis = exports.getEmoji = void 0;
7
+
8
+ var _emojilib = _interopRequireDefault(require("emojilib"));
9
+
10
+ var _constants = require("./constants");
11
+
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
14
+ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
15
+
16
+ function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
+
18
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
+
20
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
21
+
22
+ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
23
+
24
+ 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; }
25
+
26
+ var getKey = function getKey(emoji) {
27
+ return emoji[1][0];
28
+ };
29
+
30
+ var getEmoji = function getEmoji(emoji) {
31
+ return emoji[0];
32
+ };
33
+
34
+ exports.getEmoji = getEmoji;
35
+
36
+ var findEmojiIndex = function findEmojiIndex(emojis, key) {
37
+ return emojis.findIndex(function (emoji) {
38
+ return key === getKey(emoji);
39
+ });
40
+ };
41
+
42
+ var getGroups = function getGroups(emojis) {
43
+ return _constants.GROUPS.map(function (groupDefinition) {
44
+ return {
45
+ key: groupDefinition.key,
46
+ Icon: groupDefinition.Icon,
47
+ emojis: groupDefinition.ranges.flatMap(function (range) {
48
+ var subgroupStart = findEmojiIndex(emojis, range[0]);
49
+ var subgroupEnd = range.length > 1 && findEmojiIndex(emojis, range[1]);
50
+ return subgroupEnd ? emojis.slice(subgroupStart, subgroupEnd) : [emojis[subgroupStart]];
51
+ })
52
+ };
53
+ });
54
+ };
55
+
56
+ var getEmojis = function getEmojis(groupsModifier) {
57
+ var excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
58
+ var filteredEmojisArray = Object.entries(_emojilib.default).filter(function (emoji) {
59
+ return ![].concat(_toConsumableArray(_constants.DEFAULT_EXCLUDED_EMOJIS), _toConsumableArray(excludedEmojis)).includes(getKey(emoji));
60
+ });
61
+ var legacyGroups = getGroups(filteredEmojisArray);
62
+ var groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
63
+ return {
64
+ emojis: filteredEmojisArray,
65
+ groups: groups,
66
+ buttonEmoji: getEmoji(filteredEmojisArray[_constants.DEFAULT_BUTTON_EMOJI_INDEX])
67
+ };
68
+ };
69
+
70
+ exports.getEmojis = getEmojis;
package/dist/components/UTMenu/index.js CHANGED
@@ -95,13 +95,6 @@ var UTMenu = function UTMenu(_ref) {
95
95
  var classes = (0, _react.useMemo)(function () {
96
96
  return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
97
97
  }, [classNames]);
98
- (0, _react.useEffect)(function () {
99
- if (lockScreenEnabled && anchor) (0, _utils.lockScreen)(blockerRef, true);
100
- return function () {
101
- document.body.style.overflow = 'unset';
102
- return lockScreenEnabled && (0, _utils.lockScreen)(blockerRef, false);
103
- };
104
- }, [anchor]);
105
98
 
106
99
  var _useState = (0, _react.useState)(null),
107
100
  _useState2 = _slicedToArray(_useState, 2),
@@ -116,7 +109,11 @@ var UTMenu = function UTMenu(_ref) {
116
109
  (0, _react.useEffect)(function () {
117
110
  var shouldOpen = anchor && (items === null || items === void 0 ? void 0 : items.length) > 0;
118
111
  handleOpenState(shouldOpen);
119
- if (shouldOpen) document.body.style.overflow = 'hidden';
112
+ if (lockScreenEnabled && anchor) (0, _utils.lockScreen)(blockerRef, true);
113
+ return function () {
114
+ document.body.style.overflow = 'unset';
115
+ return lockScreenEnabled && (0, _utils.lockScreen)(blockerRef, false);
116
+ };
120
117
  }, [anchor, items]);
121
118
  var popperModifiers = Object.assign({
122
119
  arrow: {
package/dist/components/UTTable/hook.js CHANGED
@@ -41,7 +41,9 @@ var useResizeObserver = function useResizeObserver() {
41
41
  var _ref2 = _slicedToArray(_ref, 1),
42
42
  entry = _ref2[0];
43
43
 
44
- return setObserverEntry(entry);
44
+ window.requestAnimationFrame(function () {
45
+ setObserverEntry(entry);
46
+ });
45
47
  };
46
48
 
47
49
  var observe = (0, _react.useCallback)(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@widergy/energy-ui",
3
- "version": "1.112.0",
3
+ "version": "1.113.0",
4
4
  "description": "Widergy Web Components",
5
5
  "author": "widergy",
6
6
  "license": "MIT",
@@ -37,6 +37,7 @@
37
37
  "babel-plugin-named-asset-import": "^0.3.2",
38
38
  "d3": "^7.0.1",
39
39
  "dayjs": "^1.10.7",
40
+ "emojilib": "3.0.5",
40
41
  "node-sass": "^4.9.0",
41
42
  "numeral": "^2.0.6",
42
43
  "react-google-maps": ">=9.2.2",