@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTDocumentWizard/index.js

@@ -1,183 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTTabs = _interopRequireDefault(require("../UTTabs"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTLoading = _interopRequireDefault(require("../UTLoading"));
-var _UTSheet = _interopRequireDefault(require("../UTSheet"));
-var _useScreenSize = require("../../utils/useScreenSize");
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _ChevronsManager = _interopRequireDefault(require("./components/ChevronsManager"));
-var _PageWizard = _interopRequireDefault(require("./components/PageWizard"));
-var _SectionDetails = _interopRequireDefault(require("./components/SectionDetails"));
-var _Sheet = _interopRequireDefault(require("./components/Sheet"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const UTDocumentWizard = _ref => {
-  var _tabsOptions$;
-  let {
-    classNames,
-    handlers = {},
-    labels,
-    pages = [],
-    scaleConfig,
-    sections = []
-  } = _ref;
-  const canvasRef = (0, _react.useRef)(null);
-  const tabsOptions = (0, _utils.getTabsOptions)(pages);
-  const [selectedTab, setSelectedTab] = (0, _react.useState)((_tabsOptions$ = tabsOptions[0]) === null || _tabsOptions$ === void 0 ? void 0 : _tabsOptions$.value);
-  const currentIndex = tabsOptions.findIndex(tab => tab.value === selectedTab);
-  const prevDisabled = currentIndex <= 0;
-  const nextDisabled = currentIndex >= tabsOptions.length - 1;
-  const changeTimeoutRef = (0, _react.useRef)(null);
-  const [isChangingTab, setIsChangingTab] = (0, _react.useState)(false);
-  const [clickedSection, setClickedSection] = (0, _react.useState)(null);
-  const sectionSelected = sections.find(section => "".concat(section.id) === clickedSection);
-  const {
-    trackClickGlossarySection = () => {}
-  } = handlers;
-  const onChangeTab = newTab => {
-    if (isChangingTab) return;
-    if (changeTimeoutRef.current) {
-      clearTimeout(changeTimeoutRef.current);
-      changeTimeoutRef.current = null;
-    }
-    setIsChangingTab(true);
-    changeTimeoutRef.current = setTimeout(() => {
-      const isSameTab = newTab === selectedTab;
-      if (isSameTab) {
-        setIsChangingTab(false);
-        changeTimeoutRef.current = null;
-        return;
-      }
-      setSelectedTab(newTab);
-      setIsChangingTab(false);
-      changeTimeoutRef.current = null;
-    }, 600);
-  };
-  const onTabChange = newTab => {
-    onChangeTab(newTab);
-  };
-  const onClick = direction => {
-    let newTab = null;
-    if (direction === _constants.PREV && !prevDisabled) {
-      newTab = tabsOptions[currentIndex - 1].value;
-    } else if (direction === _constants.NEXT && !nextDisabled) {
-      newTab = tabsOptions[currentIndex + 1].value;
-    }
-    if (newTab === selectedTab) return;
-    onChangeTab(newTab);
-  };
-  const containerRef = (0, _react.useRef)(null);
-  const actualPage = pages === null || pages === void 0 ? void 0 : pages.find(page => "".concat(page.id) === "".concat(selectedTab));
-  (0, _react.useEffect)(() => () => {
-    if (changeTimeoutRef.current) {
-      clearTimeout(changeTimeoutRef.current);
-    }
-  }, []);
-  const [sheetOpen, setSheetOpen] = (0, _react.useState)(false);
-  const {
-    isMobileSize
-  } = (0, _useScreenSize.useScreenSize)();
-  const onSectionChange = newSectionSelected => {
-    setClickedSection(newSectionSelected);
-    if (isMobileSize) setSheetOpen(!!newSectionSelected);
-  };
-  const toggleDrawer = option => {
-    if (isMobileSize) {
-      if (!option) {
-        var _canvasRef$current;
-        const ctx = (_canvasRef$current = canvasRef.current) === null || _canvasRef$current === void 0 ? void 0 : _canvasRef$current.getContext('2d');
-        if (ctx) {
-          var _canvasRef$current2;
-          ctx.restore();
-          (_canvasRef$current2 = canvasRef.current) === null || _canvasRef$current2 === void 0 || _canvasRef$current2.focus();
-        }
-      }
-      setSheetOpen(option);
-    }
-  };
-  const SheetChildren = /*#__PURE__*/_react.default.createElement(_Sheet.default, {
-    sectionSelected: sectionSelected
-  });
-  const {
-    chevronsManagerTitle,
-    sectionDetails
-  } = labels;
-  (0, _react.useEffect)(() => {
-    if (sectionSelected) trackClickGlossarySection(sectionSelected === null || sectionSelected === void 0 ? void 0 : sectionSelected.title);
-  }, [sectionSelected]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classNames === null || classNames === void 0 ? void 0 : classNames.container)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.pageWizardContainer,
-    ref: containerRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.pageManagerSection, " ").concat(classNames === null || classNames === void 0 ? void 0 : classNames.pageManagerSection)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.slidePageManagerContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "title2"
-  }, chevronsManagerTitle), /*#__PURE__*/_react.default.createElement(_ChevronsManager.default, {
-    prevDisabled: prevDisabled,
-    nextDisabled: nextDisabled,
-    onClick: onClick
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.pageManagerContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTTabs.default, {
-    options: tabsOptions,
-    value: selectedTab,
-    onChange: onTabChange,
-    classes: {
-      tabsRoot: _stylesModule.default.tabs,
-      tabRoot: _stylesModule.default.tabRoot,
-      label: _stylesModule.default.tab,
-      selected: _stylesModule.default.selected,
-      indicator: _stylesModule.default.indicator
-    },
-    lastOptionProps: _constants.LAST_OPTION_PROPS
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.scrollContainer
-  }, isChangingTab && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.loadingContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
-    loading: true
-  })), !isChangingTab && actualPage && /*#__PURE__*/_react.default.createElement(_PageWizard.default, {
-    canvasRef: canvasRef,
-    classNames: classNames,
-    clickedSection: clickedSection,
-    containerRef: containerRef,
-    isChangingTab: isChangingTab,
-    isMobileSize: isMobileSize,
-    isSheetOpen: sheetOpen,
-    onSectionChange: onSectionChange,
-    page: actualPage,
-    scaleConfig: scaleConfig,
-    sections: sections,
-    sectionSelected: sectionSelected
-  }))), /*#__PURE__*/_react.default.createElement(_SectionDetails.default, _extends({
-    sectionSelected: sectionSelected
-  }, sectionDetails))), /*#__PURE__*/_react.default.createElement(_UTSheet.default, {
-    SlideProps: _constants.SLIDE_PROPS,
-    anchor: "bottom",
-    open: sheetOpen,
-    toggleDrawer: toggleDrawer
-  }, SheetChildren));
-};
-UTDocumentWizard.propTypes = {
-  classNames: _propTypes.object,
-  handlers: _propTypes.object,
-  labels: _propTypes.object,
-  pages: (0, _propTypes.arrayOf)({}),
-  scaleConfig: _propTypes.object,
-  sections: (0, _propTypes.arrayOf)({})
-};
-var _default = exports.default = UTDocumentWizard;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTTabs=_interopRequireDefault(require("../UTTabs")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_UTSheet=_interopRequireDefault(require("../UTSheet")),_useScreenSize=require("../../utils/useScreenSize"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_ChevronsManager=_interopRequireDefault(require("./components/ChevronsManager")),_PageWizard=_interopRequireDefault(require("./components/PageWizard")),_SectionDetails=_interopRequireDefault(require("./components/SectionDetails")),_Sheet=_interopRequireDefault(require("./components/Sheet")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}const UTDocumentWizard=_ref=>{var _tabsOptions$;let{classNames:classNames,handlers:handlers={},labels:labels,pages:pages=[],scaleConfig:scaleConfig,sections:sections=[]}=_ref;const canvasRef=(0,_react.useRef)(null),tabsOptions=(0,_utils.getTabsOptions)(pages),[selectedTab,setSelectedTab]=(0,_react.useState)(null===(_tabsOptions$=tabsOptions[0])||void 0===_tabsOptions$?void 0:_tabsOptions$.value),currentIndex=tabsOptions.findIndex(tab=>tab.value===selectedTab),prevDisabled=currentIndex<=0,nextDisabled=currentIndex>=tabsOptions.length-1,changeTimeoutRef=(0,_react.useRef)(null),[isChangingTab,setIsChangingTab]=(0,_react.useState)(!1),[clickedSection,setClickedSection]=(0,_react.useState)(null),sectionSelected=sections.find(section=>"".concat(section.id)===clickedSection),{trackClickGlossarySection:trackClickGlossarySection=()=>{}}=handlers,onChangeTab=newTab=>{isChangingTab||(changeTimeoutRef.current&&(clearTimeout(changeTimeoutRef.current),changeTimeoutRef.current=null),setIsChangingTab(!0),changeTimeoutRef.current=setTimeout(()=>{if(newTab===selectedTab)return setIsChangingTab(!1),void(changeTimeoutRef.current=null);setSelectedTab(newTab),setIsChangingTab(!1),changeTimeoutRef.current=null},600))},containerRef=(0,_react.useRef)(null),actualPage=null==pages?void 0:pages.find(page=>"".concat(page.id)==="".concat(selectedTab));(0,_react.useEffect)(()=>()=>{changeTimeoutRef.current&&clearTimeout(changeTimeoutRef.current)},[]);const[sheetOpen,setSheetOpen]=(0,_react.useState)(!1),{isMobileSize:isMobileSize}=(0,_useScreenSize.useScreenSize)(),SheetChildren=_react.default.createElement(_Sheet.default,{sectionSelected:sectionSelected}),{chevronsManagerTitle:chevronsManagerTitle,sectionDetails:sectionDetails}=labels;return(0,_react.useEffect)(()=>{sectionSelected&&trackClickGlossarySection(null==sectionSelected?void 0:sectionSelected.title)},[sectionSelected]),_react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(null==classNames?void 0:classNames.container)},_react.default.createElement("div",{className:_stylesModule.default.pageWizardContainer,ref:containerRef},_react.default.createElement("div",{className:"".concat(_stylesModule.default.pageManagerSection," ").concat(null==classNames?void 0:classNames.pageManagerSection)},_react.default.createElement("div",{className:_stylesModule.default.slidePageManagerContainer},_react.default.createElement(_UTLabel.default,{variant:"title2"},chevronsManagerTitle),_react.default.createElement(_ChevronsManager.default,{prevDisabled:prevDisabled,nextDisabled:nextDisabled,onClick:direction=>{let newTab=null;direction!==_constants.PREV||prevDisabled?direction!==_constants.NEXT||nextDisabled||(newTab=tabsOptions[currentIndex+1].value):newTab=tabsOptions[currentIndex-1].value,newTab!==selectedTab&&onChangeTab(newTab)}})),_react.default.createElement("div",{className:_stylesModule.default.pageManagerContainer},_react.default.createElement(_UTTabs.default,{options:tabsOptions,value:selectedTab,onChange:newTab=>{onChangeTab(newTab)},classes:{tabsRoot:_stylesModule.default.tabs,tabRoot:_stylesModule.default.tabRoot,label:_stylesModule.default.tab,selected:_stylesModule.default.selected,indicator:_stylesModule.default.indicator},lastOptionProps:_constants.LAST_OPTION_PROPS}))),_react.default.createElement("div",{className:_stylesModule.default.scrollContainer},isChangingTab&&_react.default.createElement("div",{className:_stylesModule.default.loadingContainer},_react.default.createElement(_UTLoading.default,{loading:!0})),!isChangingTab&&actualPage&&_react.default.createElement(_PageWizard.default,{canvasRef:canvasRef,classNames:classNames,clickedSection:clickedSection,containerRef:containerRef,isChangingTab:isChangingTab,isMobileSize:isMobileSize,isSheetOpen:sheetOpen,onSectionChange:newSectionSelected=>{setClickedSection(newSectionSelected),isMobileSize&&setSheetOpen(!!newSectionSelected)},page:actualPage,scaleConfig:scaleConfig,sections:sections,sectionSelected:sectionSelected}))),_react.default.createElement(_SectionDetails.default,_extends({sectionSelected:sectionSelected},sectionDetails))),_react.default.createElement(_UTSheet.default,{SlideProps:_constants.SLIDE_PROPS,anchor:"bottom",open:sheetOpen,toggleDrawer:option=>{if(isMobileSize){if(!option){var _canvasRef$current;const ctx=null===(_canvasRef$current=canvasRef.current)||void 0===_canvasRef$current?void 0:_canvasRef$current.getContext("2d");var _canvasRef$current2;if(ctx)ctx.restore(),null===(_canvasRef$current2=canvasRef.current)||void 0===_canvasRef$current2||_canvasRef$current2.focus()}setSheetOpen(option)}}},SheetChildren))};UTDocumentWizard.propTypes={classNames:_propTypes.object,handlers:_propTypes.object,labels:_propTypes.object,pages:(0,_propTypes.arrayOf)({}),scaleConfig:_propTypes.object,sections:(0,_propTypes.arrayOf)({})};var _default=exports.default=UTDocumentWizard;

