@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/esm/components/UTWorkflowContainer/versions/V1/components/NavActions/index.js

@@ -1,97 +1 @@
-import React, { memo } from 'react';
-import { bool, number, objectOf, shape, string } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import UTCheckbox from '../../../../../UTCheckbox';
-import { buttonTypes } from '../../types';
-import { TEST_IDS } from '../../../../../../constants/testIds';
-import { useScreenSize } from '../../../../../../utils/useScreenSize';
-import styles from './styles.module.scss';
-import { BACK, NEXT } from './constants';
-const {
-  workflowContainer
-} = TEST_IDS;
-const NavActions = _ref => {
-  var _backButton$dataTestI, _secondaryAction$data, _primaryAction$dataTe, _nextButton$dataTestI;
-  let {
-    backButton = {},
-    checkbox,
-    classes,
-    currentStep,
-    forceResponsive,
-    nextButton = {},
-    primaryAction,
-    secondaryAction
-  } = _ref;
-  const {
-    isMobileOrTablet
-  } = useScreenSize();
-  const isBackButtonHidden = currentStep === 1 && !backButton.isVisible || backButton.isHidden;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.actionsContainer, " ").concat(classes.actionsContainer)
-  }, (!isMobileOrTablet || !isBackButtonHidden) && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.actionsGroup, " ").concat(!isBackButtonHidden && styles.actionsGroupResponsive)
-  }, !isBackButtonHidden && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "".concat(styles.navAction, " ").concat(backButton.classes, "  ").concat(forceResponsive && styles.navActionResponsive)
-    },
-    colorTheme: "secondary",
-    dataTestId: (_backButton$dataTestI = backButton.dataTestId) !== null && _backButton$dataTestI !== void 0 ? _backButton$dataTestI : workflowContainer.bottomNav.backButton,
-    disabled: backButton.disabled,
-    Icon: backButton === null || backButton === void 0 ? void 0 : backButton.Icon,
-    iconPlacement: "left",
-    onClick: backButton.onClick,
-    size: "large",
-    variant: "text"
-  }, backButton.label || BACK), secondaryAction && !isMobileOrTablet && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "".concat(styles.navAction, " ").concat(forceResponsive && styles.navActionResponsive)
-    },
-    colorTheme: secondaryAction.colorTheme || 'primary',
-    dataTestId: (_secondaryAction$data = secondaryAction.dataTestId) !== null && _secondaryAction$data !== void 0 ? _secondaryAction$data : workflowContainer.bottomNav.secondaryAction,
-    disabled: secondaryAction.disabled,
-    iconPlacement: "left",
-    onClick: secondaryAction.onClick,
-    size: "large",
-    variant: secondaryAction.variant || 'text'
-  }, secondaryAction.label), checkbox && !isMobileOrTablet && /*#__PURE__*/React.createElement("div", {
-    className: styles.checkboxContainer
-  }, /*#__PURE__*/React.createElement(UTCheckbox, checkbox))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.actionsGroup, " ").concat((isMobileOrTablet || forceResponsive) && styles.actionsGroupResponsive)
-  }, primaryAction && !isMobileOrTablet && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "".concat(styles.navAction, " ").concat(forceResponsive && styles.navActionResponsive)
-    },
-    colorTheme: primaryAction.colorTheme || 'primary',
-    dataTestId: (_primaryAction$dataTe = primaryAction.dataTestId) !== null && _primaryAction$dataTe !== void 0 ? _primaryAction$dataTe : workflowContainer.bottomNav.primaryAction,
-    disabled: primaryAction.disabled,
-    iconPlacement: "right",
-    onClick: primaryAction.onClick,
-    size: "large",
-    variant: primaryAction.variant || 'semitransparent'
-  }, primaryAction.label), !nextButton.isHidden && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: {
-      root: "".concat(styles.navAction, " ").concat(nextButton.classes, "  ").concat(forceResponsive && styles.navActionResponsive)
-    },
-    colorTheme: "primary",
-    dataTestId: (_nextButton$dataTestI = nextButton.dataTestId) !== null && _nextButton$dataTestI !== void 0 ? _nextButton$dataTestI : workflowContainer.bottomNav.nextButton,
-    disabled: nextButton.disabled,
-    Icon: nextButton === null || nextButton === void 0 ? void 0 : nextButton.Icon,
-    iconPlacement: "right",
-    onClick: nextButton.onClick,
-    size: "large"
-  }, nextButton.label || NEXT)));
-};
-NavActions.propTypes = {
-  backButton: buttonTypes,
-  checkbox: shape({
-    text: string
-  }),
-  classes: objectOf(string),
-  currentStep: number,
-  forceResponsive: bool,
-  nextButton: buttonTypes,
-  primaryAction: buttonTypes,
-  secondaryAction: buttonTypes,
-  withIcon: bool
-};
-export default /*#__PURE__*/memo(NavActions);
+import React,{memo}from"react";import{bool,number,objectOf,shape,string}from"prop-types";import UTButton from"../../../../../UTButton";import UTCheckbox from"../../../../../UTCheckbox";import{buttonTypes}from"../../types";import{TEST_IDS}from"../../../../../../constants/testIds";import{useScreenSize}from"../../../../../../utils/useScreenSize";import styles from"./styles.module.scss";import{BACK,NEXT}from"./constants";const{workflowContainer:workflowContainer}=TEST_IDS,NavActions=t=>{var e,o,n,a;let{backButton:s={},checkbox:c,classes:i,currentStep:r,forceResponsive:l,nextButton:m={},primaryAction:d,secondaryAction:p}=t;const{isMobileOrTablet:b}=useScreenSize(),v=1===r&&!s.isVisible||s.isHidden;return React.createElement("div",{className:"".concat(styles.actionsContainer," ").concat(i.actionsContainer)},(!b||!v)&&React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat(!v&&styles.actionsGroupResponsive)},!v&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(s.classes,"  ").concat(l&&styles.navActionResponsive)},colorTheme:"secondary",dataTestId:null!==(e=s.dataTestId)&&void 0!==e?e:workflowContainer.bottomNav.backButton,disabled:s.disabled,Icon:null==s?void 0:s.Icon,iconPlacement:"left",onClick:s.onClick,size:"large",variant:"text"},s.label||BACK),p&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(l&&styles.navActionResponsive)},colorTheme:p.colorTheme||"primary",dataTestId:null!==(o=p.dataTestId)&&void 0!==o?o:workflowContainer.bottomNav.secondaryAction,disabled:p.disabled,iconPlacement:"left",onClick:p.onClick,size:"large",variant:p.variant||"text"},p.label),c&&!b&&React.createElement("div",{className:styles.checkboxContainer},React.createElement(UTCheckbox,c))),React.createElement("div",{className:"".concat(styles.actionsGroup," ").concat((b||l)&&styles.actionsGroupResponsive)},d&&!b&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(l&&styles.navActionResponsive)},colorTheme:d.colorTheme||"primary",dataTestId:null!==(n=d.dataTestId)&&void 0!==n?n:workflowContainer.bottomNav.primaryAction,disabled:d.disabled,iconPlacement:"right",onClick:d.onClick,size:"large",variant:d.variant||"semitransparent"},d.label),!m.isHidden&&React.createElement(UTButton,{classNames:{root:"".concat(styles.navAction," ").concat(m.classes,"  ").concat(l&&styles.navActionResponsive)},colorTheme:"primary",dataTestId:null!==(a=m.dataTestId)&&void 0!==a?a:workflowContainer.bottomNav.nextButton,disabled:m.disabled,Icon:null==m?void 0:m.Icon,iconPlacement:"right",onClick:m.onClick,size:"large"},m.label||NEXT)))};NavActions.propTypes={backButton:buttonTypes,checkbox:shape({text:string}),classes:objectOf(string),currentStep:number,forceResponsive:bool,nextButton:buttonTypes,primaryAction:buttonTypes,secondaryAction:buttonTypes,withIcon:bool};export default memo(NavActions);

