@widergy/energy-ui 3.167.1 → 3.169.0

package/dist/esm/components/UTSelect/versions/V1/components/ListboxComponent/index.js

@@ -1,7 +1,7 @@
 import isEmpty from 'lodash/isEmpty';
 import React, { useMemo } from 'react';
 import ScrollBar from 'react-perfect-scrollbar';
-import { arrayOf, bool, func, oneOfType, shape, string, number } from 'prop-types';
+import { arrayOf, bool, elementType, func, oneOfType, shape, string, number } from 'prop-types';
 import isFinite from 'lodash/isFinite';
 import UTLabel from '../../../../../UTLabel';
 import UTCheckList from '../../../../../UTCheckList';
@@ -9,6 +9,7 @@ import styles from './styles.module.scss';
 import { DEFAULT_MAX_HEIGHT } from './constants';
 const ListboxComponent = _ref => {
   let {
+    CustomRow,
     dataTestId,
     filteredOptions,
     handleSelectionChange,
@@ -30,6 +31,7 @@ const ListboxComponent = _ref => {
       maxHeight: maxHeightValid
     }
   }, /*#__PURE__*/React.createElement(UTCheckList, {
+    CustomRow: CustomRow,
     dataTestId: dataTestId,
     horizontalSpacing: horizontalSpacing,
     isSimple: !multiple,
@@ -45,6 +47,7 @@ const ListboxComponent = _ref => {
   }));
 };
 ListboxComponent.propTypes = {
+  CustomRow: elementType,
   dataTestId: string,
   filteredOptions: arrayOf(shape({
     name: string,

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

@@ -1,7 +1,7 @@
 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 clone from 'lodash/clone';
 import React, { useMemo, useState, useRef, useCallback, useEffect } from 'react';
-import { arrayOf, bool, func, number, oneOfType, shape, string, object } from 'prop-types';
+import { arrayOf, bool, elementType, func, number, object, oneOfType, shape, string } from 'prop-types';
 import { Autocomplete } from '@material-ui/lab';
 import UTFieldLabel from '../../../UTFieldLabel';
 import UTLabel from '../../../UTLabel';
@@ -22,6 +22,7 @@ const UTSelect = _ref => {
     autocompleteProps = {},
     className,
     clearable = true,
+    CustomRow,
     dataTestId,
     disabled,
     disableFilterOptions = false,
@@ -164,6 +165,7 @@ const UTSelect = _ref => {
     variant: variant
   }), [alwaysShowPlaceholder, disabled, error, handleInputBlur, handleInputFocus, leftAdornments, placeholder, rightAdornments, searchTerm]);
   const listBoxProps = useMemo(() => ({
+    CustomRow,
     dataTestId: listDataTestId,
     filteredOptions,
     handleSelectionChange,
@@ -172,7 +174,7 @@ const UTSelect = _ref => {
     noMatchesText,
     value,
     ...listProps
-  }), [filteredOptions, handleSelectionChange, multiple, noMatchesText, value, listProps]);
+  }), [CustomRow, filteredOptions, handleSelectionChange, multiple, noMatchesText, value, listProps]);
   const noOptionsTextComponent = /*#__PURE__*/React.createElement(UTLabel, {
     className: styles.noOptionsLabel,
     colorTheme: "gray"
@@ -219,6 +221,7 @@ UTSelect.propTypes = {
   autocompleteProps: object,
   className: string,
   clearable: bool,
+  CustomRow: elementType,
   dataTestId: string,
   disabled: bool,
   disableFilterOptions: bool,

package/dist/esm/constants/testIds.js

@@ -163,6 +163,10 @@ export const TEST_IDS = {
   wrapperObservation: {
     actionIcon: 'wrapperObservation.actionIcon.'
   },
+  UTLoading: {
+    logoLoader: 'UTLoading.logoLoader',
+    spinner: 'UTLoading.spinner'
+  },
   UTSnackbar: {
     closeButton: "".concat(ID_CONSTANTS.UT_SNACKBAR, ".closeButton"),
     description: "".concat(ID_CONSTANTS.UT_SNACKBAR, ".description"),

package/dist/esm/utils/hooks/useCSSVariables/constants.js

@@ -1,5 +1,8 @@
 export const baseTokens = {
   base: {
+    'size-12a': '4.5rem',
+    'size-13a': '7.5rem',
+    'size-16a': '12.5rem',
     'size-full': '100%',
     'size-0': '0rem',
     'size-1': '0.125rem',
@@ -131,6 +134,12 @@ export const baseTokens = {
     'size-control-xl': 'size-11',
     'size-control-2xl': 'size-12',
     'size-control-3xl': 'size-13',
+    'size-control-4xl': 'size-13a',
+    'size-brand-logo-2xs': 'size-11',
+    'size-brand-logo-xs': 'size-12a',
+    'size-brand-logo-sm': 'size-13a',
+    'size-brand-logo-md': 'size-15',
+    'size-brand-logo-lg': 'size-16a',
     'size-icon-3xs': 'size-4',
     'size-icon-2xs': 'size-5',
     'size-icon-xs': 'size-6',
@@ -292,6 +301,12 @@ export const baseTokens = {
     'UT-datepicker-calendar-gap': 'gap-lg',
     'UT-datepicker-calendar-padding': 'padding-md',
     'UT-datepicker-input-padding-x': 'padding-sm',
-    'UT-datepicker-input-height': 'size-control-sm'
+    'UT-datepicker-input-height': 'size-control-sm',
+    'UT-loading-size': 'size-control-4xl',
+    'UT-loading-logo-width': 'size-brand-logo-2xs',
+    'UT-loading-color-start': 'var(--identitySolidTone3)',
+    'UT-loading-color-end': 'var(--identitySolidTone2)',
+    'UT-loading-text-size': 'font-body-size-md',
+    'UT-loading-gap': 'gap-lg'
   }
 };

package/dist/utils/hooks/useCSSVariables/constants.js

@@ -6,6 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.baseTokens = void 0;
 const baseTokens = exports.baseTokens = {
   base: {
+    'size-12a': '4.5rem',
+    'size-13a': '7.5rem',
+    'size-16a': '12.5rem',
     'size-full': '100%',
     'size-0': '0rem',
     'size-1': '0.125rem',
@@ -137,6 +140,12 @@ const baseTokens = exports.baseTokens = {
     'size-control-xl': 'size-11',
     'size-control-2xl': 'size-12',
     'size-control-3xl': 'size-13',
+    'size-control-4xl': 'size-13a',
+    'size-brand-logo-2xs': 'size-11',
+    'size-brand-logo-xs': 'size-12a',
+    'size-brand-logo-sm': 'size-13a',
+    'size-brand-logo-md': 'size-15',
+    'size-brand-logo-lg': 'size-16a',
     'size-icon-3xs': 'size-4',
     'size-icon-2xs': 'size-5',
     'size-icon-xs': 'size-6',
@@ -298,6 +307,12 @@ const baseTokens = exports.baseTokens = {
     'UT-datepicker-calendar-gap': 'gap-lg',
     'UT-datepicker-calendar-padding': 'padding-md',
     'UT-datepicker-input-padding-x': 'padding-sm',
-    'UT-datepicker-input-height': 'size-control-sm'
+    'UT-datepicker-input-height': 'size-control-sm',
+    'UT-loading-size': 'size-control-4xl',
+    'UT-loading-logo-width': 'size-brand-logo-2xs',
+    'UT-loading-color-start': 'var(--identitySolidTone3)',
+    'UT-loading-color-end': 'var(--identitySolidTone2)',
+    'UT-loading-text-size': 'font-body-size-md',
+    'UT-loading-gap': 'gap-lg'
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widergy/energy-ui",
-  "version": "3.167.1",
+  "version": "3.169.0",
   "description": "Widergy Web Components",
   "author": "widergy",
   "license": "MIT",