package/dist/components/UTDocumentWizard/utils.js

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTabsOptions = void 0;
-const getTabsOptions = pages => {
-  var _pages$map;
-  return (_pages$map = pages === null || pages === void 0 ? void 0 : pages.map(page => ({
-    label: page.name,
-    value: "".concat(page.id)
-  }))) !== null && _pages$map !== void 0 ? _pages$map : [];
-};
-exports.getTabsOptions = getTabsOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getTabsOptions=void 0;const getTabsOptions=pages=>{var _pages$map;return null!==(_pages$map=null==pages?void 0:pages.map(page=>({label:page.name,value:"".concat(page.id)})))&&void 0!==_pages$map?_pages$map:[]};exports.getTabsOptions=getTabsOptions;

package/dist/components/UTDotMenu/constants.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_PROPS = void 0;
-var _MoreVert = _interopRequireDefault(require("@material-ui/icons/MoreVert"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  classNames: {},
-  Icon: _MoreVert.default
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_PROPS=void 0;var _MoreVert=_interopRequireDefault(require("@material-ui/icons/MoreVert"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const DEFAULT_PROPS=exports.DEFAULT_PROPS={classNames:{},Icon:_MoreVert.default};

package/dist/components/UTDotMenu/index.js

@@ -1,102 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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); }
-const UTDotMenu = _ref => {
-  let {
-    className,
-    classNames = _constants.DEFAULT_PROPS.classNames,
-    dataTestId,
-    disabled,
-    Icon = _constants.DEFAULT_PROPS.Icon,
-    menuItemProps,
-    menuProps,
-    options,
-    size
-  } = _ref;
-  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    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.default.createElement(_Menu.default, _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.default.createElement(_MenuItem.default, _extends({
-      "data-testid": itemTestId,
-      key: name,
-      onClick: onPress
-    }, menuItemProps), icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-      className: _stylesModule.default.optionIcon,
-      colorTheme: colorTheme,
-      name: icon
-    }, iconProps)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-      colorTheme: colorTheme
-    }, name));
-  })));
-};
-UTDotMenu.propTypes = {
-  className: _propTypes.string,
-  classNames: (0, _propTypes.shape)({
-    button: _propTypes.string,
-    icon: _propTypes.string
-  }),
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
-  menuItemProps: _propTypes.object,
-  menuProps: _propTypes.object,
-  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    colorTheme: _propTypes.string,
-    dataTestId: _propTypes.string,
-    icon: _propTypes.string,
-    iconProps: _propTypes.object,
-    name: _propTypes.string,
-    onPress: _propTypes.func
-  })),
-  size: _propTypes.string
-};
-var _default = exports.default = UTDotMenu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_Menu=_interopRequireDefault(require("@material-ui/core/Menu")),_MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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)}const UTDotMenu=_ref=>{let{className:className,classNames:classNames=_constants.DEFAULT_PROPS.classNames,dataTestId:dataTestId,disabled:disabled,Icon:Icon=_constants.DEFAULT_PROPS.Icon,menuItemProps:menuItemProps,menuProps:menuProps,options:options,size:size}=_ref;const[anchorEl,setAnchorEl]=(0,_react.useState)(null);return _react.default.createElement("div",{className:className,"data-testid":dataTestId},_react.default.createElement(_UTButton.default,{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.default.createElement(_Menu.default,_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.default.createElement(_MenuItem.default,_extends({"data-testid":itemTestId,key:name,onClick:onPress},menuItemProps),icon&&_react.default.createElement(_UTIcon.default,_extends({className:_stylesModule.default.optionIcon,colorTheme:colorTheme,name:icon},iconProps)),_react.default.createElement(_UTLabel.default,{colorTheme:colorTheme},name))})))};UTDotMenu.propTypes={className:_propTypes.string,classNames:(0,_propTypes.shape)({button:_propTypes.string,icon:_propTypes.string}),dataTestId:_propTypes.string,disabled:_propTypes.bool,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),menuItemProps:_propTypes.object,menuProps:_propTypes.object,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,dataTestId:_propTypes.string,icon:_propTypes.string,iconProps:_propTypes.object,name:_propTypes.string,onPress:_propTypes.func})),size:_propTypes.string};var _default=exports.default=UTDotMenu;