package/dist/esm/components/UTWorkflowContainer/versions/V1/constants.js

@@ -1,13 +1 @@
-import styles from './styles.module.scss';
-const DEFAULT = 'default';
-const FULL_WIDTH = 'fullWidth';
-export const VARIANTS = {
-  DEFAULT,
-  FULL_WIDTH
-};
-export const childrenContentStyle = {
-  [VARIANTS.DEFAULT]: styles.childrenContent,
-  [VARIANTS.FULL_WIDTH]: styles.childrenContentFullWidth
-};
-export const CHILDREN_CONTAINER_ID = 'workflow-children-container-';
-export const FORMS_QUERY_SELECTOR = "#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT, " form");
+import styles from"./styles.module.scss";const DEFAULT="default",FULL_WIDTH="fullWidth";export const VARIANTS={DEFAULT:DEFAULT,FULL_WIDTH:FULL_WIDTH};export const childrenContentStyle={[VARIANTS.DEFAULT]:styles.childrenContent,[VARIANTS.FULL_WIDTH]:styles.childrenContentFullWidth};export const CHILDREN_CONTAINER_ID="workflow-children-container-";export const FORMS_QUERY_SELECTOR="#".concat(CHILDREN_CONTAINER_ID).concat(VARIANTS.DEFAULT," form");

package/dist/esm/components/UTWorkflowContainer/versions/V1/index.js

