@widergy/energy-ui 3.158.1 → 3.159.0

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

@@ -0,0 +1,56 @@
+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;

package/dist/esm/components/UTWrapperObservation/styles.module.scss

@@ -0,0 +1,37 @@
+.actionButtons {
+  align-items: center;
+  display: flex;
+  gap: var(--gap-sm);
+  position: absolute;
+  right: 0;
+}
+
+.container {
+  align-items: center;
+  display: flex;
+  flex-direction: row;
+  position: relative;
+  width: max-content;
+
+  &:hover .iconButton {
+    opacity: 1;
+  }
+}
+
+.iconButton {
+  align-items: center;
+  cursor: pointer;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+
+.withObservation {
+  gap: var(--gap-sm);
+
+  .actionButtons {
+    position: static;
+  }
+}

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

@@ -0,0 +1,4 @@
+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 : [];
+};

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

@@ -0,0 +1,29 @@
+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;

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

@@ -0,0 +1,10 @@
+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;

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

@@ -0,0 +1,17 @@
+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;

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

@@ -0,0 +1,58 @@
+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;

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

@@ -0,0 +1,22 @@
+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;

package/dist/esm/components/WithTouch/styles.module.scss

@@ -0,0 +1,7 @@
+.base {
+  height: fit-content;
+  margin: 0;
+  padding: 0;
+  width: fit-content;
+}
+

package/dist/esm/constants/Palette.js

@@ -0,0 +1,20 @@
+export const COLOR_SHADES = {
+  shade01: '01',
+  shade02: '02',
+  shade03: '03',
+  shade04: '04',
+  shade05: '05'
+};
+export const COLOR_THEMES = {
+  accent: 'accent',
+  dark: 'dark',
+  error: 'error',
+  gray: 'gray',
+  information: 'information',
+  light: 'light',
+  negative: 'negative',
+  neutral: 'neutral',
+  primary: 'primary',
+  success: 'success',
+  warning: 'warning'
+};

package/dist/esm/constants/UTTable.js

@@ -0,0 +1,4 @@
+export const INTEGRATION_TYPES = {
+  EXTERNAL: 'external',
+  INTERNAL: 'internal'
+};

package/dist/esm/constants/countries.js

