@widergy/energy-ui 3.158.0 → 3.159.0

package/dist/esm/deprecated/UTToggle/components/ToggleOption/index.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { bool, func, string, elementType, objectOf } from 'prop-types';
+import UTTouchableWithoutFeedback from '../../../../components/UTTouchableWithoutFeedback';
+import UTLabel from '../../../../components/UTLabel';
+const ToggleOption = _ref => {
+  let {
+    className,
+    classes,
+    dataTestId,
+    Icon,
+    iconClassName,
+    isSelected,
+    keyName,
+    label,
+    onChange,
+    SelectedIcon,
+    value
+  } = _ref;
+  const onHandleClick = () => onChange(value);
+  const IconComponent = Icon && (SelectedIcon && isSelected ? /*#__PURE__*/React.createElement(SelectedIcon, {
+    className: "".concat(classes.icon, " ").concat(iconClassName)
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    className: "".concat(classes.icon, " ").concat(isSelected ? classes.selectedIcon : classes.unselectedIcon, " ").concat(iconClassName)
+  }));
+  return /*#__PURE__*/React.createElement(UTTouchableWithoutFeedback, {
+    className: "".concat(classes.option, " ").concat(isSelected && classes.selectedOption, " ").concat(className),
+    dataTestId: dataTestId,
+    keyName: keyName,
+    onClick: onHandleClick
+  }, Icon ? IconComponent : /*#__PURE__*/React.createElement(UTLabel, {
+    variant: "small",
+    className: isSelected ? classes.selectedLabel : classes.unSelectedLabel
+  }, label));
+};
+ToggleOption.propTypes = {
+  className: string,
+  classes: objectOf(string),
+  dataTestId: string,
+  Icon: elementType,
+  iconClassName: string,
+  isSelected: bool,
+  keyName: string,
+  label: string,
+  onChange: func,
+  SelectedIcon: elementType,
+  value: string
+};
+export default ToggleOption;

package/dist/esm/deprecated/UTToggle/index.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import { string, number, arrayOf, func, shape, elementType, objectOf, oneOfType } from 'prop-types';
+import WithTheme from '../../components/WithTheme';
+import ToggleOption from './components/ToggleOption';
+import { retrieveStyle } from './theme';
+const UTToggle = _ref => {
+  let {
+    className,
+    classes,
+    dataTestId,
+    onChangeOption,
+    optionClassName,
+    options,
+    orientation,
+    selectedOption
+  } = _ref;
+  const containerStyle = "".concat(classes.container, " ").concat(orientation === 'horizontal' ? classes.horizontalContainer : classes.verticalContainer, " ").concat(className, " ");
+  return /*#__PURE__*/React.createElement("div", {
+    className: containerStyle
+  }, options.map((option, index) => /*#__PURE__*/React.createElement(ToggleOption, {
+    className: optionClassName,
+    classes: classes,
+    dataTestId: "".concat(dataTestId).concat(index),
+    Icon: option.Icon,
+    iconClassName: option.iconClassName,
+    isSelected: option.value === selectedOption,
+    key: option.key,
+    keyName: "toggle-option-".concat(option.value),
+    label: option.label,
+    SelectedIcon: option.SelectedIcon,
+    onChange: onChangeOption,
+    value: option.value
+  })));
+};
+UTToggle.propTypes = {
+  className: string,
+  classes: objectOf(string),
+  dataTestId: string,
+  onChangeOption: func,
+  optionClassName: string,
+  options: arrayOf(shape({
+    className: string,
+    Icon: elementType,
+    key: oneOfType([string, number]),
+    label: string,
+    SelectedIcon: elementType,
+    value: string
+  })),
+  orientation: string,
+  selectedOption: string
+};
+export default WithTheme(retrieveStyle)(UTToggle);

package/dist/esm/deprecated/UTToggle/theme.js