@@ -1,220 +1 @@
-import React, { useEffect, useMemo } from 'react';
-import { arrayOf, bool, element, func, number, object, objectOf, shape, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import UTCheckbox from '../../../UTCheckbox';
-import UTHeader from '../../../UTHeader';
-import UTProgressBar from '../../../UTProgressBar';
-import UTStepper from '../../../UTStepper';
-import UTWizard from '../../../UTWizard';
-import WithTheme from '../../../WithTheme';
-import { TEST_IDS } from '../../../../constants/testIds';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import { useScreenSize } from '../../../../utils/useScreenSize';
-import NavActions from './components/NavActions';
-import styles from './styles.module.scss';
-import { buttonTypes } from './types';
-import { CHILDREN_CONTAINER_ID, FORMS_QUERY_SELECTOR, VARIANTS, childrenContentStyle } from './constants';
-import { retrieveStyle } from './theme';
-const {
-  workflowContainer
-} = TEST_IDS;
-const UTWorkflowContainer = _ref => {
-  let {
-    backButton,
-    banner,
-    checkbox,
-    children,
-    classes: themeClasses = {},
-    classNames,
-    currentStage,
-    currentStep = 1,
-    forceResponsive = false,
-    headerActions,
-    helpText,
-    helpTextDataTestId = workflowContainer.header.helpText,
-    navHidden = false,
-    nextButton,
-    onExit,
-    primaryAction,
-    requiredFieldInfo,
-    requiredFieldInfoDataTestId = workflowContainer.header.requiredFieldInfo,
-    secondaryAction,
-    stages,
-    stepperLabelProps = {},
-    stepperSize = 'S',
-    stepsCount,
-    subtitle,
-    subtitleDataTestId = workflowContainer.header.subtitle,
-    tagline,
-    taglineDataTestId = workflowContainer.header.tagline,
-    title,
-    titleDataTestId = workflowContainer.header.title,
-    titleProps = {},
-    variant = VARIANTS.DEFAULT,
-    withIcon = false,
-    withStepperPadding = true,
-    wizardConfig = {}
-  } = _ref;
-  useEffect(() => () => onExit && onExit(), []);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const {
-    isMobileOrTablet,
-    isMobileSize
-  } = useScreenSize();
-  const isBackButtonHidden = backButton === null || backButton === void 0 ? void 0 : backButton.isHidden;
-  const isNextButtonHidden = nextButton === null || nextButton === void 0 ? void 0 : nextButton.isHidden;
-  const isLastStep = stepsCount && stepsCount === currentStep;
-  const isNavHidden = navHidden || !!isLastStep && isBackButtonHidden && isNextButtonHidden;
-  useEffect(() => {
-    const processFormElements = callback => {
-      const currentFormElements = document.querySelectorAll(FORMS_QUERY_SELECTOR);
-      if (!isEmpty(currentFormElements)) {
-        currentFormElements.forEach(callback);
-      }
-    };
-    const removeStylesFromForms = () => {
-      processFormElements(form => {
-        var _form$classList;
-        form === null || form === void 0 || (_form$classList = form.classList) === null || _form$classList === void 0 || _form$classList.remove(styles.formContainer);
-      });
-    };
-    const applyStylesToForms = () => {
-      processFormElements(form => {
-        const childrenIsNotEmpty = !isEmpty(form === null || form === void 0 ? void 0 : form.children);
-        const hasInputs = !isEmpty(form.querySelectorAll('input'));
-        if (childrenIsNotEmpty && hasInputs) {
-          var _form$classList2;
-          form === null || form === void 0 || (_form$classList2 = form.classList) === null || _form$classList2 === void 0 || _form$classList2.add(styles.formContainer);
-        }
-      });
-    };
-    if (isMobileSize) return removeStylesFromForms();
-    const observer = new MutationObserver(() => applyStylesToForms());
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    applyStylesToForms();
-    return () => {
-      removeStylesFromForms();
-      observer.disconnect();
-    };
-  }, [currentStep, currentStage, isMobileSize]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(classes.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.content, " ").concat(classes.content)
-  }, stages && /*#__PURE__*/React.createElement(UTStepper, {
-    stepperSize,
-    currentStage,
-    stages,
-    stepperLabelProps,
-    withPadding: withStepperPadding
-  }), (title || isMobileOrTablet && (primaryAction || secondaryAction)) && /*#__PURE__*/React.createElement(UTHeader, {
-    actions: [...(headerActions || []), ...(isMobileOrTablet ? [primaryAction, secondaryAction].filter(action => action) : [])],
-    banner: title && banner,
-    classNames: {
-      outerContainer: "".concat(styles.headerContainer, " ").concat(classes.headerContainer),
-      titles: classes.titles
-    },
-    helpText: title && helpText,
-    helpTextDataTestId,
-    isLastStep: isNavHidden,
-    requiredFieldInfo: title && requiredFieldInfo,
-    requiredFieldInfoDataTestId,
-    subtitle: title && subtitle,
-    subtitleDataTestId,
-    tagline: title && tagline,
-    taglineDataTestId,
-    title,
-    titleDataTestId,
-    titleProps
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.childrenContainer, " ").concat(classes.childrenContainer, " ").concat(variant === VARIANTS.FULL_WIDTH && "".concat(styles.childrenContainerFullWidth, " ").concat(classes.childrenContainerFullWidth)),
-    id: CHILDREN_CONTAINER_ID + variant
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(childrenContentStyle[variant] || styles.childrenContent, " ").concat(classes.childrenContent)
-  }, children))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.footer, " ").concat(classes.footer)
-  }, /*#__PURE__*/React.createElement(UTWizard, wizardConfig), !isNavHidden && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.bottomNav, " ").concat(styles.bottomNav)
-  }, checkbox && isMobileOrTablet && /*#__PURE__*/React.createElement("div", {
-    className: styles.mobileCheckboxContainer
-  }, /*#__PURE__*/React.createElement(UTCheckbox, checkbox)), !!stepsCount && /*#__PURE__*/React.createElement(UTProgressBar, {
-    classNames: {
-      barColorPrimary: classes.barColorPrimary,
-      colorPrimary: classes.colorPrimary,
-      container: styles.progressBarContainer,
-      label: styles.progressBarLabel,
-      root: styles.progress
-    },
-    value: currentStep * 100 / stepsCount
-  }), /*#__PURE__*/React.createElement(NavActions, {
-    backButton: backButton,
-    checkbox: checkbox,
-    classes: classes,
-    currentStep: currentStep,
-    forceResponsive: forceResponsive,
-    nextButton: nextButton,
-    primaryAction: primaryAction,
-    secondaryAction: secondaryAction,
-    withIcon: withIcon
-  }))));
-};
-UTWorkflowContainer.propTypes = {
-  backButton: buttonTypes,
-  banner: shape({
-    Icon: object,
-    text: string
-  }),
-  checkbox: shape({
-    text: string
-  }),
-  children: element,
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  currentStage: number,
-  currentStep: number,
-  forceResponsive: bool,
-  headerActions: arrayOf(buttonTypes),
-  helpText: string,
-  helpTextDataTestId: string,
-  navHidden: bool,
-  nextButton: buttonTypes,
-  onExit: func,
-  primaryAction: buttonTypes,
-  requiredFieldInfo: string,
-  requiredFieldInfoDataTestId: string,
-  secondaryAction: buttonTypes,
-  stages: object,
-  stepperLabelProps: object,
-  stepperSize: string,
-  stepsCount: number,
-  subtitle: string,
-  subtitleDataTestId: string,
-  tagline: string,
-  taglineDataTestId: string,
-  title: string,
-  titleDataTestId: string,
-  titleProps: shape({
-    align: string,
-    classes: objectOf(string),
-    className: string,
-    dataTestId: string,
-    markdownRenderers: objectOf(func),
-    title: string,
-    variant: string,
-    withMarkdown: bool
-  }),
-  variant: string,
-  withIcon: bool,
-  withStepperPadding: bool,
-  wizardConfig: shape({
-    description: string,
-    enabled: bool,
-    handleOnClick: func,
-    title: string,
-    variant: string
-  })
-};
-export default WithTheme(retrieveStyle)(UTWorkflowContainer);
+import React,{useEffect,useMemo}from"react";import{arrayOf,bool,element,func,number,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTCheckbox from"../../../UTCheckbox";import UTHeader from"../../../UTHeader";import UTProgressBar from"../../../UTProgressBar";import UTStepper from"../../../UTStepper";import UTWizard from"../../../UTWizard";import WithTheme from"../../../WithTheme";import{TEST_IDS}from"../../../../constants/testIds";import{mergeClasses}from"../../../../utils/classesUtils";import{useScreenSize}from"../../../../utils/useScreenSize";import NavActions from"./components/NavActions";import styles from"./styles.module.scss";import{buttonTypes}from"./types";import{CHILDREN_CONTAINER_ID,FORMS_QUERY_SELECTOR,VARIANTS,childrenContentStyle}from"./constants";import{retrieveStyle}from"./theme";const{workflowContainer:workflowContainer}=TEST_IDS,UTWorkflowContainer=e=>{let{backButton:t,banner:r,checkbox:n,children:o,classes:s={},classNames:a,currentStage:i,currentStep:c=1,forceResponsive:l=!1,headerActions:d,helpText:m,helpTextDataTestId:p=workflowContainer.header.helpText,navHidden:u=!1,nextButton:T,onExit:b,primaryAction:f,requiredFieldInfo:h,requiredFieldInfoDataTestId:g=workflowContainer.header.requiredFieldInfo,secondaryAction:y,stages:C,stepperLabelProps:I={},stepperSize:S="S",stepsCount:E,subtitle:v,subtitleDataTestId:R=workflowContainer.header.subtitle,tagline:w,taglineDataTestId:N=workflowContainer.header.tagline,title:k,titleDataTestId:D=workflowContainer.header.title,titleProps:U={},variant:x=VARIANTS.DEFAULT,withIcon:A=!1,withStepperPadding:O=!0,wizardConfig:P={}}=e;useEffect(()=>()=>b&&b(),[]);const L=useMemo(()=>mergeClasses(s,a),[a]),{isMobileOrTablet:F,isMobileSize:z}=useScreenSize(),W=null==t?void 0:t.isHidden,B=null==T?void 0:T.isHidden,_=u||!!(E&&E===c)&&W&&B;return useEffect(()=>{const e=e=>{const t=document.querySelectorAll(FORMS_QUERY_SELECTOR);isEmpty(t)||t.forEach(e)},t=()=>{e(e=>{var t;null==e||null===(t=e.classList)||void 0===t||t.remove(styles.formContainer)})},r=()=>{e(e=>{const t=!isEmpty(null==e?void 0:e.children),r=!isEmpty(e.querySelectorAll("input"));var n;t&&r&&(null==e||null===(n=e.classList)||void 0===n||n.add(styles.formContainer))})};if(z)return t();const n=new MutationObserver(()=>r());return n.observe(document.body,{childList:!0,subtree:!0}),r(),()=>{t(),n.disconnect()}},[c,i,z]),React.createElement("div",{className:"".concat(styles.container," ").concat(L.container)},React.createElement("div",{className:"".concat(styles.content," ").concat(L.content)},C&&React.createElement(UTStepper,{stepperSize:S,currentStage:i,stages:C,stepperLabelProps:I,withPadding:O}),(k||F&&(f||y))&&React.createElement(UTHeader,{actions:[...d||[],...F?[f,y].filter(e=>e):[]],banner:k&&r,classNames:{outerContainer:"".concat(styles.headerContainer," ").concat(L.headerContainer),titles:L.titles},helpText:k&&m,helpTextDataTestId:p,isLastStep:_,requiredFieldInfo:k&&h,requiredFieldInfoDataTestId:g,subtitle:k&&v,subtitleDataTestId:R,tagline:k&&w,taglineDataTestId:N,title:k,titleDataTestId:D,titleProps:U}),React.createElement("div",{className:"".concat(styles.childrenContainer," ").concat(L.childrenContainer," ").concat(x===VARIANTS.FULL_WIDTH&&"".concat(styles.childrenContainerFullWidth," ").concat(L.childrenContainerFullWidth)),id:CHILDREN_CONTAINER_ID+x},React.createElement("div",{className:"".concat(childrenContentStyle[x]||styles.childrenContent," ").concat(L.childrenContent)},o))),React.createElement("div",{className:"".concat(styles.footer," ").concat(L.footer)},React.createElement(UTWizard,P),!_&&React.createElement("div",{className:"".concat(L.bottomNav," ").concat(styles.bottomNav)},n&&F&&React.createElement("div",{className:styles.mobileCheckboxContainer},React.createElement(UTCheckbox,n)),!!E&&React.createElement(UTProgressBar,{classNames:{barColorPrimary:L.barColorPrimary,colorPrimary:L.colorPrimary,container:styles.progressBarContainer,label:styles.progressBarLabel,root:styles.progress},value:100*c/E}),React.createElement(NavActions,{backButton:t,checkbox:n,classes:L,currentStep:c,forceResponsive:l,nextButton:T,primaryAction:f,secondaryAction:y,withIcon:A}))))};UTWorkflowContainer.propTypes={backButton:buttonTypes,banner:shape({Icon:object,text:string}),checkbox:shape({text:string}),children:element,classNames:objectOf(string),classes:objectOf(string),currentStage:number,currentStep:number,forceResponsive:bool,headerActions:arrayOf(buttonTypes),helpText:string,helpTextDataTestId:string,navHidden:bool,nextButton:buttonTypes,onExit:func,primaryAction:buttonTypes,requiredFieldInfo:string,requiredFieldInfoDataTestId:string,secondaryAction:buttonTypes,stages:object,stepperLabelProps:object,stepperSize:string,stepsCount:number,subtitle:string,subtitleDataTestId:string,tagline:string,taglineDataTestId:string,title:string,titleDataTestId:string,titleProps:shape({align:string,classes:objectOf(string),className:string,dataTestId:string,markdownRenderers:objectOf(func),title:string,variant:string,withMarkdown:bool}),variant:string,withIcon:bool,withStepperPadding:bool,wizardConfig:shape({description:string,enabled:bool,handleOnClick:func,title:string,variant:string})};export default WithTheme(retrieveStyle)(UTWorkflowContainer);

package/dist/esm/components/UTWorkflowContainer/versions/V1/theme.js

@@ -1,28 +1 @@
-import { getShadow } from '../../../../utils/shadowUtils';
-export const retrieveStyle = _ref => {
-  var _theme$UTWorkflowCont, _theme$Palette$shadow, _theme$Palette, _theme$UTWorkflowCont2, _theme$UTWorkflowCont3, _theme$Palette2, _theme$Palette3;
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: (_theme$UTWorkflowCont = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont === void 0 || (_theme$UTWorkflowCont = _theme$UTWorkflowCont.container) === null || _theme$UTWorkflowCont === void 0 ? void 0 : _theme$UTWorkflowCont.backgroundColor,
-      boxShadow: getShadow({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 2
-      })
-    },
-    bottomNav: {
-      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['01']
-    },
-    barColorPrimary: {
-      backgroundColor: (_theme$UTWorkflowCont2 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont2 === void 0 || (_theme$UTWorkflowCont2 = _theme$UTWorkflowCont2.progress) === null || _theme$UTWorkflowCont2 === void 0 ? void 0 : _theme$UTWorkflowCont2.backgroundColor
-    },
-    colorPrimary: {
-      backgroundColor: "".concat(((_theme$UTWorkflowCont3 = theme.UTWorkflowContainer) === null || _theme$UTWorkflowCont3 === void 0 || (_theme$UTWorkflowCont3 = _theme$UTWorkflowCont3.progress) === null || _theme$UTWorkflowCont3 === void 0 ? void 0 : _theme$UTWorkflowCont3.color) || ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.light['04']), " !important")
-    },
-    childrenContainerFullWidth: {
-      borderTop: "1px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['04'])
-    }
-  };
-};
+import{getShadow}from"../../../../utils/shadowUtils";export const retrieveStyle=o=>{var l,r,i,t,n,d,e;let{theme:a}=o;return{container:{backgroundColor:null===(l=a.UTWorkflowContainer)||void 0===l||null===(l=l.container)||void 0===l?void 0:l.backgroundColor,boxShadow:getShadow({color:null===(r=a.Palette.shadows)||void 0===r?void 0:r.grayscale,level:2})},bottomNav:{backgroundColor:null===(i=a.Palette)||void 0===i?void 0:i.light["01"]},barColorPrimary:{backgroundColor:null===(t=a.UTWorkflowContainer)||void 0===t||null===(t=t.progress)||void 0===t?void 0:t.backgroundColor},colorPrimary:{backgroundColor:"".concat((null===(n=a.UTWorkflowContainer)||void 0===n||null===(n=n.progress)||void 0===n?void 0:n.color)||(null===(d=a.Palette)||void 0===d?void 0:d.light["04"])," !important")},childrenContainerFullWidth:{borderTop:"1px solid ".concat(null===(e=a.Palette)||void 0===e?void 0:e.light["04"])}}};

