@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTBreadcrumbs/index.js

@@ -1,221 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTMenu = _interopRequireDefault(require("../UTMenu"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
-var _classesUtils = require("../../utils/classesUtils");
-var _testIds = require("../../constants/testIds");
-var _constants = require("./constants");
-var _theme = require("./theme");
-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 {
-  breadcrumbs: breadcrumbsIds
-} = _testIds.TEST_IDS;
-const UTBreadcrumbs = _ref => {
-  let {
-    breadcrumbs,
-    classes: themeClasses,
-    classNames,
-    colorTheme = _constants.COLOR_THEMES.DARK,
-    disableMenu = false,
-    elipsis = _constants.DEFAULT_ELIPSIS,
-    elipsisWidthEstimate = _constants.DEFAULT_ELIPSIS_WIDTH_ESTIMATE,
-    firstItemOverflow = false,
-    menuProps = {},
-    onRedirect,
-    onSetAction,
-    separator = _constants.DEFAULT_SEPARATOR
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const containerRef = (0, _react.useRef)();
-  const [content, setContent] = (0, _react.useState)(breadcrumbs);
-  const [menu, setMenu] = (0, _react.useState)({
-    anchor: null,
-    items: []
-  });
-  const getSectionsTotalWidth = ref => [...ref.current.children].reduce((total, currentChildren) => total + currentChildren.offsetWidth, 0);
-  const getItemsBeforeCollapse = ref => {
-    const sections = [...ref.current.children];
-    const {
-      offsetWidth: containerWidth
-    } = ref.current;
-    let itemsBeforeCollapse = 1;
-    let accumulatedWidth = 0;
-    const firstItemWidth = sections[0].offsetWidth;
-    const lastItemWidth = sections[sections.length - 2].offsetWidth;
-    const availableWidth = containerWidth - firstItemWidth - lastItemWidth - elipsisWidthEstimate;
-    sections.slice(1).forEach(section => {
-      accumulatedWidth += section.offsetWidth;
-      if (accumulatedWidth <= availableWidth) itemsBeforeCollapse += 1;
-    });
-    return itemsBeforeCollapse;
-  };
-  const truncate = () => {
-    if (!containerRef.current) return;
-    const {
-      offsetWidth: containerWidth
-    } = containerRef.current;
-    const childrenTotalWidth = getSectionsTotalWidth(containerRef);
-    if (childrenTotalWidth > containerWidth) {
-      setContent(prevContent => {
-        const isCollapsed = prevContent.some(_ref2 => {
-          let {
-            label
-          } = _ref2;
-          return label === elipsis;
-        });
-        if (isCollapsed) return prevContent;
-        if (prevContent.length <= 2) return prevContent;
-        const itemsBeforeCollapse = getItemsBeforeCollapse(containerRef);
-        return [...prevContent.slice(0, itemsBeforeCollapse), {
-          label: elipsis,
-          menuItems: prevContent.slice(itemsBeforeCollapse, prevContent.length - 1)
-        }, prevContent[prevContent.length - 1]];
-      });
-    }
-  };
-  (0, _react.useEffect)(() => {
-    setContent(breadcrumbs);
-  }, [breadcrumbs]);
-  (0, _react.useEffect)(() => {
-    if (containerRef.current) window.requestAnimationFrame(() => truncate());
-  }, [content]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener('resize', truncate);
-    return () => window.removeEventListener('resize', truncate);
-  }, []);
-  const handleCloseMenu = () => setMenu({
-    anchor: null,
-    items: []
-  });
-  const handleClickOptions = (options, route, id) => {
-    const indexOfCurrentBreadcrumb = breadcrumbs.findIndex(breadcrumb => breadcrumb.id === id);
-    if (indexOfCurrentBreadcrumb !== breadcrumbs.length - 1) {
-      if (options.setAction) {
-        onSetAction(options.setAction, options.params);
-      }
-      if (options.updatedBreadcrumbs) {
-        options.updatedBreadcrumbs(breadcrumbs.slice(0, indexOfCurrentBreadcrumb + 1));
-      }
-      onRedirect(route);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.breadcrumbs,
-    ref: containerRef
-  }, content.map((_ref3, index) => {
-    let {
-      buttonColorTheme,
-      dataTestId,
-      itemClassName,
-      label,
-      menuItems,
-      route,
-      options = {},
-      id = crypto.randomUUID(),
-      showTooltip = false,
-      tooltipLabel = label
-    } = _ref3;
-    const handleClick = event => {
-      if (menuItems) setMenu({
-        anchor: event.currentTarget,
-        items: menuItems.map(_ref4 => {
-          let {
-            label: menuItemLabel,
-            route: menuItemRoute,
-            options: menuItemOptions,
-            id: menuItemId
-          } = _ref4;
-          return {
-            label: menuItemLabel,
-            onClick: () => {
-              setContent(breadcrumbs);
-              handleCloseMenu();
-              handleClickOptions(menuItemOptions, menuItemRoute, menuItemId);
-            }
-          };
-        })
-      });else handleClickOptions(options, route, id);
-    };
-    const isLast = index === content.length - 1;
-    const overflowControl = index === 0 && firstItemOverflow;
-    const colorThemesDefinition = buttonColorTheme ? _constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]] : _constants.COMPONENTS_THEME_PROPS[colorTheme];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_stylesModule.default.section, " ").concat(overflowControl && _stylesModule.default.firstItem),
-      key: "".concat(route, "-").concat(label)
-    }, !route && !menuItems || disableMenu ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-      className: _stylesModule.default.label,
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(breadcrumbsIds.item, ".").concat(index),
-      variant: "small",
-      weight: "medium"
-    }, colorThemesDefinition.label), label) : showTooltip ? /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-      content: tooltipLabel,
-      interactive: false,
-      tippyProps: {
-        appendTo: () => document.body,
-        trigger: 'mouseenter',
-        hideOnClick: false
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-      classNames: {
-        root: itemClassName,
-        childrenContainer: overflowControl ? _stylesModule.default.buttonContainer : null,
-        text: overflowControl ? _stylesModule.default.ellipsis : isLast && content.length > 1 ? _stylesModule.default.lastBreadcrumb : null
-      },
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(breadcrumbsIds.item, ".").concat(index),
-      onClick: handleClick,
-      size: "small",
-      variant: "text"
-    }, colorThemesDefinition.button), "".concat(label)))) : /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-      classNames: {
-        root: itemClassName,
-        childrenContainer: overflowControl ? _stylesModule.default.buttonContainer : null,
-        text: overflowControl ? _stylesModule.default.ellipsis : isLast && content.length > 1 ? _stylesModule.default.lastBreadcrumb : null
-      },
-      dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(index) : "".concat(breadcrumbsIds.item, ".").concat(index),
-      onClick: handleClick,
-      size: "small",
-      variant: "text"
-    }, colorThemesDefinition.button), "".concat(label)), !isLast && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-      className: classes.separator,
-      variant: "small",
-      weight: "medium"
-    }, colorThemesDefinition.label), separator));
-  }), !disableMenu && /*#__PURE__*/_react.default.createElement(_UTMenu.default, _extends({
-    anchor: menu.anchor,
-    items: menu.items
-  }, menuProps, {
-    onClose: handleCloseMenu
-  })));
-};
-UTBreadcrumbs.propTypes = {
-  breadcrumbs: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    label: _propTypes.string,
-    route: _propTypes.string,
-    showTooltip: _propTypes.bool,
-    tooltipLabel: _propTypes.string
-  })),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  colorTheme: _propTypes.string,
-  disableMenu: _propTypes.bool,
-  elipsis: _propTypes.string,
-  elipsisWidthEstimate: _propTypes.number,
-  firstItemOverflow: _propTypes.bool,
-  onRedirect: _propTypes.func,
-  onSetAction: _propTypes.func,
-  menuProps: _propTypes.object,
-  separator: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTBreadcrumbs);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTMenu=_interopRequireDefault(require("../UTMenu")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_classesUtils=require("../../utils/classesUtils"),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_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{breadcrumbs:breadcrumbsIds}=_testIds.TEST_IDS,UTBreadcrumbs=_ref=>{let{breadcrumbs:breadcrumbs,classes:themeClasses,classNames:classNames,colorTheme:colorTheme=_constants.COLOR_THEMES.DARK,disableMenu:disableMenu=!1,elipsis:elipsis=_constants.DEFAULT_ELIPSIS,elipsisWidthEstimate:elipsisWidthEstimate=_constants.DEFAULT_ELIPSIS_WIDTH_ESTIMATE,firstItemOverflow:firstItemOverflow=!1,menuProps:menuProps={},onRedirect:onRedirect,onSetAction:onSetAction,separator:separator=_constants.DEFAULT_SEPARATOR}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),containerRef=(0,_react.useRef)(),[content,setContent]=(0,_react.useState)(breadcrumbs),[menu,setMenu]=(0,_react.useState)({anchor:null,items:[]}),truncate=()=>{if(!containerRef.current)return;const{offsetWidth:containerWidth}=containerRef.current;[...containerRef.current.children].reduce((total,currentChildren)=>total+currentChildren.offsetWidth,0)>containerWidth&&setContent(prevContent=>{if(prevContent.some(_ref2=>{let{label:label}=_ref2;return label===elipsis}))return prevContent;if(prevContent.length<=2)return prevContent;const itemsBeforeCollapse=(ref=>{const sections=[...ref.current.children],{offsetWidth:containerWidth}=ref.current;let itemsBeforeCollapse=1,accumulatedWidth=0;const availableWidth=containerWidth-sections[0].offsetWidth-sections[sections.length-2].offsetWidth-elipsisWidthEstimate;return sections.slice(1).forEach(section=>{accumulatedWidth+=section.offsetWidth,accumulatedWidth<=availableWidth&&(itemsBeforeCollapse+=1)}),itemsBeforeCollapse})(containerRef);return[...prevContent.slice(0,itemsBeforeCollapse),{label:elipsis,menuItems:prevContent.slice(itemsBeforeCollapse,prevContent.length-1)},prevContent[prevContent.length-1]]})};(0,_react.useEffect)(()=>{setContent(breadcrumbs)},[breadcrumbs]),(0,_react.useEffect)(()=>{containerRef.current&&window.requestAnimationFrame(()=>truncate())},[content]),(0,_react.useEffect)(()=>(window.addEventListener("resize",truncate),()=>window.removeEventListener("resize",truncate)),[]);const handleCloseMenu=()=>setMenu({anchor:null,items:[]}),handleClickOptions=(options,route,id)=>{const indexOfCurrentBreadcrumb=breadcrumbs.findIndex(breadcrumb=>breadcrumb.id===id);indexOfCurrentBreadcrumb!==breadcrumbs.length-1&&(options.setAction&&onSetAction(options.setAction,options.params),options.updatedBreadcrumbs&&options.updatedBreadcrumbs(breadcrumbs.slice(0,indexOfCurrentBreadcrumb+1)),onRedirect(route))};return _react.default.createElement("div",{className:_stylesModule.default.breadcrumbs,ref:containerRef},content.map((_ref3,index)=>{let{buttonColorTheme:buttonColorTheme,dataTestId:dataTestId,itemClassName:itemClassName,label:label,menuItems:menuItems,route:route,options:options={},id:id=crypto.randomUUID(),showTooltip:showTooltip=!1,tooltipLabel:tooltipLabel=label}=_ref3;const handleClick=event=>{menuItems?setMenu({anchor:event.currentTarget,items:menuItems.map(_ref4=>{let{label:menuItemLabel,route:menuItemRoute,options:menuItemOptions,id:menuItemId}=_ref4;return{label:menuItemLabel,onClick:()=>{setContent(breadcrumbs),handleCloseMenu(),handleClickOptions(menuItemOptions,menuItemRoute,menuItemId)}}})}):handleClickOptions(options,route,id)},isLast=index===content.length-1,overflowControl=0===index&&firstItemOverflow,colorThemesDefinition=buttonColorTheme?_constants.COMPONENTS_THEME_PROPS[_constants.COLOR_THEMES_MAPPER[buttonColorTheme]]:_constants.COMPONENTS_THEME_PROPS[colorTheme];return _react.default.createElement("div",{className:"".concat(_stylesModule.default.section," ").concat(overflowControl&&_stylesModule.default.firstItem),key:"".concat(route,"-").concat(label)},!route&&!menuItems||disableMenu?_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:dataTestId?"".concat(dataTestId,".").concat(index):"".concat(breadcrumbsIds.item,".").concat(index),variant:"small",weight:"medium"},colorThemesDefinition.label),label):showTooltip?_react.default.createElement(_UTTooltip.default,{content:tooltipLabel,interactive:!1,tippyProps:{appendTo:()=>document.body,trigger:"mouseenter",hideOnClick:!1}},_react.default.createElement("span",null,_react.default.createElement(_UTButton.default,_extends({classNames:{root:itemClassName,childrenContainer:overflowControl?_stylesModule.default.buttonContainer:null,text:overflowControl?_stylesModule.default.ellipsis:isLast&&content.length>1?_stylesModule.default.lastBreadcrumb:null},dataTestId:dataTestId?"".concat(dataTestId,".").concat(index):"".concat(breadcrumbsIds.item,".").concat(index),onClick:handleClick,size:"small",variant:"text"},colorThemesDefinition.button),"".concat(label)))):_react.default.createElement(_UTButton.default,_extends({classNames:{root:itemClassName,childrenContainer:overflowControl?_stylesModule.default.buttonContainer:null,text:overflowControl?_stylesModule.default.ellipsis:isLast&&content.length>1?_stylesModule.default.lastBreadcrumb:null},dataTestId:dataTestId?"".concat(dataTestId,".").concat(index):"".concat(breadcrumbsIds.item,".").concat(index),onClick:handleClick,size:"small",variant:"text"},colorThemesDefinition.button),"".concat(label)),!isLast&&_react.default.createElement(_UTLabel.default,_extends({className:classes.separator,variant:"small",weight:"medium"},colorThemesDefinition.label),separator))}),!disableMenu&&_react.default.createElement(_UTMenu.default,_extends({anchor:menu.anchor,items:menu.items},menuProps,{onClose:handleCloseMenu})))};UTBreadcrumbs.propTypes={breadcrumbs:(0,_propTypes.arrayOf)((0,_propTypes.shape)({label:_propTypes.string,route:_propTypes.string,showTooltip:_propTypes.bool,tooltipLabel:_propTypes.string})),classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,disableMenu:_propTypes.bool,elipsis:_propTypes.string,elipsisWidthEstimate:_propTypes.number,firstItemOverflow:_propTypes.bool,onRedirect:_propTypes.func,onSetAction:_propTypes.func,menuProps:_propTypes.object,separator:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTBreadcrumbs);