@@ -0,0 +1,54 @@
+import { getIn } from 'seamless-immutable';
+import Colors from '../../scss/variables/colors.module.scss';
+export const retrieveStyle = _ref => {
+  let {
+    theme
+  } = _ref;
+  return {
+    container: {
+      alignItems: getIn(theme, ['UTToggle', 'container', 'alignItems'], 'center'),
+      backgroundColor: getIn(theme, ['UTToggle', 'container', 'backgroundColor']),
+      borderRadius: getIn(theme, ['UTToggle', 'container', 'borderRadius'], '30px'),
+      display: getIn(theme, ['UTToggle', 'container', 'display'], 'flex'),
+      height: getIn(theme, ['UTToggle', 'container', 'height'], 'fit-content'),
+      maxHeight: getIn(theme, ['UTToggle', 'container', 'maxHeight'], 'fit-content'),
+      maxWidth: getIn(theme, ['UTToggle', 'container', 'maxWidth'], 'fit-content'),
+      width: getIn(theme, ['UTToggle', 'container', 'width'], 'fit-content')
+    },
+    horizontalContainer: {
+      flexDirection: getIn(theme, ['UTToggle', 'horizontalContainer', 'flexDirection'], 'row')
+    },
+    verticalContainer: {
+      flexDirection: getIn(theme, ['UTToggle', 'verticalContainer', 'flexDirection'], 'column')
+    },
+    option: {
+      alignItems: getIn(theme, ['UTToggle', 'option', 'alignItems'], 'center'),
+      borderRadius: getIn(theme, ['UTToggle', 'option', 'borderRadius'], '30px'),
+      display: getIn(theme, ['UTToggle', 'option', 'display'], 'flex'),
+      height: getIn(theme, ['UTToggle', 'option', 'height'], '40px'),
+      justifyContent: getIn(theme, ['UTToggle', 'option', 'justifyContent'], 'center'),
+      transition: getIn(theme, ['UTToggle', 'option', 'transition'], 'background-color 0.4s ease'),
+      width: getIn(theme, ['UTToggle', 'option', 'width'], '40px')
+    },
+    selectedOption: {
+      backgroundColor: getIn(theme, ['UTToggle', 'selectedOption', 'backgroundColor']),
+      pointerEvents: getIn(theme, ['UTToggle', 'selectedOption', 'pointerEvents'], 'none')
+    },
+    selectedLabel: {
+      color: getIn(theme, ['UTToggle', 'selectedLabel', 'color'], "".concat(Colors.white))
+    },
+    unSelectedLabel: {
+      color: getIn(theme, ['UTToggle', 'unSelectedLabel', 'color'])
+    },
+    icon: {
+      height: getIn(theme, ['UTToggle', 'icon', 'height'], '24px'),
+      width: getIn(theme, ['UTToggle', 'icon', 'width'], '24px')
+    },
+    unselectedIcon: {
+      fill: getIn(theme, ['UTToggle', 'unselectedIcon', 'fill'])
+    },
+    selectedIcon: {
+      fill: getIn(theme, ['UTToggle', 'selectedIcon', 'fill'], "".concat(Colors.white))
+    }
+  };
+};

package/dist/esm/index.js