package/dist/esm/components/UTWorkflowContainer/versions/V1/types.js

@@ -1,9 +1 @@
-import { func, bool, string, shape, elementType } from 'prop-types';
-export const buttonTypes = shape({
-  disabled: bool,
-  Icon: elementType,
-  isHidden: bool,
-  isVisible: bool,
-  label: string,
-  onClick: func
-});
+import{func,bool,string,shape,elementType}from"prop-types";export const buttonTypes=shape({disabled:bool,Icon:elementType,isHidden:bool,isVisible:bool,label:string,onClick:func});

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

@@ -1,56 +1 @@
-import React from 'react';
-import { arrayOf, bool, func, node, object, objectOf, shape, string } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import UTTooltip from '../UTTooltip';
-import UTButton from '../UTButton';
-import styles from './styles.module.scss';
-import { getMatchingConfigs } from './utils';
-const UTWrapperObservation = _ref => {
-  let {
-    field,
-    observationWrapperConfiguration,
-    children,
-    dataTestId
-  } = _ref;
-  const matchingConfigs = getMatchingConfigs(observationWrapperConfiguration, field);
-  const hasObservation = !isEmpty(matchingConfigs);
-  if (!(observationWrapperConfiguration !== null && observationWrapperConfiguration !== void 0 && observationWrapperConfiguration.length)) {
-    return children;
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(hasObservation ? styles.withObservation : ''),
-    "data-testid": dataTestId
-  }, children, /*#__PURE__*/React.createElement("div", {
-    className: styles.actionButtons
-  }, observationWrapperConfiguration.map(config => /*#__PURE__*/React.createElement(UTTooltip, {
-    key: config.key,
-    arrow: false,
-    content: config.textTooltip,
-    tippyProps: {
-      appendTo: () => document.body,
-      interactive: false
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.iconButton,
-    onClick: config.action,
-    onKeyDown: e => {
-      var _config$action;
-      return e.key === 'Enter' && ((_config$action = config.action) === null || _config$action === void 0 ? void 0 : _config$action.call(config));
-    },
-    role: "button",
-    tabIndex: 0,
-    "data-testid": dataTestId ? "".concat(dataTestId, ".actionIcon.").concat(config.key) : undefined
-  }, /*#__PURE__*/React.createElement(UTButton, config.buttonProps))))));
-};
-UTWrapperObservation.propTypes = {
-  children: node.isRequired,
-  dataTestId: string,
-  field: objectOf(bool),
-  observationWrapperConfiguration: arrayOf(shape({
-    action: func,
-    buttonProps: object,
-    key: string,
-    textTooltip: string
-  }))
-};
-export default UTWrapperObservation;
+import React from"react";import{arrayOf,bool,func,node,object,objectOf,shape,string}from"prop-types";import isEmpty from"lodash/isEmpty";import UTTooltip from"../UTTooltip";import UTButton from"../UTButton";import styles from"./styles.module.scss";import{getMatchingConfigs}from"./utils";const UTWrapperObservation=t=>{let{field:e,observationWrapperConfiguration:o,children:n,dataTestId:a}=t;const r=getMatchingConfigs(o,e),i=!isEmpty(r);return null!=o&&o.length?React.createElement("div",{className:"".concat(styles.container," ").concat(i?styles.withObservation:""),"data-testid":a},n,React.createElement("div",{className:styles.actionButtons},o.map(t=>React.createElement(UTTooltip,{key:t.key,arrow:!1,content:t.textTooltip,tippyProps:{appendTo:()=>document.body,interactive:!1}},React.createElement("div",{className:styles.iconButton,onClick:t.action,onKeyDown:e=>{var o;return"Enter"===e.key&&(null===(o=t.action)||void 0===o?void 0:o.call(t))},role:"button",tabIndex:0,"data-testid":a?"".concat(a,".actionIcon.").concat(t.key):void 0},React.createElement(UTButton,t.buttonProps)))))):n};UTWrapperObservation.propTypes={children:node.isRequired,dataTestId:string,field:objectOf(bool),observationWrapperConfiguration:arrayOf(shape({action:func,buttonProps:object,key:string,textTooltip:string}))};export default UTWrapperObservation;

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

