@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTDotMenu/index.js

@@ -1,94 +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); }
-import React, { useState } from 'react';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import { arrayOf, bool, elementType, func, object, oneOfType, shape, string } from 'prop-types';
-import UTButton from '../UTButton';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import { DEFAULT_PROPS } from './constants';
-import styles from './styles.module.scss';
-const UTDotMenu = _ref => {
-  let {
-    className,
-    classNames = DEFAULT_PROPS.classNames,
-    dataTestId,
-    disabled,
-    Icon = DEFAULT_PROPS.Icon,
-    menuItemProps,
-    menuProps,
-    options,
-    size
-  } = _ref;
-  const [anchorEl, setAnchorEl] = useState(null);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      icon: classNames.icon,
-      root: classNames.button
-    },
-    dataTestId: dataTestId ? "".concat(dataTestId, ".button") : undefined,
-    disabled: disabled,
-    Icon: Icon,
-    onClick: event => setAnchorEl(event.currentTarget),
-    size: size,
-    variant: "text"
-  }), /*#__PURE__*/React.createElement(Menu, _extends({
-    id: "long-menu",
-    anchorEl: anchorEl,
-    open: Boolean(anchorEl),
-    onClose: () => setAnchorEl(null)
-  }, menuProps, {
-    PaperProps: {
-      style: {
-        borderRadius: 'var(--radius-md, 8px)'
-      },
-      ...(menuProps === null || menuProps === void 0 ? void 0 : menuProps.PaperProps)
-    }
-  }), options.map((option, index) => {
-    const {
-      colorTheme,
-      dataTestId: optionTestId,
-      icon,
-      iconProps,
-      name,
-      onPress
-    } = option;
-    const itemTestId = optionTestId !== null && optionTestId !== void 0 ? optionTestId : dataTestId ? "".concat(dataTestId, ".").concat(index) : undefined;
-    return /*#__PURE__*/React.createElement(MenuItem, _extends({
-      "data-testid": itemTestId,
-      key: name,
-      onClick: onPress
-    }, menuItemProps), icon && /*#__PURE__*/React.createElement(UTIcon, _extends({
-      className: styles.optionIcon,
-      colorTheme: colorTheme,
-      name: icon
-    }, iconProps)), /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: colorTheme
-    }, name));
-  })));
-};
-UTDotMenu.propTypes = {
-  className: string,
-  classNames: shape({
-    button: string,
-    icon: string
-  }),
-  dataTestId: string,
-  disabled: bool,
-  Icon: oneOfType([elementType, string]),
-  menuItemProps: object,
-  menuProps: object,
-  options: arrayOf(shape({
-    colorTheme: string,
-    dataTestId: string,
-    icon: string,
-    iconProps: object,
-    name: string,
-    onPress: func
-  })),
-  size: string
-};
-export default UTDotMenu;
+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)}import React,{useState}from"react";import Menu from"@material-ui/core/Menu";import MenuItem from"@material-ui/core/MenuItem";import{arrayOf,bool,elementType,func,object,oneOfType,shape,string}from"prop-types";import UTButton from"../UTButton";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import{DEFAULT_PROPS}from"./constants";import styles from"./styles.module.scss";const UTDotMenu=_ref=>{let{className:className,classNames:classNames=DEFAULT_PROPS.classNames,dataTestId:dataTestId,disabled:disabled,Icon:Icon=DEFAULT_PROPS.Icon,menuItemProps:menuItemProps,menuProps:menuProps,options:options,size:size}=_ref;const[anchorEl,setAnchorEl]=useState(null);return React.createElement("div",{className:className,"data-testid":dataTestId},React.createElement(UTButton,{classNames:{icon:classNames.icon,root:classNames.button},dataTestId:dataTestId?"".concat(dataTestId,".button"):void 0,disabled:disabled,Icon:Icon,onClick:event=>setAnchorEl(event.currentTarget),size:size,variant:"text"}),React.createElement(Menu,_extends({id:"long-menu",anchorEl:anchorEl,open:Boolean(anchorEl),onClose:()=>setAnchorEl(null)},menuProps,{PaperProps:{style:{borderRadius:"var(--radius-md, 8px)"},...null==menuProps?void 0:menuProps.PaperProps}}),options.map((option,index)=>{const{colorTheme:colorTheme,dataTestId:optionTestId,icon:icon,iconProps:iconProps,name:name,onPress:onPress}=option,itemTestId=null!=optionTestId?optionTestId:dataTestId?"".concat(dataTestId,".").concat(index):void 0;return React.createElement(MenuItem,_extends({"data-testid":itemTestId,key:name,onClick:onPress},menuItemProps),icon&&React.createElement(UTIcon,_extends({className:styles.optionIcon,colorTheme:colorTheme,name:icon},iconProps)),React.createElement(UTLabel,{colorTheme:colorTheme},name))})))};UTDotMenu.propTypes={className:string,classNames:shape({button:string,icon:string}),dataTestId:string,disabled:bool,Icon:oneOfType([elementType,string]),menuItemProps:object,menuProps:object,options:arrayOf(shape({colorTheme:string,dataTestId:string,icon:string,iconProps:object,name:string,onPress:func})),size:string};export default UTDotMenu;

package/dist/esm/components/UTEmojiPicker/constants.js