@@ -0,0 +1,109 @@
+import AlertHandler from './components/UTAlert/AlertHandler';
+import componentUtils from './utils/componentUtils';
+import ThemeProvider from './components/EnergyThemeProvider';
+import keyboardUtils from './utils/keyboardUtils';
+import UTActionCard from './components/UTActionCard';
+import UTAlert from './components/UTAlert';
+import UTAttachmentList from './components/UTAttachmentList';
+import AttachmentContainer from './deprecated/UTAttachment';
+import UTAutocomplete from './deprecated/UTAutocomplete';
+import UTAvatar from './components/UTAvatar';
+import UTBadge from './components/UTBadge';
+import UTBarChart from './deprecated/UTBarChart';
+import UTBreadcrumbs from './components/UTBreadcrumbs';
+import UTButton from './components/UTButton';
+import UTButtonGroup from './components/UTButtonGroup';
+import UTCaptcha from './components/UTCaptcha';
+import UTCard from './deprecated/UTCard';
+import UTCarousel from './components/UTCarousel';
+import UTCBUInput from './components/UTCBUInput';
+import UTCheckbox from './components/UTCheckbox';
+import UTCheckList from './components/UTCheckList';
+import UTChip from './components/UTChip';
+import UTConsumptionBar from './components/UTConsumptionBar';
+import UTCreditCard from './components/UTCreditCard';
+import UTCuit from './components/UTCuit';
+import UTDataCategory from './components/UTDataCategory';
+import UTDataElement from './components/UTDataElement';
+import UTDatePicker from './components/UTDatePicker';
+import UTDialog from './deprecated/UTDialog';
+import UTDocumentWizard from './components/UTDocumentWizard';
+import UTDotMenu from './components/UTDotMenu';
+import UTEmojiPicker from './components/UTEmojiPicker';
+import UTExternalLink from './components/UTExternalLink';
+import UTFileInputContainer from './components/UTFileInput';
+import UTShortcutPanel from './components/UTShortcutPanel';
+import UTGoogleAutocomplete from './components/UTGoogleAutocomplete';
+import UTGraph from './components/UTGraph';
+import UTIcon from './components/UTIcon';
+import UTIconButton from './deprecated/UTIconButton';
+import UTImageRadio from './components/UTImageRadio';
+import UTKpi from './components/UTKpi';
+import UTLabel from './components/UTLabel';
+import UTList from './deprecated/UTList';
+import UTLoading from './components/UTLoading';
+import UTMap from './components/UTMap';
+import UTMenu from './components/UTMenu';
+import UTModal from './components/UTModal';
+import UTOnboarding from './components/UTOnboarding';
+import UTPagination from './components/UTPagination';
+import UTPanel from './components/UTPanel';
+import UTPasswordField from './components/UTPasswordField';
+import UTPhoneInput from './components/UTPhoneInput';
+import UTPieChart from './deprecated/UTPieChart';
+import UTPopper from './components/UTPopper';
+import UTPopUp from './components/UTPopUp';
+import UTProductItem from './components/UTProductItem';
+import UTProgressBar from './components/UTProgressBar';
+import UTRadioGroup from './components/UTRadioGroup';
+import UTRatingContainer from './components/UTRating';
+import UTSearchField from './components/UTSearchField';
+import UTSelect from './components/UTSelect';
+import UTSelectableCard from './components/UTSelectableCard';
+import UTSidebar from './components/UTSidebar';
+import UTSignature from './components/UTSignature';
+import Skeleton from './components/UTSkeleton';
+import UTStatus from './components/UTStatus';
+import UTStatusMessage from './components/UTStatusMessage';
+import UTSwitch from './components/UTSwitch';
+import UTTable from './components/UTTable';
+import UTTabs from './components/UTTabs';
+import UTTextArea from './components/UTTextArea';
+import UTTextInput from './components/UTTextInput';
+import UTThirdPartyCookieChecker from './components/UTThirdPartyCookieChecker';
+import UTToggle from './deprecated/UTToggle';
+import UTTooltip from './components/UTTooltip';
+import UTTopbar from './components/UTTopbar';
+import UTTouchableWithoutFeedback from './components/UTTouchableWithoutFeedback';
+import UTTracker from './components/UTTracker';
+import UTValidation from './components/UTValidation';
+import UTVirtualizedList from './components/UTVirtualizedList';
+import UTVirtualKeyboard from './components/UTVirtualKeyboard';
+import UTWorkflowContainer from './components/UTWorkflowContainer';
+import UTWrapperObservation from './components/UTWrapperObservation';
+import WithLoading from './components/WithLoading';
+import WithTouch from './components/WithTouch';
+import stylesDeduplicationUtils from './utils/stylesDeduplicationUtils';
+import useScrollBasedMenu from './utils/hooks/use-scroll-based-menu';
+import useCSSVariables from './utils/hooks/useCSSVariables';
+import UTCalendar from './components/UTCalendar';
+
+/** @deprecated */
+export { AttachmentContainer as UTAttachment };
+/** @deprecated */
+export { UTAutocomplete };
+/** @deprecated */
+export { UTBarChart };
+/** @deprecated */
+export { UTCard };
+/** @deprecated */
+export { UTDialog };
+/** @deprecated */
+export { UTIconButton };
+/** @deprecated */
+export { UTList };
+/** @deprecated */
+export { UTPieChart };
+/** @deprecated */
+export { UTToggle };
+export { AlertHandler, componentUtils, ThemeProvider as EnergyThemeProvider, keyboardUtils, stylesDeduplicationUtils, useCSSVariables, UTCalendar, UTActionCard, UTAlert, UTAttachmentList, UTAvatar, UTBadge, UTBreadcrumbs, UTButton, UTButtonGroup, UTCaptcha, UTCarousel, UTCBUInput, UTCheckbox, UTCheckList, UTChip, UTConsumptionBar, UTCreditCard, UTCuit, UTDataCategory, UTDataElement, UTDatePicker, UTDocumentWizard, UTDotMenu, UTEmojiPicker, UTExternalLink, UTFileInputContainer as UTFileInput, UTShortcutPanel, UTGoogleAutocomplete, UTGraph, UTIcon, UTImageRadio, UTKpi, UTLabel, UTLoading, UTMap, UTMenu, UTModal, UTOnboarding, UTPagination, UTPanel, UTPasswordField, UTPhoneInput, UTPopper, UTPopUp, UTProductItem, UTProgressBar, UTRadioGroup, UTRatingContainer as UTRating, UTSearchField, UTSelect, UTSelectableCard, UTSidebar, UTSignature, Skeleton as UTSkeleton, UTStatus, UTStatusMessage, UTSwitch, UTTable, UTTabs, UTTextArea, UTTextInput, UTThirdPartyCookieChecker, UTTooltip, UTTopbar, UTTouchableWithoutFeedback, UTTracker, UTValidation, UTVirtualizedList, UTVirtualKeyboard, UTWorkflowContainer, UTWrapperObservation, WithLoading, WithTouch, useScrollBasedMenu };