@@ -1,4 +1 @@
-export const getMatchingConfigs = (observationWrapperConfiguration, field) => {
-  var _observationWrapperCo;
-  return (_observationWrapperCo = observationWrapperConfiguration === null || observationWrapperConfiguration === void 0 ? void 0 : observationWrapperConfiguration.filter(config => (field === null || field === void 0 ? void 0 : field[config.key]) === true)) !== null && _observationWrapperCo !== void 0 ? _observationWrapperCo : [];
-};
+export const getMatchingConfigs=(l,n)=>{var i;return null!==(i=null==l?void 0:l.filter(l=>!0===(null==n?void 0:n[l.key])))&&void 0!==i?i:[]};

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

@@ -1,29 +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 from 'react';
-import withScriptjs from 'react-google-maps/lib/withScriptjs';
-import { string } from 'prop-types';
-import { UTGoogleAutocompletePropTypes, UTMapPropTypes } from '../../types/googleMapsTypes';
-const WithGoogleMapScript = () => WrappedComponent => {
-  const Component = withScriptjs(WrappedComponent);
-  const WithGoogleMap = _ref => {
-    let {
-      apiKey,
-      ...props
-    } = _ref;
-    return /*#__PURE__*/React.createElement(Component, _extends({
-      googleMapURL: "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&key=".concat(apiKey),
-      loadingElement: /*#__PURE__*/React.createElement("div", {
-        style: {
-          height: "100%"
-        }
-      })
-    }, props));
-  };
-  WithGoogleMap.propTypes = {
-    apiKey: string,
-    UTMapPropTypes,
-    UTGoogleAutocompletePropTypes
-  };
-  return WithGoogleMap;
-};
-export default WithGoogleMapScript;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var p in o)({}).hasOwnProperty.call(o,p)&&(e[p]=o[p])}return e},_extends.apply(null,arguments)}import React from"react";import withScriptjs from"react-google-maps/lib/withScriptjs";import{string}from"prop-types";import{UTGoogleAutocompletePropTypes,UTMapPropTypes}from"../../types/googleMapsTypes";const WithGoogleMapScript=()=>e=>{const t=withScriptjs(e),o=e=>{let{apiKey:o,...p}=e;return React.createElement(t,_extends({googleMapURL:"https://maps.googleapis.com/maps/api/js?libraries=places,geometry&key=".concat(o),loadingElement:React.createElement("div",{style:{height:"100%"}})},p))};return o.propTypes={apiKey:string,UTMapPropTypes:UTMapPropTypes,UTGoogleAutocompletePropTypes:UTGoogleAutocompletePropTypes},o};export default WithGoogleMapScript;

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