@@ -1,195 +1 @@
-import React from "react";
-var Faces = function Faces(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "9"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9 10h.01M15 10h.01M9.5 15a3.5 3.5 0 0 0 5 0"
-  }));
-};
-Faces.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-mood-smile",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Nature = function Nature(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M5 21c.5-4.5 2.5-8 7-10"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"
-  }));
-};
-Nature.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-leaf",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Language = function Language(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M19.5 13.572 12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"
-  }));
-};
-Language.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-heart",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Sports = function Sports(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16 3a5 5 0 0 0 5 5"
-  }));
-};
-Sports.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-ball-american-football",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Food = function Food(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M12 21.5c-3.04 0-5.952-.714-8.5-1.983L12 3l8.5 16.517A19.09 19.09 0 0 1 12 21.5z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.38 15.866a14.94 14.94 0 0 0 6.815 1.634 14.944 14.944 0 0 0 6.502-1.479M13 11.01V11M11 14v-.01"
-  }));
-};
-Food.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-pizza",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Travel = function Travel(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M16 10h4a2 2 0 0 1 0 4h-4l-4 7H9l2-7H7l-2 2H2l2-4-2-4h3l2 2h4L9 3h3z"
-  }));
-};
-Travel.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-plane",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Creative = function Creative(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"
-  }));
-};
-Creative.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-bulb",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var Flags = function Flags(props) {
-  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
-    d: "M5 5v16M19 5v9M5 5a5 5 0 0 1 7 0 5 5 0 0 0 7 0M5 14a5 5 0 0 1 7 0 5 5 0 0 0 7 0"
-  }));
-};
-Flags.defaultProps = {
-  xmlns: "http://www.w3.org/2000/svg",
-  className: "icon icon-tabler icon-tabler-flag",
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  strokeWidth: "2",
-  stroke: "#677489",
-  fill: "none",
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-export const 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'];
-export const DEFAULT_VIRTUALIZED_LIST_CONFIG = {
-  overscan: 10,
-  elementsPerRow: 8,
-  itemPadding: 0
-};
-export const DEFAULT_BUTTON_EMOJI_INDEX = 0;
-export const DEFAULT_POSITIONS = {
-  BOTTOM_LEFT: 'bottomLeft',
-  BOTTOM_RIGHT: 'bottomRight',
-  TOP_LEFT: 'topLeft',
-  TOP_RIGHT: 'topRight'
-};
-export const GROUPS = [{
-  key: 'faces',
-  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']],
-  Icon: Faces
-}, {
-  key: 'nature',
-  ranges: [['footprints', 'leaf_fluttering_in_wind'], ['black cat', 'potted plant']],
-  Icon: Nature
-}, {
-  key: 'food',
-  ranges: [['grapes', 'amphora'], ['blueberries', 'bubble tea']],
-  Icon: Food
-}, {
-  key: 'sports',
-  ranges: [['person_walking', 'woman_in_lotus_position']],
-  Icon: Sports
-}, {
-  key: 'travel',
-  ranges: [['globe_showing_europe_africa', 'aerial_tramway']],
-  Icon: Travel
-}, {
-  key: 'creative',
-  ranges: [['satellite', 'moai'], ['rock', 'transgender symbol']],
-  Icon: Creative
-}, {
-  key: 'language',
-  ranges: [['kiss_mark', 'mouth'], ['person_taking_bath', 'busts_in_silhouette'], ['atm_sign', 'black_square_button'], ['pinched fingers', 'lungs'], ['heart on fire', ['mending heart']]],
-  Icon: Language
-}, {
-  key: 'flags',
-  ranges: [['chequered_flag', 'pirate_flag'], ['transgender flag']],
-  Icon: Flags
-}];
+import React from"react";var Faces=function(props){return React.createElement("svg",props,React.createElement("circle",{cx:"12",cy:"12",r:"9"}),React.createElement("path",{d:"M9 10h.01M15 10h.01M9.5 15a3.5 3.5 0 0 0 5 0"}))};Faces.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-mood-smile",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Nature=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M5 21c.5-4.5 2.5-8 7-10"}),React.createElement("path",{d:"M9 18c6.218 0 10.5-3.288 11-12V4h-4.014c-9 0-11.986 4-12 9 0 1 0 3 2 5h3z"}))};Nature.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-leaf",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Language=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M19.5 13.572 12 21l-7.5-7.428m0 0A5 5 0 1 1 12 7.006a5 5 0 1 1 7.5 6.572"}))};Language.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-heart",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Sports=function(props){return React.createElement("svg",props,React.createElement("path",{d:"m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"}),React.createElement("path",{d:"M16 3C8.82 3 3 8.82 3 16a5 5 0 0 0 5 5c7.18 0 13-5.82 13-13a5 5 0 0 0-5-5"}),React.createElement("path",{d:"M16 3a5 5 0 0 0 5 5"}))};Sports.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-ball-american-football",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Food=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M12 21.5c-3.04 0-5.952-.714-8.5-1.983L12 3l8.5 16.517A19.09 19.09 0 0 1 12 21.5z"}),React.createElement("path",{d:"M5.38 15.866a14.94 14.94 0 0 0 6.815 1.634 14.944 14.944 0 0 0 6.502-1.479M13 11.01V11M11 14v-.01"}))};Food.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-pizza",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Travel=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M16 10h4a2 2 0 0 1 0 4h-4l-4 7H9l2-7H7l-2 2H2l2-4-2-4h3l2 2h4L9 3h3z"}))};Travel.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-plane",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Creative=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3M9.7 17h4.6"}))};Creative.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-bulb",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};var Flags=function(props){return React.createElement("svg",props,React.createElement("path",{d:"M5 5v16M19 5v9M5 5a5 5 0 0 1 7 0 5 5 0 0 0 7 0M5 14a5 5 0 0 1 7 0 5 5 0 0 0 7 0"}))};Flags.defaultProps={xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-flag",width:"24",height:"24",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"#677489",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"};export const 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"];export const DEFAULT_VIRTUALIZED_LIST_CONFIG={overscan:10,elementsPerRow:8,itemPadding:0};export const DEFAULT_BUTTON_EMOJI_INDEX=0;export const DEFAULT_POSITIONS={BOTTOM_LEFT:"bottomLeft",BOTTOM_RIGHT:"bottomRight",TOP_LEFT:"topLeft",TOP_RIGHT:"topRight"};export const GROUPS=[{key:"faces",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"]],Icon:Faces},{key:"nature",ranges:[["footprints","leaf_fluttering_in_wind"],["black cat","potted plant"]],Icon:Nature},{key:"food",ranges:[["grapes","amphora"],["blueberries","bubble tea"]],Icon:Food},{key:"sports",ranges:[["person_walking","woman_in_lotus_position"]],Icon:Sports},{key:"travel",ranges:[["globe_showing_europe_africa","aerial_tramway"]],Icon:Travel},{key:"creative",ranges:[["satellite","moai"],["rock","transgender symbol"]],Icon:Creative},{key:"language",ranges:[["kiss_mark","mouth"],["person_taking_bath","busts_in_silhouette"],["atm_sign","black_square_button"],["pinched fingers","lungs"],["heart on fire",["mending heart"]]],Icon:Language},{key:"flags",ranges:[["chequered_flag","pirate_flag"],["transgender flag"]],Icon:Flags}];

package/dist/esm/components/UTEmojiPicker/index.js

@@ -1,95 +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); }
-import React, { useCallback, useMemo, useState } from 'react';
-import { arrayOf, elementType, func, object, bool, objectOf, string } from 'prop-types';
-import ClickAwayListener from '@material-ui/core/ClickAwayListener';
-import { UTVirtualizedList } from '../..';
-import UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-import { getEmoji, getEmojis } from './utils';
-import { DEFAULT_POSITIONS, DEFAULT_VIRTUALIZED_LIST_CONFIG } from './constants';
-const UTEmojiPicker = _ref => {
-  let {
-    ButtonComponent = UTTouchableWithoutFeedback,
-    classes: themeClasses,
-    classNames,
-    closeOnPick = true,
-    excludedEmojis,
-    groupsModifier,
-    handlePick,
-    popperPosition = DEFAULT_POSITIONS.BOTTOM_RIGHT,
-    virtualizedListProps
-  } = _ref;
-  const [activeGroup, setActiveGroup] = useState();
-  const [isOpen, setIsOpen] = useState(false);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const {
-    emojis,
-    groups,
-    buttonEmoji
-  } = useMemo(() => getEmojis(groupsModifier, excludedEmojis), [groupsModifier, excludedEmojis]);
-  const toggleOpen = () => {
-    setIsOpen(!isOpen);
-  };
-  const emojiRenderer = useCallback(emojiData => /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    onMouseDown: e => {
-      e.preventDefault();
-      if (closeOnPick) setIsOpen(false);
-      handlePick(emojiData);
-    },
-    className: "".concat(styles.emoji, " ").concat(classes.emoji)
-  }, getEmoji(emojiData)), [handlePick]);
-  const groupEmojiRenderer = useCallback(_ref2 => {
-    let {
-      Icon,
-      key
-    } = _ref2;
-    const isActive = key === activeGroup;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.groupItem, " ").concat(classes.groupItem),
-      key: key,
-      onClick: () => setActiveGroup(isActive ? null : key),
-      role: "button",
-      "aria-label": "group"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      className: isActive ? "".concat(styles.activeIcon, " ").concat(classes.activeIcon) : ''
-    }));
-  }, [activeGroup]);
-  return /*#__PURE__*/React.createElement(ClickAwayListener, {
-    onClickAway: () => setIsOpen(false)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.buttonContainer
-  }, /*#__PURE__*/React.createElement(ButtonComponent, {
-    className: classes.emojiButton,
-    onClick: toggleOpen
-  }, buttonEmoji), /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.container, "\n            ").concat(classes.container, "\n            ").concat(styles[popperPosition], "\n            ").concat(!isOpen && styles.hiddenPicker, "\n          ")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.groups, " ").concat(classes.groups)
-  }, groups.map(groupEmojiRenderer)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.listContainer, " ").concat(classes.listContainer)
-  }, /*#__PURE__*/React.createElement(UTVirtualizedList, _extends({
-    data: activeGroup ? groups.find(_ref3 => {
-      let {
-        key
-      } = _ref3;
-      return key === activeGroup;
-    }).emojis : emojis,
-    itemRenderer: emojiRenderer
-  }, DEFAULT_VIRTUALIZED_LIST_CONFIG, virtualizedListProps))))));
-};
-UTEmojiPicker.propTypes = {
-  ButtonComponent: elementType,
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  closeOnPick: bool,
-  excludedEmojis: arrayOf(string),
-  handlePick: func,
-  groupsModifier: func,
-  popperPosition: string,
-  virtualizedListProps: object
-};
-export default WithTheme(retrieveStyle)(UTEmojiPicker);
+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)}import React,{useCallback,useMemo,useState}from"react";import{arrayOf,elementType,func,object,bool,objectOf,string}from"prop-types";import ClickAwayListener from"@material-ui/core/ClickAwayListener";import{UTVirtualizedList}from"../..";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";import{getEmoji,getEmojis}from"./utils";import{DEFAULT_POSITIONS,DEFAULT_VIRTUALIZED_LIST_CONFIG}from"./constants";const UTEmojiPicker=_ref=>{let{ButtonComponent:ButtonComponent=UTTouchableWithoutFeedback,classes:themeClasses,classNames:classNames,closeOnPick:closeOnPick=!0,excludedEmojis:excludedEmojis,groupsModifier:groupsModifier,handlePick:handlePick,popperPosition:popperPosition=DEFAULT_POSITIONS.BOTTOM_RIGHT,virtualizedListProps:virtualizedListProps}=_ref;const[activeGroup,setActiveGroup]=useState(),[isOpen,setIsOpen]=useState(!1),classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),{emojis:emojis,groups:groups,buttonEmoji:buttonEmoji}=useMemo(()=>getEmojis(groupsModifier,excludedEmojis),[groupsModifier,excludedEmojis]),emojiRenderer=useCallback(emojiData=>React.createElement("div",{role:"button",onMouseDown:e=>{e.preventDefault(),closeOnPick&&setIsOpen(!1),handlePick(emojiData)},className:"".concat(styles.emoji," ").concat(classes.emoji)},getEmoji(emojiData)),[handlePick]),groupEmojiRenderer=useCallback(_ref2=>{let{Icon:Icon,key:key}=_ref2;const isActive=key===activeGroup;return React.createElement("div",{className:"".concat(styles.groupItem," ").concat(classes.groupItem),key:key,onClick:()=>setActiveGroup(isActive?null:key),role:"button","aria-label":"group"},React.createElement(Icon,{className:isActive?"".concat(styles.activeIcon," ").concat(classes.activeIcon):""}))},[activeGroup]);return React.createElement(ClickAwayListener,{onClickAway:()=>setIsOpen(!1)},React.createElement("div",{className:styles.buttonContainer},React.createElement(ButtonComponent,{className:classes.emojiButton,onClick:()=>{setIsOpen(!isOpen)}},buttonEmoji),React.createElement("div",{className:"\n            ".concat(styles.container,"\n            ").concat(classes.container,"\n            ").concat(styles[popperPosition],"\n            ").concat(!isOpen&&styles.hiddenPicker,"\n          ")},React.createElement("div",{className:"".concat(styles.groups," ").concat(classes.groups)},groups.map(groupEmojiRenderer)),React.createElement("div",{className:"".concat(styles.listContainer," ").concat(classes.listContainer)},React.createElement(UTVirtualizedList,_extends({data:activeGroup?groups.find(_ref3=>{let{key:key}=_ref3;return key===activeGroup}).emojis:emojis,itemRenderer:emojiRenderer},DEFAULT_VIRTUALIZED_LIST_CONFIG,virtualizedListProps))))))};UTEmojiPicker.propTypes={ButtonComponent:elementType,classes:objectOf(string),classNames:objectOf(string),closeOnPick:bool,excludedEmojis:arrayOf(string),handlePick:func,groupsModifier:func,popperPosition:string,virtualizedListProps:object};export default WithTheme(retrieveStyle)(UTEmojiPicker);