package/dist/esm/scss/variables/colors.module.scss

@@ -0,0 +1,102 @@
+@use 'sass:color';
+
+$black: rgba(0, 0, 0, 0.87);
+$white: #FFF;
+$transparent: transparent;
+$card-background: #FAFAFA;
+$card-shadow-1: rgba(0, 0, 0, 0.2);
+$card-shadow-2: rgba(0, 0, 0, 0.14);
+$card-shadow-3: rgba(0, 0, 0, 0.12);
+$card-shadow-4: rgba(0, 0, 0, 0.24);
+$map: rgba(0, 0, 0, 0.54);
+$skeleton-base: #CCC;
+$skeleton-first: #DDD;
+$skeleton-second: #E8E8E8;
+
+$light-blue: #4D97FA;
+$dark-blue: #1D558C;
+$blue: #387AC9;
+$disabled-gray: rgba(0, 0, 0, 0.38);
+$gray: rgba(0, 0, 0, 0.54);
+$gray2: #5E5E5E;
+$gray-3: #D9D9D9;
+$gray-4: #6D8D9D;
+$button-pressed-gray: rgba(0, 0, 0, 0.2);
+$error: #F44336;
+$input-primary: #4D97FA;
+$divider-base: rgba(0, 0, 0, 0.15);
+$file-input-drag-glow: #9ECAED;
+$file-input-loading-first: #DADADA;
+$file-input-loading-second: #999;
+$loading-base: #4D97FA;
+$notification-success: #090;
+$notification-error: #C00;
+$notification-info: #0065A3;
+$notification-warning: #FFA000;
+$rating-star-selected: #FFD700;
+$orange-icon: #EE6C27;
+$switch-hover: rgba(1, 1, 1, 0.07);
+$switch-active: rgba(1, 1, 1, 0.17);
+$switch-gray: #CCC;
+$switch-gray-hover: rgba(180, 180, 180, 1);
+$button-primary: #2B70FB;
+$button-secondary: #1A58D5;
+$button-tertiary: #E9F0FD;
+$button-shadow: #C9DBFE;
+$image-radio-background: #E5E5E5;
+$image-radio-background-hover: color.adjust(#E5E5E5, $lightness: -10%);
+$green: #02E700;
+$usage-indicator-yellow: #FEFA00;
+$usage-indicator-red: #FB391B;
+$button-dark-blue-hover: #184673;
+$text-blue: #0B5999;
+$disabled-text-gray: #BFBFBF;
+$selected-subsidy-text: #225A94;
+$usage-indicator-gray: #C3C3C3;
+
+$error-red: #F44336;
+$card-background: #FAFAFA;
+$default-background-form: #F4F5F7;
+
+// sass-lint:disable no-misspelled-properties
+// sass-lint:disable property-sort-order
+:export {
+  black: $black;
+  white: $white;
+  transparent: $transparent;
+  cardBackground: $card-background;
+  cardShadow1: $card-shadow-1;
+  cardShadow2: $card-shadow-2;
+  cardShadow3: $card-shadow-3;
+  cardShadow4: $card-shadow-4;
+  map: $map;
+  blue: $blue;
+  darkBlue: $dark-blue;
+  disabledGray: $disabled-gray;
+  dividerBase: $divider-base;
+  error: $error;
+  gray: $gray;
+  gray2: $gray2;
+  gray3: $gray-3;
+  gray4: $gray-4;
+  inputPrimary: $input-primary;
+  lightBlue: $light-blue;
+  loadingBase: $loading-base;
+  notificationError: $notification-error;
+  notificationInfo: $notification-info;
+  notificationSuccess: $notification-success;
+  notificationWarning: $notification-warning;
+  orangeIcon: $orange-icon;
+  skeletonBase: $skeleton-base;
+  switchHover: $switch-hover;
+  switchActive: $switch-active;
+  switchGray: $switch-gray;
+  switchGrayHover: $switch-gray-hover;
+  buttonPrimary: $button-primary;
+  buttonSecodary: $button-secondary;
+  buttonTertiary: $button-tertiary;
+  buttonShadow: $button-shadow;
+  imageRadioBackground: $image-radio-background;
+  imageRadioBackgroundHover: $image-radio-background-hover;
+  ratingStarSelected: $rating-star-selected;
+}

package/dist/esm/scss/variables/fontSizes.module.scss

@@ -0,0 +1,28 @@
+// TODO: Use sizes from here
+$xxsmall: 9px;
+$xsmall: 10px;
+$small: 12px;
+$medium: 14px;
+$large: 16px;
+$xlarge: 18px;
+$xxlarge: 20px;
+$xxxlarge: 23px;
+$title: 26px;
+$xtitle: 30px;
+$large-title: 36px;
+
+// sass-lint:disable no-misspelled-properties
+// sass-lint:disable property-sort-order
+:export {
+  xxsmall: $xxsmall;
+  xsmall: $xsmall;
+  small: $small;
+  medium: $medium;
+  large: $large;
+  xlarge: $xlarge;
+  xxlarge: $xxlarge;
+  xxxlarge: $xxxlarge;
+  title: $title;
+  xtitle: $xtitle;
+  largeTitle: $large-title;
+}

package/dist/esm/scss/variables/mediaQueries.module.scss

@@ -0,0 +1,7 @@
+$full-hd: 'only screen and (min-width : 1920px)';
+$desktop: 'only screen and (min-width : 1024px)';
+$tablet: 'only screen and (min-width : 768px) and (max-width : 1023px)';
+$mobile: 'only screen and (max-width : 767px)';
+$desktop-tablet: 'only screen and (min-width : 768px)';
+$tablet-mobile: 'only screen and (max-width : 1023px)';
+$small-mobile: 'only screen and (max-width : 361px)';

package/dist/esm/scss/variables/sizes.module.scss

@@ -0,0 +1,28 @@
+$default-vertical-padding: 20px;
+$default-horizontal-padding: 30px;
+$default-mobile-vertical-padding: 10px;
+$default-mobile-horizontal-padding: 5px;
+$sidebar-min-width: 250px;
+$sidebar-max-width: 260px;
+$sidebar-option-height: 35px;
+$sidebar-icon-width-and-height: 25px;
+$sidebar-icon-image-width-and-height: 20px;
+$topbar-footer-height: 36px;
+$walkthrough-z-index: 10;
+$default-carrousel-height: 200;
+$default-carrousel-arrow-size: 50px;
+$default-carrousel-legend-size: 10px;
+$default-carrousel-legend-active: 14px;
+$default-carrousel-legend-touchable: 30px;
+$rating-circle-icon-size: 35px;
+$rating-circle-mobile-icon-size: 25px;
+
+// sass-lint:disable no-misspelled-properties
+// sass-lint:disable property-sort-order
+:export {
+  defaultCarrouselHeight: $default-carrousel-height;
+  defaultCarrouselArrowsize: $default-carrousel-arrow-size;
+  defaultCarrouselLegendSize: $default-carrousel-legend-size;
+  defaultCarrouselLegendActive: $default-carrousel-legend-active;
+  defaultCarrouselLegendTouchable: $default-carrousel-legend-touchable;
+}

package/dist/esm/theme.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SheetsManager } from 'jss';
+const ThemeContext = /*#__PURE__*/React.createContext({});
+export const manager = new SheetsManager();
+export const {
+  Provider: EnergyThemeProvider,
+  Consumer: EnergyThemeConsumer
+} = ThemeContext;