@@ -1,10 +1 @@
-import React from 'react';
-import Loading from '../Loading';
-const WithLoading = (shouldLoad, text, className, size, thickness, textClassName) => WrappedComponent => props => shouldLoad(props) ? /*#__PURE__*/React.createElement(Loading, {
-  text: text,
-  className: className,
-  thickness: thickness,
-  size: size,
-  textClassName: textClassName
-}) : /*#__PURE__*/React.createElement(WrappedComponent, props);
-export default WithLoading;
+import React from"react";import Loading from"../Loading";const WithLoading=(e,t,a,i,o,c)=>n=>m=>e(m)?React.createElement(Loading,{text:t,className:a,thickness:o,size:i,textClassName:c}):React.createElement(n,m);export default WithLoading;

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

@@ -1,17 +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 from 'react';
-import { useTheme } from '@material-ui/core/styles';
-import { EnergyThemeConsumer } from '../../theme';
-import ThemedComponent from './layout';
-const WithTheme = (retrieveStyle, retrieveMuiTheme, retrieveProps) => Component => props => {
-  const muiTheme = useTheme();
-  return /*#__PURE__*/React.createElement(EnergyThemeConsumer, null, theme => /*#__PURE__*/React.createElement(ThemedComponent, _extends({}, props, {
-    retrieveStyle: retrieveStyle,
-    retrieveMuiTheme: retrieveMuiTheme,
-    retrieveProps: retrieveProps,
-    Component: Component,
-    theme: theme,
-    muiTheme: muiTheme
-  })));
-};
-export default WithTheme;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React from"react";import{useTheme}from"@material-ui/core/styles";import{EnergyThemeConsumer}from"../../theme";import ThemedComponent from"./layout";const WithTheme=(e,t,r)=>n=>m=>{const o=useTheme();return React.createElement(EnergyThemeConsumer,null,i=>React.createElement(ThemedComponent,_extends({},m,{retrieveStyle:e,retrieveMuiTheme:t,retrieveProps:r,Component:n,theme:i,muiTheme:o})))};export default WithTheme;