package/dist/esm/components/UTEmojiPicker/theme.js

@@ -1,46 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$UTEmojiPicker, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker0, _theme$UTEmojiPicker1, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || Colors.white,
-      borderRadius: theme === null || theme === void 0 || (_theme$UTEmojiPicker2 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker2 === void 0 || (_theme$UTEmojiPicker2 = _theme$UTEmojiPicker2.container) === null || _theme$UTEmojiPicker2 === void 0 ? void 0 : _theme$UTEmojiPicker2.borderRadius,
-      bottom: theme === null || theme === void 0 || (_theme$UTEmojiPicker3 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker3 === void 0 || (_theme$UTEmojiPicker3 = _theme$UTEmojiPicker3.container) === null || _theme$UTEmojiPicker3 === void 0 ? void 0 : _theme$UTEmojiPicker3.bottom,
-      boxShadow: (theme === null || theme === void 0 || (_theme$UTEmojiPicker4 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker4 === void 0 || (_theme$UTEmojiPicker4 = _theme$UTEmojiPicker4.container) === null || _theme$UTEmojiPicker4 === void 0 ? void 0 : _theme$UTEmojiPicker4.boxShadow) || '0px 3px 6px #E4E6EA',
-      left: theme === null || theme === void 0 || (_theme$UTEmojiPicker5 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker5 === void 0 || (_theme$UTEmojiPicker5 = _theme$UTEmojiPicker5.container) === null || _theme$UTEmojiPicker5 === void 0 ? void 0 : _theme$UTEmojiPicker5.left,
-      right: theme === null || theme === void 0 || (_theme$UTEmojiPicker6 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker6 === void 0 || (_theme$UTEmojiPicker6 = _theme$UTEmojiPicker6.container) === null || _theme$UTEmojiPicker6 === void 0 ? void 0 : _theme$UTEmojiPicker6.right,
-      top: theme === null || theme === void 0 || (_theme$UTEmojiPicker7 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker7 === void 0 || (_theme$UTEmojiPicker7 = _theme$UTEmojiPicker7.container) === null || _theme$UTEmojiPicker7 === void 0 ? void 0 : _theme$UTEmojiPicker7.top
-    },
-    listContainer: {
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker8 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker8 === void 0 || (_theme$UTEmojiPicker8 = _theme$UTEmojiPicker8.listContainer) === null || _theme$UTEmojiPicker8 === void 0 ? void 0 : _theme$UTEmojiPicker8.height) || 216,
-      width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker9 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker9 === void 0 || (_theme$UTEmojiPicker9 = _theme$UTEmojiPicker9.listContainer) === null || _theme$UTEmojiPicker9 === void 0 ? void 0 : _theme$UTEmojiPicker9.width) || 336
-    },
-    emoji: {
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker0 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker0 === void 0 || (_theme$UTEmojiPicker0 = _theme$UTEmojiPicker0.emoji) === null || _theme$UTEmojiPicker0 === void 0 ? void 0 : _theme$UTEmojiPicker0.borderRadius) || 4,
-      fontSize: (theme === null || theme === void 0 || (_theme$UTEmojiPicker1 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker1 === void 0 || (_theme$UTEmojiPicker1 = _theme$UTEmojiPicker1.emoji) === null || _theme$UTEmojiPicker1 === void 0 ? void 0 : _theme$UTEmojiPicker1.fontSize) || 20,
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker10 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker10 === void 0 || (_theme$UTEmojiPicker10 = _theme$UTEmojiPicker10.emoji) === null || _theme$UTEmojiPicker10 === void 0 ? void 0 : _theme$UTEmojiPicker10.height) || 32,
-      margin: (theme === null || theme === void 0 || (_theme$UTEmojiPicker11 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker11 === void 0 || (_theme$UTEmojiPicker11 = _theme$UTEmojiPicker11.emoji) === null || _theme$UTEmojiPicker11 === void 0 ? void 0 : _theme$UTEmojiPicker11.margin) || 4,
-      width: (theme === null || theme === void 0 || (_theme$UTEmojiPicker12 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker12 === void 0 || (_theme$UTEmojiPicker12 = _theme$UTEmojiPicker12.emoji) === null || _theme$UTEmojiPicker12 === void 0 ? void 0 : _theme$UTEmojiPicker12.width) || 32,
-      '&:hover': {
-        backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker13 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker13 === void 0 || (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker13.emoji) === null || _theme$UTEmojiPicker13 === void 0 || (_theme$UTEmojiPicker13 = _theme$UTEmojiPicker13.hover) === null || _theme$UTEmojiPicker13 === void 0 ? void 0 : _theme$UTEmojiPicker13.backgroundColor) || '#E9F0FD'
-      }
-    },
-    groupItem: {
-      height: (theme === null || theme === void 0 || (_theme$UTEmojiPicker14 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker14 === void 0 || (_theme$UTEmojiPicker14 = _theme$UTEmojiPicker14.groupItem) === null || _theme$UTEmojiPicker14 === void 0 ? void 0 : _theme$UTEmojiPicker14.height) || 40,
-      fill: (theme === null || theme === void 0 || (_theme$UTEmojiPicker15 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker15 === void 0 || (_theme$UTEmojiPicker15 = _theme$UTEmojiPicker15.groupItem) === null || _theme$UTEmojiPicker15 === void 0 ? void 0 : _theme$UTEmojiPicker15.color) || '#677489',
-      stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker16 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker16 === void 0 || (_theme$UTEmojiPicker16 = _theme$UTEmojiPicker16.groupItem) === null || _theme$UTEmojiPicker16 === void 0 ? void 0 : _theme$UTEmojiPicker16.color) || '#677489'
-    },
-    activeIcon: {
-      backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker17 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker17 === void 0 || (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker17.groupItem) === null || _theme$UTEmojiPicker17 === void 0 || (_theme$UTEmojiPicker17 = _theme$UTEmojiPicker17.active) === null || _theme$UTEmojiPicker17 === void 0 ? void 0 : _theme$UTEmojiPicker17.backgroundColor) || '#E9F0FD',
-      borderRadius: (theme === null || theme === void 0 || (_theme$UTEmojiPicker18 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker18 === void 0 || (_theme$UTEmojiPicker18 = _theme$UTEmojiPicker18.groupItem) === null || _theme$UTEmojiPicker18 === void 0 || (_theme$UTEmojiPicker18 = _theme$UTEmojiPicker18.active) === null || _theme$UTEmojiPicker18 === void 0 ? void 0 : _theme$UTEmojiPicker18.borderRadius) || 5,
-      stroke: (theme === null || theme === void 0 || (_theme$UTEmojiPicker19 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.groupItem) === null || _theme$UTEmojiPicker19 === void 0 || (_theme$UTEmojiPicker19 = _theme$UTEmojiPicker19.active) === null || _theme$UTEmojiPicker19 === void 0 ? void 0 : _theme$UTEmojiPicker19.color) || '#2b70fb'
-    },
-    groups: {
-      borderBottom: (theme === null || theme === void 0 || (_theme$UTEmojiPicker20 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker20 === void 0 || (_theme$UTEmojiPicker20 = _theme$UTEmojiPicker20.groups) === null || _theme$UTEmojiPicker20 === void 0 ? void 0 : _theme$UTEmojiPicker20.borderBottom) || '1px solid #E4E6EA',
-      padding: (theme === null || theme === void 0 || (_theme$UTEmojiPicker21 = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker21 === void 0 || (_theme$UTEmojiPicker21 = _theme$UTEmojiPicker21.groups) === null || _theme$UTEmojiPicker21 === void 0 ? void 0 : _theme$UTEmojiPicker21.padding) || 8
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{var _theme$UTEmojiPicker,_theme$UTEmojiPicker2,_theme$UTEmojiPicker3,_theme$UTEmojiPicker4,_theme$UTEmojiPicker5,_theme$UTEmojiPicker6,_theme$UTEmojiPicker7,_theme$UTEmojiPicker8,_theme$UTEmojiPicker9,_theme$UTEmojiPicker0,_theme$UTEmojiPicker1,_theme$UTEmojiPicker10,_theme$UTEmojiPicker11,_theme$UTEmojiPicker12,_theme$UTEmojiPicker13,_theme$UTEmojiPicker14,_theme$UTEmojiPicker15,_theme$UTEmojiPicker16,_theme$UTEmojiPicker17,_theme$UTEmojiPicker18,_theme$UTEmojiPicker19,_theme$UTEmojiPicker20,_theme$UTEmojiPicker21;let{theme:theme}=_ref;return{container:{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker||null===(_theme$UTEmojiPicker=_theme$UTEmojiPicker.container)||void 0===_theme$UTEmojiPicker?void 0:_theme$UTEmojiPicker.backgroundColor)||Colors.white,borderRadius:null==theme||null===(_theme$UTEmojiPicker2=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker2||null===(_theme$UTEmojiPicker2=_theme$UTEmojiPicker2.container)||void 0===_theme$UTEmojiPicker2?void 0:_theme$UTEmojiPicker2.borderRadius,bottom:null==theme||null===(_theme$UTEmojiPicker3=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker3||null===(_theme$UTEmojiPicker3=_theme$UTEmojiPicker3.container)||void 0===_theme$UTEmojiPicker3?void 0:_theme$UTEmojiPicker3.bottom,boxShadow:(null==theme||null===(_theme$UTEmojiPicker4=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker4||null===(_theme$UTEmojiPicker4=_theme$UTEmojiPicker4.container)||void 0===_theme$UTEmojiPicker4?void 0:_theme$UTEmojiPicker4.boxShadow)||"0px 3px 6px #E4E6EA",left:null==theme||null===(_theme$UTEmojiPicker5=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker5||null===(_theme$UTEmojiPicker5=_theme$UTEmojiPicker5.container)||void 0===_theme$UTEmojiPicker5?void 0:_theme$UTEmojiPicker5.left,right:null==theme||null===(_theme$UTEmojiPicker6=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker6||null===(_theme$UTEmojiPicker6=_theme$UTEmojiPicker6.container)||void 0===_theme$UTEmojiPicker6?void 0:_theme$UTEmojiPicker6.right,top:null==theme||null===(_theme$UTEmojiPicker7=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker7||null===(_theme$UTEmojiPicker7=_theme$UTEmojiPicker7.container)||void 0===_theme$UTEmojiPicker7?void 0:_theme$UTEmojiPicker7.top},listContainer:{height:(null==theme||null===(_theme$UTEmojiPicker8=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker8||null===(_theme$UTEmojiPicker8=_theme$UTEmojiPicker8.listContainer)||void 0===_theme$UTEmojiPicker8?void 0:_theme$UTEmojiPicker8.height)||216,width:(null==theme||null===(_theme$UTEmojiPicker9=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker9||null===(_theme$UTEmojiPicker9=_theme$UTEmojiPicker9.listContainer)||void 0===_theme$UTEmojiPicker9?void 0:_theme$UTEmojiPicker9.width)||336},emoji:{borderRadius:(null==theme||null===(_theme$UTEmojiPicker0=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker0||null===(_theme$UTEmojiPicker0=_theme$UTEmojiPicker0.emoji)||void 0===_theme$UTEmojiPicker0?void 0:_theme$UTEmojiPicker0.borderRadius)||4,fontSize:(null==theme||null===(_theme$UTEmojiPicker1=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker1||null===(_theme$UTEmojiPicker1=_theme$UTEmojiPicker1.emoji)||void 0===_theme$UTEmojiPicker1?void 0:_theme$UTEmojiPicker1.fontSize)||20,height:(null==theme||null===(_theme$UTEmojiPicker10=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker10||null===(_theme$UTEmojiPicker10=_theme$UTEmojiPicker10.emoji)||void 0===_theme$UTEmojiPicker10?void 0:_theme$UTEmojiPicker10.height)||32,margin:(null==theme||null===(_theme$UTEmojiPicker11=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker11||null===(_theme$UTEmojiPicker11=_theme$UTEmojiPicker11.emoji)||void 0===_theme$UTEmojiPicker11?void 0:_theme$UTEmojiPicker11.margin)||4,width:(null==theme||null===(_theme$UTEmojiPicker12=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker12||null===(_theme$UTEmojiPicker12=_theme$UTEmojiPicker12.emoji)||void 0===_theme$UTEmojiPicker12?void 0:_theme$UTEmojiPicker12.width)||32,"&:hover":{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker13=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker13||null===(_theme$UTEmojiPicker13=_theme$UTEmojiPicker13.emoji)||void 0===_theme$UTEmojiPicker13||null===(_theme$UTEmojiPicker13=_theme$UTEmojiPicker13.hover)||void 0===_theme$UTEmojiPicker13?void 0:_theme$UTEmojiPicker13.backgroundColor)||"#E9F0FD"}},groupItem:{height:(null==theme||null===(_theme$UTEmojiPicker14=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker14||null===(_theme$UTEmojiPicker14=_theme$UTEmojiPicker14.groupItem)||void 0===_theme$UTEmojiPicker14?void 0:_theme$UTEmojiPicker14.height)||40,fill:(null==theme||null===(_theme$UTEmojiPicker15=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker15||null===(_theme$UTEmojiPicker15=_theme$UTEmojiPicker15.groupItem)||void 0===_theme$UTEmojiPicker15?void 0:_theme$UTEmojiPicker15.color)||"#677489",stroke:(null==theme||null===(_theme$UTEmojiPicker16=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker16||null===(_theme$UTEmojiPicker16=_theme$UTEmojiPicker16.groupItem)||void 0===_theme$UTEmojiPicker16?void 0:_theme$UTEmojiPicker16.color)||"#677489"},activeIcon:{backgroundColor:(null==theme||null===(_theme$UTEmojiPicker17=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker17||null===(_theme$UTEmojiPicker17=_theme$UTEmojiPicker17.groupItem)||void 0===_theme$UTEmojiPicker17||null===(_theme$UTEmojiPicker17=_theme$UTEmojiPicker17.active)||void 0===_theme$UTEmojiPicker17?void 0:_theme$UTEmojiPicker17.backgroundColor)||"#E9F0FD",borderRadius:(null==theme||null===(_theme$UTEmojiPicker18=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker18||null===(_theme$UTEmojiPicker18=_theme$UTEmojiPicker18.groupItem)||void 0===_theme$UTEmojiPicker18||null===(_theme$UTEmojiPicker18=_theme$UTEmojiPicker18.active)||void 0===_theme$UTEmojiPicker18?void 0:_theme$UTEmojiPicker18.borderRadius)||5,stroke:(null==theme||null===(_theme$UTEmojiPicker19=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker19||null===(_theme$UTEmojiPicker19=_theme$UTEmojiPicker19.groupItem)||void 0===_theme$UTEmojiPicker19||null===(_theme$UTEmojiPicker19=_theme$UTEmojiPicker19.active)||void 0===_theme$UTEmojiPicker19?void 0:_theme$UTEmojiPicker19.color)||"#2b70fb"},groups:{borderBottom:(null==theme||null===(_theme$UTEmojiPicker20=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker20||null===(_theme$UTEmojiPicker20=_theme$UTEmojiPicker20.groups)||void 0===_theme$UTEmojiPicker20?void 0:_theme$UTEmojiPicker20.borderBottom)||"1px solid #E4E6EA",padding:(null==theme||null===(_theme$UTEmojiPicker21=theme.UTEmojiPicker)||void 0===_theme$UTEmojiPicker21||null===(_theme$UTEmojiPicker21=_theme$UTEmojiPicker21.groups)||void 0===_theme$UTEmojiPicker21?void 0:_theme$UTEmojiPicker21.padding)||8}}};

package/dist/esm/components/UTEmojiPicker/utils.js

@@ -1,28 +1 @@
-import emojilib from 'emojilib';
-import { DEFAULT_BUTTON_EMOJI_INDEX, DEFAULT_EXCLUDED_EMOJIS, GROUPS } from './constants';
-const getKey = emoji => emoji[1][0];
-export const getEmoji = emoji => emoji[0];
-const findEmojiIndex = (emojis, key) => emojis.findIndex(emoji => key === getKey(emoji));
-const getGroups = emojis => GROUPS.map(groupDefinition => ({
-  key: groupDefinition.key,
-  Icon: groupDefinition.Icon,
-  emojis: groupDefinition.ranges.flatMap(range => {
-    const subgroupStart = findEmojiIndex(emojis, range[0]);
-    const subgroupEnd = range.length > 1 && findEmojiIndex(emojis, range[1]);
-    return subgroupEnd ? emojis.slice(subgroupStart, subgroupEnd) : [emojis[subgroupStart]];
-  })
-}));
-export const getEmojis = function (groupsModifier) {
-  let excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  const legacyGroups = getGroups(Object.entries(emojilib)).map(group => ({
-    ...group,
-    emojis: group.emojis.filter(emoji => ![...DEFAULT_EXCLUDED_EMOJIS, ...excludedEmojis].includes(getKey(emoji)))
-  }));
-  const filteredEmojisArray = [].concat(...legacyGroups.map(group => group.emojis));
-  const groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
-  return {
-    emojis: filteredEmojisArray,
-    groups,
-    buttonEmoji: getEmoji(filteredEmojisArray[DEFAULT_BUTTON_EMOJI_INDEX])
-  };
-};
+import emojilib from"emojilib";import{DEFAULT_BUTTON_EMOJI_INDEX,DEFAULT_EXCLUDED_EMOJIS,GROUPS}from"./constants";const getKey=emoji=>emoji[1][0];export const getEmoji=emoji=>emoji[0];const findEmojiIndex=(emojis,key)=>emojis.findIndex(emoji=>key===getKey(emoji)),getGroups=emojis=>GROUPS.map(groupDefinition=>({key:groupDefinition.key,Icon:groupDefinition.Icon,emojis:groupDefinition.ranges.flatMap(range=>{const subgroupStart=findEmojiIndex(emojis,range[0]),subgroupEnd=range.length>1&&findEmojiIndex(emojis,range[1]);return subgroupEnd?emojis.slice(subgroupStart,subgroupEnd):[emojis[subgroupStart]]})}));export const getEmojis=function(groupsModifier){let excludedEmojis=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const legacyGroups=getGroups(Object.entries(emojilib)).map(group=>({...group,emojis:group.emojis.filter(emoji=>![...DEFAULT_EXCLUDED_EMOJIS,...excludedEmojis].includes(getKey(emoji)))})),filteredEmojisArray=[].concat(...legacyGroups.map(group=>group.emojis));return{emojis:filteredEmojisArray,groups:groupsModifier?groupsModifier(legacyGroups):legacyGroups,buttonEmoji:getEmoji(filteredEmojisArray[DEFAULT_BUTTON_EMOJI_INDEX])}};

package/dist/esm/components/UTExternalLink/constants.js

@@ -1,9 +1 @@
-export const DEFAULT_PROPS = {
-  colorTheme: 'secondary'
-};
-export const COLORS_MAPPER = {
-  primary: 'accent',
-  secondary: 'neutral',
-  error: 'error',
-  negative: 'negative'
-};
+export const DEFAULT_PROPS={colorTheme:"secondary"};export const COLORS_MAPPER={primary:"accent",secondary:"neutral",error:"error",negative:"negative"};

package/dist/esm/components/UTExternalLink/index.js

@@ -1,46 +1 @@
-import React from 'react';
-import { objectOf, shape, string } from 'prop-types';
-import WithTheme from '../WithTheme';
-import { retrieveStyle } from './theme';
-const UTExternalLink = _ref => {
-  let {
-    children,
-    className,
-    classes,
-    dataTestId,
-    openProps,
-    url
-  } = _ref;
-  return /*#__PURE__*/React.createElement("a", {
-    className: "".concat(classes.root, " ").concat(className),
-    "data-testid": dataTestId,
-    href: url,
-    onClick: openProps && (event => {
-      event.preventDefault();
-      const {
-        openUrl,
-        targetName,
-        options,
-        replace
-      } = openProps;
-      const win = window.open(openUrl || url, targetName || '_blank', options, replace);
-      win.opener = null;
-      win.location = openUrl || url;
-    }),
-    rel: "noopener noreferrer",
-    target: "_blank"
-  }, children);
-};
-UTExternalLink.propTypes = {
-  className: string,
-  classes: objectOf(string),
-  dataTestId: string,
-  openProps: shape({
-    openUrl: string,
-    targetName: string,
-    options: string,
-    replace: string
-  }),
-  url: string.isRequired
-};
-export default WithTheme(retrieveStyle)(UTExternalLink);
+import React from"react";import{objectOf,shape,string}from"prop-types";import WithTheme from"../WithTheme";import{retrieveStyle}from"./theme";const UTExternalLink=_ref=>{let{children:children,className:className,classes:classes,dataTestId:dataTestId,openProps:openProps,url:url}=_ref;return React.createElement("a",{className:"".concat(classes.root," ").concat(className),"data-testid":dataTestId,href:url,onClick:openProps&&(event=>{event.preventDefault();const{openUrl:openUrl,targetName:targetName,options:options,replace:replace}=openProps,win=window.open(openUrl||url,targetName||"_blank",options,replace);win.opener=null,win.location=openUrl||url}),rel:"noopener noreferrer",target:"_blank"},children)};UTExternalLink.propTypes={className:string,classes:objectOf(string),dataTestId:string,openProps:shape({openUrl:string,targetName:string,options:string,replace:string}),url:string.isRequired};export default WithTheme(retrieveStyle)(UTExternalLink);

package/dist/esm/components/UTExternalLink/theme.js

@@ -1,19 +1 @@
-import { withImportant } from '../../utils/classesUtils';
-import { COLORS_MAPPER, DEFAULT_PROPS } from './constants';
-export const variantsColorTheme = (colorTheme, theme) => {
-  var _theme$Palette$action;
-  const actionColorName = COLORS_MAPPER[colorTheme] || COLORS_MAPPER[DEFAULT_PROPS.colorTheme];
-  const actionTheme = ((_theme$Palette$action = theme.Palette.actions) === null || _theme$Palette$action === void 0 ? void 0 : _theme$Palette$action[actionColorName]) || theme.Palette[actionColorName];
-  return actionTheme['05'];
-};
-export const retrieveStyle = _ref => {
-  let {
-    colorTheme,
-    theme
-  } = _ref;
-  return {
-    root: {
-      color: withImportant(variantsColorTheme(colorTheme, theme))
-    }
-  };
-};
+import{withImportant}from"../../utils/classesUtils";import{COLORS_MAPPER,DEFAULT_PROPS}from"./constants";export const variantsColorTheme=(colorTheme,theme)=>{var _theme$Palette$action;const actionColorName=COLORS_MAPPER[colorTheme]||COLORS_MAPPER[DEFAULT_PROPS.colorTheme];return((null===(_theme$Palette$action=theme.Palette.actions)||void 0===_theme$Palette$action?void 0:_theme$Palette$action[actionColorName])||theme.Palette[actionColorName])["05"]};export const retrieveStyle=_ref=>{let{colorTheme:colorTheme,theme:theme}=_ref;return{root:{color:withImportant(variantsColorTheme(colorTheme,theme))}}};

package/dist/esm/components/UTFieldLabel/constants.js

@@ -1 +1 @@
-export const REQUIRED_LABEL = '*';
+export const REQUIRED_LABEL="*";