package/dist/esm/types/buttonTypes.js

@@ -0,0 +1,17 @@
+import { bool, elementType, func, number, objectOf, string } from 'prop-types';
+export const buttonTypes = {
+  classes: objectOf(string),
+  classNames: objectOf(string),
+  colorTheme: string,
+  count: number,
+  dataTestId: string,
+  disabled: bool,
+  hideTextOnResponsive: bool,
+  Icon: elementType,
+  iconPlacement: string,
+  loading: bool,
+  onClick: func,
+  size: string,
+  type: string,
+  variant: string
+};

package/dist/esm/types/commonTypes.js

@@ -0,0 +1,11 @@
+import { shape, string, oneOfType, func, any } from 'prop-types';
+export const classesType = shape({
+  container: string,
+  root: string,
+  colorPrimary: string,
+  barColorPrimary: string,
+  label: string
+});
+export const refType = oneOfType([func, shape({
+  current: any
+})]);

package/dist/esm/types/consumptionTypes.js

@@ -0,0 +1,22 @@
+import { any, shape, string, arrayOf, number, array } from 'prop-types';
+export const consumptionLevelsTypes = arrayOf(shape({
+  charge: arrayOf(shape({
+    date: string,
+    value: number
+  })),
+  color: string,
+  name: string,
+  range: arrayOf(number)
+}));
+export const consumptionCategoriesTypes = arrayOf(shape({
+  name: string,
+  title: string,
+  usage: any,
+  selections: array,
+  appliances: arrayOf(shape({
+    icon: string,
+    id: number,
+    kWh: number,
+    name: string
+  }))
+}));