package/dist/esm/components/WithTheme/layout.js

@@ -1,58 +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 from 'react';
-import { object, func, elementType, oneOfType } from 'prop-types';
-import jss from 'jss';
-import preset from 'jss-preset-default';
-import hash from 'object-hash';
-import { MuiThemeProvider } from '@material-ui/core/styles';
-import isEmpty from 'lodash/isEmpty';
-import { manager } from '../../theme';
-jss.setup(preset());
-jss.options.insertionPoint = document.getElementById('energyui-insertion-point');
-const conditionalCreateSheet = (retrieveStyle, theme) => {
-  const styles = retrieveStyle(theme);
-  const stylesKey = hash(styles);
-  let sheet = manager.get(stylesKey);
-  if (sheet) return sheet.classes;
-  sheet = jss.createStyleSheet(styles);
-  manager.add(stylesKey, sheet);
-  const {
-    classes
-  } = sheet.attach();
-  return classes;
-};
-const ThemedComponent = _ref => {
-  let {
-    Component,
-    muiTheme,
-    retrieveMuiTheme,
-    retrieveProps,
-    retrieveStyle,
-    theme,
-    ...props
-  } = _ref;
-  const propsUpdated = retrieveProps && !isEmpty(theme.componentsProps) ? retrieveProps(theme.componentsProps, props) : props;
-  const classes = retrieveStyle ? conditionalCreateSheet(retrieveStyle, {
-    theme,
-    ...propsUpdated
-  }) : {};
-  const muiThemeUpdated = retrieveMuiTheme && retrieveMuiTheme(theme, muiTheme);
-  return muiThemeUpdated ? /*#__PURE__*/React.createElement(MuiThemeProvider, {
-    theme: muiThemeUpdated
-  }, /*#__PURE__*/React.createElement(Component, _extends({
-    classes: classes,
-    theme: theme
-  }, propsUpdated))) : /*#__PURE__*/React.createElement(Component, _extends({
-    classes: classes,
-    theme: theme
-  }, propsUpdated));
-};
-ThemedComponent.propTypes = {
-  Component: oneOfType([elementType, func]),
-  muiTheme: object,
-  retrieveMuiTheme: func,
-  retrieveProps: func,
-  retrieveStyle: func,
-  theme: object
-};
-export default ThemedComponent;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React from"react";import{object,func,elementType,oneOfType}from"prop-types";import jss from"jss";import preset from"jss-preset-default";import hash from"object-hash";import{MuiThemeProvider}from"@material-ui/core/styles";import isEmpty from"lodash/isEmpty";import{manager}from"../../theme";jss.setup(preset()),jss.options.insertionPoint=document.getElementById("energyui-insertion-point");const conditionalCreateSheet=(e,t)=>{const r=e(t),n=hash(r);let o=manager.get(n);if(o)return o.classes;o=jss.createStyleSheet(r),manager.add(n,o);const{classes:s}=o.attach();return s},ThemedComponent=e=>{let{Component:t,muiTheme:r,retrieveMuiTheme:n,retrieveProps:o,retrieveStyle:s,theme:m,...i}=e;const a=o&&!isEmpty(m.componentsProps)?o(m.componentsProps,i):i,p=s?conditionalCreateSheet(s,{theme:m,...a}):{},c=n&&n(m,r);return c?React.createElement(MuiThemeProvider,{theme:c},React.createElement(t,_extends({classes:p,theme:m},a))):React.createElement(t,_extends({classes:p,theme:m},a))};ThemedComponent.propTypes={Component:oneOfType([elementType,func]),muiTheme:object,retrieveMuiTheme:func,retrieveProps:func,retrieveStyle:func,theme:object};export default ThemedComponent;

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