package/dist/components/UTEmojiPicker/constants.js

@@ -1,202 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GROUPS = exports.DEFAULT_VIRTUALIZED_LIST_CONFIG = exports.DEFAULT_POSITIONS = exports.DEFAULT_EXCLUDED_EMOJIS = exports.DEFAULT_BUTTON_EMOJI_INDEX = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var Faces = function Faces(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "9"
-  }), /*#__PURE__*/_react.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "M5 21c.5-4.5 2.5-8 7-10"
-  }), /*#__PURE__*/_react.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    d: "m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"
-  }), /*#__PURE__*/_react.default.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.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.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.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.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.default.createElement("svg", props, /*#__PURE__*/_react.default.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"
-};
-const DEFAULT_EXCLUDED_EMOJIS = exports.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'];
-const DEFAULT_VIRTUALIZED_LIST_CONFIG = exports.DEFAULT_VIRTUALIZED_LIST_CONFIG = {
-  overscan: 10,
-  elementsPerRow: 8,
-  itemPadding: 0
-};
-const DEFAULT_BUTTON_EMOJI_INDEX = exports.DEFAULT_BUTTON_EMOJI_INDEX = 0;
-const DEFAULT_POSITIONS = exports.DEFAULT_POSITIONS = {
-  BOTTOM_LEFT: 'bottomLeft',
-  BOTTOM_RIGHT: 'bottomRight',
-  TOP_LEFT: 'topLeft',
-  TOP_RIGHT: 'topRight'
-};
-const GROUPS = exports.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
-}];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.GROUPS=exports.DEFAULT_VIRTUALIZED_LIST_CONFIG=exports.DEFAULT_POSITIONS=exports.DEFAULT_EXCLUDED_EMOJIS=exports.DEFAULT_BUTTON_EMOJI_INDEX=void 0;var _react=_interopRequireDefault(require("react"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var Faces=function(props){return _react.default.createElement("svg",props,_react.default.createElement("circle",{cx:"12",cy:"12",r:"9"}),_react.default.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.default.createElement("svg",props,_react.default.createElement("path",{d:"M5 21c.5-4.5 2.5-8 7-10"}),_react.default.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.default.createElement("svg",props,_react.default.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.default.createElement("svg",props,_react.default.createElement("path",{d:"m15 9-6 6M10 12l2 2M12 10l2 2M8 21a5 5 0 0 0-5-5"}),_react.default.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.default.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.default.createElement("svg",props,_react.default.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.default.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.default.createElement("svg",props,_react.default.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.default.createElement("svg",props,_react.default.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.default.createElement("svg",props,_react.default.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"};const DEFAULT_EXCLUDED_EMOJIS=exports.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"],DEFAULT_VIRTUALIZED_LIST_CONFIG=exports.DEFAULT_VIRTUALIZED_LIST_CONFIG={overscan:10,elementsPerRow:8,itemPadding:0},DEFAULT_BUTTON_EMOJI_INDEX=exports.DEFAULT_BUTTON_EMOJI_INDEX=0,DEFAULT_POSITIONS=exports.DEFAULT_POSITIONS={BOTTOM_LEFT:"bottomLeft",BOTTOM_RIGHT:"bottomRight",TOP_LEFT:"topLeft",TOP_RIGHT:"topRight"},GROUPS=exports.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}];