package/dist/esm/types/formTypes.js

@@ -0,0 +1,68 @@
+import { array, shape, string, func, bool, oneOfType, arrayOf, number, object, node } from 'prop-types';
+export const inputPropTypes = shape({
+  name: string,
+  onBlur: func,
+  onChange: func,
+  onDragStart: func,
+  onDrop: func,
+  onFocus: func,
+  value: oneOfType([array, bool, number, object, string])
+});
+export const metaPropTypes = shape({
+  active: bool,
+  asyncValidating: bool,
+  autofilled: bool,
+  dirty: bool,
+  dispatch: func,
+  error: string,
+  form: string,
+  invalid: bool,
+  pristine: bool,
+  submitFailed: bool,
+  submitting: bool,
+  touched: bool,
+  valid: bool,
+  visited: bool
+});
+export const fieldType = shape({
+  id: number,
+  type: string,
+  order: number,
+  suborder: number,
+  title: string,
+  code: string,
+  description: string,
+  required: bool,
+  required_message: string,
+  key: string,
+  field_options: arrayOf(shape({
+    name: oneOfType([string, node]),
+    id: oneOfType([string, number]),
+    key: string,
+    value: oneOfType([string, number])
+  })),
+  placeholder: string,
+  tooltip: string,
+  format: string,
+  format_error_message: string,
+  validate: oneOfType([func, arrayOf(func)]),
+  normalize: oneOfType([func, arrayOf(func)]),
+  form_id: number,
+  child_keys: oneOfType([array, string]),
+  visibility_parent_field_key_id: number,
+  visibility_parent_field_option_value_id: oneOfType([number, arrayOf(number)]),
+  visibility_parent_field_option_values: array,
+  visibility_toggleable_field_id: number,
+  visibility_toggleable_field_value: string,
+  read_only: bool,
+  default_value: oneOfType([string, bool, number]),
+  auxiliary: bool,
+  hidden: bool,
+  logic_evaluation: string,
+  logic_evaluation_error_message: string,
+  image_url: string,
+  configuration: object,
+  editable: bool,
+  linked_default_value_key: string,
+  external_field_options: bool
+});