@@ -0,0 +1,205 @@
+export default [{
+  name: 'Anguila',
+  code: 'AI',
+  prefix: '+1264'
+}, {
+  name: 'Antigua y Barbuda',
+  code: 'AG',
+  prefix: '+1268'
+}, {
+  name: 'Argentina',
+  code: 'AR',
+  prefix: '+54'
+}, {
+  name: 'Aruba',
+  code: 'AW',
+  prefix: '+297'
+}, {
+  name: 'Bahamas',
+  code: 'BS',
+  prefix: '+1242'
+}, {
+  name: 'Barbados',
+  code: 'BB',
+  prefix: '+1246'
+}, {
+  name: 'Belice',
+  code: 'BZ',
+  prefix: '+501'
+}, {
+  name: 'Bermudas',
+  code: 'BM',
+  prefix: '+1441'
+}, {
+  name: 'Bolivia',
+  code: 'BO',
+  prefix: '+591'
+}, {
+  name: 'Brasil',
+  code: 'BR',
+  prefix: '+55'
+}, {
+  name: 'Canadá',
+  code: 'CA',
+  prefix: '+1'
+}, {
+  name: 'Chile',
+  code: 'CL',
+  prefix: '+56'
+}, {
+  name: 'Colombia',
+  code: 'CO',
+  prefix: '+57'
+}, {
+  name: 'Costa Rica',
+  code: 'CR',
+  prefix: '+506'
+}, {
+  name: 'Cuba',
+  code: 'CU',
+  prefix: '+53'
+}, {
+  name: 'Curazao',
+  code: 'CW',
+  prefix: '+599'
+}, {
+  name: 'Dominica',
+  code: 'DM',
+  prefix: '+1767'
+}, {
+  name: 'Ecuador',
+  code: 'EC',
+  prefix: '+593'
+}, {
+  name: 'El Salvador',
+  code: 'SV',
+  prefix: '+503'
+}, {
+  name: 'España',
+  code: 'ES',
+  prefix: '+34'
+}, {
+  name: 'Estados Unidos',
+  code: 'US',
+  prefix: '+1'
+}, {
+  name: 'Grenada',
+  code: 'GD',
+  prefix: '+1473'
+}, {
+  name: 'Groenlandia',
+  code: 'GL',
+  prefix: '+299'
+}, {
+  name: 'Guadalupe',
+  code: 'GP',
+  prefix: '+590'
+}, {
+  name: 'Guatemala',
+  code: 'GT',
+  prefix: '+502'
+}, {
+  name: 'Guayana Francesa',
+  code: 'GF',
+  prefix: '+594'
+}, {
+  name: 'Guyana',
+  code: 'GY',
+  prefix: '+592'
+}, {
+  name: 'Haití',
+  code: 'HT',
+  prefix: '+509'
+}, {
+  name: 'Honduras',
+  code: 'HN',
+  prefix: '+504'
+}, {
+  name: 'Islas Turcas y Caicos',
+  code: 'TC',
+  prefix: '+1649'
+}, {
+  name: 'Islas Vírgenes Británicas',
+  code: 'VG',
+  prefix: '+1284'
+}, {
+  name: 'Islas Vírgenes de los Estados Unidos',
+  code: 'VI',
+  prefix: '+1340'
+}, {
+  name: 'Jamaica',
+  code: 'JM',
+  prefix: '+1876'
+}, {
+  name: 'Martinica',
+  code: 'MQ',
+  prefix: '+596'
+}, {
+  name: 'México',
+  code: 'MX',
+  prefix: '+52'
+}, {
+  name: 'Montserrat',
+  code: 'MS',
+  prefix: '+1664'
+}, {
+  name: 'Nicaragua',
+  code: 'NI',
+  prefix: '+505'
+}, {
+  name: 'Panamá',
+  code: 'PA',
+  prefix: '+507'
+}, {
+  name: 'Paraguay',
+  code: 'PY',
+  prefix: '+595'
+}, {
+  name: 'Perú',
+  code: 'PE',
+  prefix: '+51'
+}, {
+  name: 'Puerto Rico',
+  code: 'PR',
+  prefix: '+1787'
+}, {
+  name: 'República Dominicana',
+  code: 'DO',
+  prefix: '+1809'
+}, {
+  name: 'San Bartolomé',
+  code: 'BL',
+  prefix: '+590'
+}, {
+  name: 'San Martín',
+  code: 'MF',
+  prefix: '+590'
+}, {
+  name: 'San Pedro y Miquelón',
+  code: 'PM',
+  prefix: '+508'
+}, {
+  name: 'San Vicente y las Granadinas',
+  code: 'VC',
+  prefix: '+1784'
+}, {
+  name: 'Santa Lucía',
+  code: 'LC',
+  prefix: '+1758'
+}, {
+  name: 'Surinam',
+  code: 'SR',
+  prefix: '+597'
+}, {
+  name: 'Trinidad y Tobago',
+  code: 'TT',
+  prefix: '+1868'
+}, {
+  name: 'Uruguay',
+  code: 'UY',
+  prefix: '+598'
+}, {
+  name: 'Venezuela',
+  code: 'VE',
+  prefix: '+58'
+}];

package/dist/esm/constants/inputs.js

@@ -0,0 +1,11 @@
+export const TITLE_VARIANTS = {
+  large: 'body',
+  small: 'small'
+};
+export const CREDIT_CARD_NAMES_PREFIX = 'creditCard';
+export const CREDIT_CARD_NAMES = {
+  cardCvc: "".concat(CREDIT_CARD_NAMES_PREFIX, "Cvc"),
+  cardExpDate: "".concat(CREDIT_CARD_NAMES_PREFIX, "ExpDate"),
+  cardName: "".concat(CREDIT_CARD_NAMES_PREFIX, "Name"),
+  cardNumber: "".concat(CREDIT_CARD_NAMES_PREFIX, "Number")
+};

package/dist/esm/constants/keyboardConstants.js

@@ -0,0 +1,3 @@
+export const HANDLER_IDENTIFIER = 'reactEvent';
+export const NO_FORM = 'NO_FORM';
+export const KEYBOARD_ALLOWED_TYPES = ['date', 'datetime-local', 'email', 'month', 'number', 'password', 'search', 'tel', 'text'];