@@ -1,22 +1 @@
-import React from 'react';
-import { func, string } from 'prop-types';
-import UTTouchableWithoutFeedback from '../UTTouchableWithoutFeedback';
-import styles from './styles.module.scss';
-const WithTouch = onClick => WrappedComponent => props => {
-  const handleClick = () => onClick(props);
-  return onClick ? /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
-    onClick: handleClick
-    // eslint-disable-next-line react/prop-types
-    ,
-    className: "".concat(styles.base, " ").concat(props.touchableClassName)
-    // eslint-disable-next-line react/prop-types
-    ,
-    ref: props.touchableRef
-  }, /*#__PURE__*/React.createElement(WrappedComponent, props)) : /*#__PURE__*/React.createElement(WrappedComponent, props);
-};
-WithTouch.propTypes = {
-  onClick: func,
-  touchableClassName: string,
-  touchableRef: string
-};
-export default WithTouch;
+import React from"react";import{func,string}from"prop-types";import UTTouchableWithoutFeedback from"../UTTouchableWithoutFeedback";import styles from"./styles.module.scss";const WithTouch=e=>t=>c=>e?React.createElement(UTTouchableWithoutFeedback,{onClick:()=>e(c),className:"".concat(styles.base," ").concat(c.touchableClassName),ref:c.touchableRef},React.createElement(t,c)):React.createElement(t,c);WithTouch.propTypes={onClick:func,touchableClassName:string,touchableRef:string};export default WithTouch;