package/dist/esm/types/googleMapsTypes.js

@@ -0,0 +1,48 @@
+import { number, bool, string, func, shape, arrayOf, oneOfType, objectOf, object } from 'prop-types';
+import { metaPropTypes, inputPropTypes, fieldType } from './formTypes';
+const coordinatePropType = oneOfType([number, func]);
+export const UTMapPropTypes = {
+  onChange: func.isRequired,
+  singleMarker: bool,
+  startLocation: shape({
+    position: shape({
+      lat: coordinatePropType,
+      lng: coordinatePropType
+    }),
+    key: number,
+    defaultAnimation: number
+  }),
+  useGeolocation: bool,
+  usePolygon: bool,
+  placeholder: string,
+  polygonPath: arrayOf(shape({
+    lat: number,
+    lng: number
+  })),
+  onLocationOutOfBoundsCallback: func,
+  errors: shape({
+    retrievingLocation: string,
+    retrieveLocationError: string
+  }),
+  className: string,
+  field: fieldType,
+  meta: metaPropTypes,
+  input: inputPropTypes,
+  apiKey: string,
+  disabled: bool
+};
+export const UTGoogleAutocompletePropTypes = {
+  alert: string,
+  apikey: string,
+  classes: objectOf(string),
+  dataTestId: string,
+  detailErrorLabel: string,
+  helperTextDataTestId: string,
+  inputProps: object,
+  minChar: number,
+  noResultsLabel: string,
+  predictionsErrorLabel: string,
+  retrieveError: func,
+  searchRestrictions: object,
+  setSelectedPlace: func
+};

package/dist/esm/types/iconTypes.js

@@ -0,0 +1,19 @@
+import { bool, objectOf, shape, string, number, object } from 'prop-types';
+export const iconPropTypes = shape({
+  area: bool,
+  classes: objectOf(string),
+  className: string,
+  /**
+   * @deprecated The "color" prop is deprecated and will be removed in a future release. Please use "colorTheme" instead.
+   */
+  color: string,
+  colorTheme: string,
+  dataTestId: string,
+  fillShade: string,
+  fillTheme: string,
+  name: string,
+  shade: string,
+  size: number,
+  theme: object,
+  variant: string
+});

package/dist/esm/types/tableTypes.js

@@ -0,0 +1,10 @@
+import { string, arrayOf, shape, node, bool } from 'prop-types';
+export const columnsType = arrayOf(shape({
+  key: string.isRequired,
+  label: string,
+  headerRender: node,
+  cellRenderer: node,
+  sortable: bool,
+  sortKey: string,
+  align: string
+}));