package/dist/components/UTBreadcrumbs/theme.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _classesUtils = require("../../utils/classesUtils");
-const retrieveStyle = _ref => {
-  var _theme$UTBreadcrumbs;
-  let {
-    theme
-  } = _ref;
-  return {
-    separator: {
-      margin: (0, _classesUtils.withImportant)((theme === null || theme === void 0 || (_theme$UTBreadcrumbs = theme.UTBreadcrumbs) === null || _theme$UTBreadcrumbs === void 0 || (_theme$UTBreadcrumbs = _theme$UTBreadcrumbs.separator) === null || _theme$UTBreadcrumbs === void 0 ? void 0 : _theme$UTBreadcrumbs.margin) || '0 12px')
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _classesUtils=require("../../utils/classesUtils");const retrieveStyle=_ref=>{var _theme$UTBreadcrumbs;let{theme:theme}=_ref;return{separator:{margin:(0,_classesUtils.withImportant)((null==theme||null===(_theme$UTBreadcrumbs=theme.UTBreadcrumbs)||void 0===_theme$UTBreadcrumbs||null===(_theme$UTBreadcrumbs=_theme$UTBreadcrumbs.separator)||void 0===_theme$UTBreadcrumbs?void 0:_theme$UTBreadcrumbs.margin)||"0 12px")}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTButton/constants.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VARIANTS_NAMES = exports.SIZES = exports.SHADOW_MAPPER = exports.ICON_PLACEMENTS = exports.DEFAULT_PROPS = exports.COLORS_MAPPER = void 0;
-var _Palette = require("../../constants/Palette");
-const VARIANTS_NAMES = exports.VARIANTS_NAMES = {
-  filled: 'filled',
-  outlined: 'outlined',
-  semitransparent: 'semitransparent',
-  shadow: 'shadow',
-  text: 'text'
-};
-const SIZES = exports.SIZES = {
-  small: 'small',
-  medium: 'medium',
-  large: 'large'
-};
-const ICON_PLACEMENTS = exports.ICON_PLACEMENTS = {
-  left: 'left',
-  right: 'right'
-};
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  colorTheme: 'secondary',
-  disabled: false,
-  fullHeight: false,
-  fullWidth: false,
-  hideTextOnResponsive: false,
-  iconPlacement: ICON_PLACEMENTS.left,
-  loading: false,
-  size: SIZES.medium,
-  variant: 'filled'
-};
-const COLORS_MAPPER = exports.COLORS_MAPPER = {
-  error: _Palette.COLOR_THEMES.error,
-  gray: _Palette.COLOR_THEMES.gray,
-  negative: _Palette.COLOR_THEMES.negative,
-  primary: _Palette.COLOR_THEMES.accent,
-  secondary: _Palette.COLOR_THEMES.neutral,
-  success: _Palette.COLOR_THEMES.success,
-  light: _Palette.COLOR_THEMES.light
-};
-const SHADOW_MAPPER = exports.SHADOW_MAPPER = {
-  [COLORS_MAPPER.error]: 'semanticError',
-  [COLORS_MAPPER.negative]: 'actionNeutral',
-  [COLORS_MAPPER.primary]: 'actionAccent',
-  [COLORS_MAPPER.secondary]: 'grayscale',
-  [COLORS_MAPPER.gray]: 'grayscale'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VARIANTS_NAMES=exports.SIZES=exports.SHADOW_MAPPER=exports.ICON_PLACEMENTS=exports.DEFAULT_PROPS=exports.COLORS_MAPPER=void 0;var _Palette=require("../../constants/Palette");const VARIANTS_NAMES=exports.VARIANTS_NAMES={filled:"filled",outlined:"outlined",semitransparent:"semitransparent",shadow:"shadow",text:"text"},SIZES=exports.SIZES={small:"small",medium:"medium",large:"large"},ICON_PLACEMENTS=exports.ICON_PLACEMENTS={left:"left",right:"right"},DEFAULT_PROPS=exports.DEFAULT_PROPS={colorTheme:"secondary",disabled:!1,fullHeight:!1,fullWidth:!1,hideTextOnResponsive:!1,iconPlacement:ICON_PLACEMENTS.left,loading:!1,size:SIZES.medium,variant:"filled"},COLORS_MAPPER=exports.COLORS_MAPPER={error:_Palette.COLOR_THEMES.error,gray:_Palette.COLOR_THEMES.gray,negative:_Palette.COLOR_THEMES.negative,primary:_Palette.COLOR_THEMES.accent,secondary:_Palette.COLOR_THEMES.neutral,success:_Palette.COLOR_THEMES.success,light:_Palette.COLOR_THEMES.light},SHADOW_MAPPER=exports.SHADOW_MAPPER={[COLORS_MAPPER.error]:"semanticError",[COLORS_MAPPER.negative]:"actionNeutral",[COLORS_MAPPER.primary]:"actionAccent",[COLORS_MAPPER.secondary]:"grayscale",[COLORS_MAPPER.gray]:"grayscale"};

package/dist/components/UTButton/index.js

@@ -1,123 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-var _componentUtils = require("../../utils/componentUtils");
-var _classesUtils = require("../../utils/classesUtils");
-var _UTBadge = _interopRequireDefault(require("../UTBadge"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _utils = require("./utils");
-var _constants = require("./constants");
-var _theme = require("./theme");
-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 UTButton = _ref => {
-  let {
-    children,
-    classes: theme,
-    classNames,
-    colorTheme,
-    count,
-    dataTestId,
-    disabled,
-    fullHeight,
-    fullWidth,
-    hideTextOnResponsive,
-    Icon,
-    iconPlacement,
-    LeftIcon,
-    leftIconProps,
-    loading,
-    onClick,
-    RightIcon,
-    rightIconProps,
-    size,
-    type,
-    variant
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, classNames), [classNames, theme]);
-  const {
-    childrenContainer,
-    circularProgress,
-    icon,
-    text: textClassName,
-    ...materialButtonClasses
-  } = classes;
-  const {
-    LeftIconComponent,
-    leftIconProps: leftIconBaseProps,
-    RightIconComponent,
-    rightIconProps: rightIconBaseProps
-  } = (0, _react.useMemo)(() => (0, _utils.getIconProps)({
-    className: icon,
-    colorTheme,
-    hideTextOnResponsive,
-    Icon,
-    iconPlacement,
-    LeftIcon,
-    RightIcon,
-    size,
-    variant
-  }), [colorTheme, hideTextOnResponsive, icon, Icon, iconPlacement, LeftIcon, RightIcon, size, variant]);
-  const LeftIconToShow = LeftIconComponent && /*#__PURE__*/_react.default.createElement(LeftIconComponent, _extends({}, leftIconBaseProps, leftIconProps));
-  const RightIconToShow = RightIconComponent && /*#__PURE__*/_react.default.createElement(RightIconComponent, _extends({}, rightIconBaseProps, rightIconProps));
-  const counterColorTheme = (0, _utils.getCounterColorTheme)(colorTheme, variant);
-  const labelProps = (0, _utils.getLabelProps)(colorTheme, variant, size);
-  const RenderedChildren = /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(childrenContainer, " ").concat(_stylesModule.default["".concat(size, "ChildrenContainer")])
-  }, count && /*#__PURE__*/_react.default.createElement(_UTBadge.default, {
-    colorTheme: counterColorTheme
-  }, count), LeftIconToShow, children !== null && children !== undefined && children !== false && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({}, labelProps, {
-    className: "".concat(_stylesModule.default.textContainer, " ").concat(textClassName)
-  }), children), RightIconToShow);
-  return /*#__PURE__*/_react.default.createElement(_Button.default, {
-    classes: materialButtonClasses,
-    className: "\n        ".concat(_stylesModule.default["padding".concat((0, _componentUtils.capitalize)(size))], "\n        ").concat(fullHeight && _stylesModule.default.fullHeight, "\n        ").concat(fullWidth && _stylesModule.default.fullWidth, "\n        ").concat(hideTextOnResponsive && _stylesModule.default.hideTextOnResponsive, "\n        ").concat(!hideTextOnResponsive && !children && _stylesModule.default.noChildren, "\n      "),
-    "data-testid": dataTestId,
-    disabled: disabled || loading,
-    onClick: onClick,
-    type: type
-  }, RenderedChildren, loading && /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-    size: 24,
-    className: "".concat(_stylesModule.default.loading, " ").concat(circularProgress)
-  }));
-};
-UTButton.defaultProps = _constants.DEFAULT_PROPS;
-UTButton.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  colorTheme: _propTypes.string,
-  count: _propTypes.number,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  fullHeight: _propTypes.bool,
-  fullWidth: _propTypes.bool,
-  hideTextOnResponsive: _propTypes.bool,
-  /**
-   * @deprecated Use LeftIcon or RightIcon instead.
-   */
-  Icon: _propTypes.elementType,
-  /**
-   * @deprecated Use LeftIcon or RightIcon instead.
-   */
-  iconPlacement: _propTypes.string,
-  LeftIcon: _propTypes.elementType,
-  leftIconProps: _propTypes.object,
-  loading: _propTypes.bool,
-  onClick: _propTypes.func,
-  RightIcon: _propTypes.elementType,
-  rightIconProps: _propTypes.object,
-  size: _propTypes.string,
-  type: _propTypes.string,
-  variant: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTButton);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_Button=_interopRequireDefault(require("@material-ui/core/Button")),_CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_componentUtils=require("../../utils/componentUtils"),_classesUtils=require("../../utils/classesUtils"),_UTBadge=_interopRequireDefault(require("../UTBadge")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_utils=require("./utils"),_constants=require("./constants"),_theme=require("./theme"),_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 UTButton=_ref=>{let{children:children,classes:theme,classNames:classNames,colorTheme:colorTheme,count:count,dataTestId:dataTestId,disabled:disabled,fullHeight:fullHeight,fullWidth:fullWidth,hideTextOnResponsive:hideTextOnResponsive,Icon:Icon,iconPlacement:iconPlacement,LeftIcon:LeftIcon,leftIconProps:leftIconProps,loading:loading,onClick:onClick,RightIcon:RightIcon,rightIconProps:rightIconProps,size:size,type:type,variant:variant}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(theme,classNames),[classNames,theme]),{childrenContainer:childrenContainer,circularProgress:circularProgress,icon:icon,text:textClassName,...materialButtonClasses}=classes,{LeftIconComponent:LeftIconComponent,leftIconProps:leftIconBaseProps,RightIconComponent:RightIconComponent,rightIconProps:rightIconBaseProps}=(0,_react.useMemo)(()=>(0,_utils.getIconProps)({className:icon,colorTheme:colorTheme,hideTextOnResponsive:hideTextOnResponsive,Icon:Icon,iconPlacement:iconPlacement,LeftIcon:LeftIcon,RightIcon:RightIcon,size:size,variant:variant}),[colorTheme,hideTextOnResponsive,icon,Icon,iconPlacement,LeftIcon,RightIcon,size,variant]),LeftIconToShow=LeftIconComponent&&_react.default.createElement(LeftIconComponent,_extends({},leftIconBaseProps,leftIconProps)),RightIconToShow=RightIconComponent&&_react.default.createElement(RightIconComponent,_extends({},rightIconBaseProps,rightIconProps)),counterColorTheme=(0,_utils.getCounterColorTheme)(colorTheme,variant),labelProps=(0,_utils.getLabelProps)(colorTheme,variant,size),RenderedChildren=_react.default.createElement("div",{className:"".concat(childrenContainer," ").concat(_stylesModule.default["".concat(size,"ChildrenContainer")])},count&&_react.default.createElement(_UTBadge.default,{colorTheme:counterColorTheme},count),LeftIconToShow,null!=children&&!1!==children&&_react.default.createElement(_UTLabel.default,_extends({},labelProps,{className:"".concat(_stylesModule.default.textContainer," ").concat(textClassName)}),children),RightIconToShow);return _react.default.createElement(_Button.default,{classes:materialButtonClasses,className:"\n        ".concat(_stylesModule.default["padding".concat((0,_componentUtils.capitalize)(size))],"\n        ").concat(fullHeight&&_stylesModule.default.fullHeight,"\n        ").concat(fullWidth&&_stylesModule.default.fullWidth,"\n        ").concat(hideTextOnResponsive&&_stylesModule.default.hideTextOnResponsive,"\n        ").concat(!hideTextOnResponsive&&!children&&_stylesModule.default.noChildren,"\n      "),"data-testid":dataTestId,disabled:disabled||loading,onClick:onClick,type:type},RenderedChildren,loading&&_react.default.createElement(_CircularProgress.default,{size:24,className:"".concat(_stylesModule.default.loading," ").concat(circularProgress)}))};UTButton.defaultProps=_constants.DEFAULT_PROPS,UTButton.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),colorTheme:_propTypes.string,count:_propTypes.number,dataTestId:_propTypes.string,disabled:_propTypes.bool,fullHeight:_propTypes.bool,fullWidth:_propTypes.bool,hideTextOnResponsive:_propTypes.bool,Icon:_propTypes.elementType,iconPlacement:_propTypes.string,LeftIcon:_propTypes.elementType,leftIconProps:_propTypes.object,loading:_propTypes.bool,onClick:_propTypes.func,RightIcon:_propTypes.elementType,rightIconProps:_propTypes.object,size:_propTypes.string,type:_propTypes.string,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTButton);