@widergy/energy-ui 3.28.0 → 3.30.0

package/dist/components/UTTouchableWithoutFeedback/index.js

@@ -16,10 +16,11 @@ const UTTouchableWithoutFeedback = _ref => {
   let {
     children,
     className,
-    onClick,
     containerSetter,
-    withRipple = false,
+    disabled = false,
     keyName,
+    onClick,
+    withRipple = false,
     ...props
   } = _ref;
   const [buttonRef, setButtonRef] = (0, _react.useState)(null);
@@ -27,22 +28,30 @@ const UTTouchableWithoutFeedback = _ref => {
     setButtonRef(ref);
     if (containerSetter) containerSetter(ref);
   };
+  const handleClick = event => {
+    if (!disabled && onClick) {
+      onClick(event);
+    }
+  };
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
     role: "button",
-    onClick: onClick,
-    className: "".concat(_stylesModule.default.container, " ").concat(className),
+    onClick: handleClick,
+    className: "".concat(_stylesModule.default.container, " ").concat(className, " ").concat(disabled && _stylesModule.default.disabled),
     key: keyName,
-    ref: setRef
+    ref: setRef,
+    "aria-disabled": disabled,
+    tabIndex: disabled ? -1 : 0
   }), children, /*#__PURE__*/_react.default.createElement(_UTRipple.default, {
     elem: buttonRef,
-    withRipple: withRipple
+    withRipple: withRipple && !disabled
   }));
 };
 UTTouchableWithoutFeedback.propTypes = {
-  onClick: _propTypes.func,
-  containerSetter: _propTypes.func,
   className: _propTypes.string,
-  withRipple: _propTypes.bool,
-  keyName: _propTypes.string
+  containerSetter: _propTypes.func,
+  disabled: _propTypes.bool,
+  keyName: _propTypes.string,
+  onClick: _propTypes.func,
+  withRipple: _propTypes.bool
 };
 var _default = exports.default = UTTouchableWithoutFeedback;

package/dist/components/UTTouchableWithoutFeedback/styles.module.scss

@@ -6,3 +6,8 @@
   outline: 0;
   position: relative;
 }
+
+.disabled {
+  cursor: not-allowed;
+  pointer-events: none;
+}

package/dist/index.js

@@ -285,6 +285,12 @@ Object.defineProperty(exports, "UTRating", {
     return _UTRating.default;
   }
 });
+Object.defineProperty(exports, "UTSearchField", {
+  enumerable: true,
+  get: function () {
+    return _UTSearchField.default;
+  }
+});
 Object.defineProperty(exports, "UTSelect", {
   enumerable: true,
   get: function () {
@@ -465,6 +471,7 @@ var _UTProductItem = _interopRequireDefault(require("./components/UTProductItem"
 var _UTProgressBar = _interopRequireDefault(require("./components/UTProgressBar"));
 var _UTRadioGroup = _interopRequireDefault(require("./components/UTRadioGroup"));
 var _UTRating = _interopRequireDefault(require("./components/UTRating"));
+var _UTSearchField = _interopRequireDefault(require("./components/UTSearchField"));
 var _UTSelect = _interopRequireDefault(require("./components/UTSelect"));
 var _UTSelectableCard = _interopRequireDefault(require("./components/UTSelectableCard"));
 var _UTSidebar = _interopRequireDefault(require("./components/UTSidebar"));

package/package.json

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

package/dist/components/UTTextInput/versions/V1/components/ActionAdornment/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 ActionAdornment = _ref => {
-  let {
-    action = {},
-    disabled,
-    classNames
-  } = _ref;
-  if (!action) return null;
-  return /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    disabled: disabled,
-    classNames: classNames,
-    variant: "text",
-    size: "small"
-  }, action), action.text);
-};
-ActionAdornment.propTypes = {
-  action: _propTypes.object,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  disabled: _propTypes.bool
-};
-var _default = exports.default = ActionAdornment;

package/dist/components/UTTextInput/versions/V1/components/IconAdornment/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ICON_SIZE = exports.ERROR_ICON = void 0;
-const ERROR_ICON = exports.ERROR_ICON = 'IconAlertCircle';
-const ICON_SIZE = exports.ICON_SIZE = 20;

package/dist/components/UTTextInput/versions/V1/components/IconAdornment/index.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTIcon = _interopRequireDefault(require("../../../../../UTIcon"));
-var _componentUtils = require("../../../../../../utils/componentUtils");
-var _constants = require("./constants");
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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 IconAdornment = _ref => {
-  let {
-    changeOnError = false,
-    changeOnFocus = false,
-    colorTheme,
-    error,
-    focused,
-    Icon,
-    inputStyle,
-    shade
-  } = _ref;
-  const IconToRender = error && changeOnError ? _constants.ERROR_ICON : Icon;
-  if (!IconToRender) return null;
-  return (0, _componentUtils.isUTIcon)(IconToRender) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    name: IconToRender,
-    size: _constants.ICON_SIZE
-  }, (0, _utils.getIconColorProps)(changeOnError, changeOnFocus, colorTheme, error, focused, shade))) : /*#__PURE__*/_react.default.createElement(Icon, {
-    size: _constants.ICON_SIZE,
-    fill: inputStyle.root.color
-  });
-};
-IconAdornment.propTypes = {
-  changeOnError: _propTypes.bool,
-  changeOnFocus: _propTypes.bool,
-  colorTheme: _propTypes.string,
-  error: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
-  focused: _propTypes.bool,
-  Icon: _propTypes.elementType,
-  inputStyle: (0, _propTypes.shape)({
-    root: _propTypes.object
-  }),
-  shade: _propTypes.string
-};
-var _default = exports.default = IconAdornment;

package/dist/components/UTTextInput/versions/V1/components/IconAdornment/utils.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconColorProps = void 0;
-const getIconColorProps = (changeOnError, changeOnFocus, colorTheme, error, focused, shade) => changeOnError && error ? {
-  colorTheme: 'error',
-  shade: '04'
-} : changeOnFocus && focused ? {
-  colorTheme: 'accent',
-  shade: '04'
-} : {
-  colorTheme: colorTheme || 'gray',
-  shade
-};
-exports.getIconColorProps = getIconColorProps;

package/dist/components/UTTextInput/versions/V1/components/PrefixAdornment/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const PrefixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small",
-    weight: "medium"
-  }, text);
-};
-PrefixAdornment.propTypes = {
-  text: _propTypes.string
-};
-var _default = exports.default = PrefixAdornment;

package/dist/components/UTTextInput/versions/V1/components/SuffixAdornment/index.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const SuffixAdornment = _ref => {
-  let {
-    text
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray"
-  }, text);
-};
-SuffixAdornment.propTypes = {
-  text: _propTypes.string
-};
-var _default = exports.default = SuffixAdornment;

package/dist/components/UTTextInput/versions/V1/components/TooltipAdornment/index.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTTooltip = _interopRequireDefault(require("../../../../../UTTooltip"));
-var _UTIcon = _interopRequireDefault(require("../../../../../UTIcon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TooltipAdornment = _ref => {
-  let {
-    tooltip
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    name: "IconInfoCircle",
-    colorTheme: "gray"
-  })));
-};
-TooltipAdornment.propTypes = {
-  tooltip: _propTypes.string
-};
-var _default = exports.default = TooltipAdornment;

package/dist/components/UTTextInput/versions/V1/theme.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _theme = require("../../../UTLabel/theme");
-const charactersCountRowHeight = 20;
-const PADDING = {
-  HORIZONTAL: 16,
-  VERTICAL: 12
-};
-const SMALL_PADDING = {
-  HORIZONTAL: 12,
-  VERTICAL: 8
-};
-const GRID_GAP = 16;
-const retrieveStyle = _ref => {
-  let {
-    theme,
-    inputSize,
-    error,
-    disabled: receivedDisabled,
-    readOnly,
-    showCharacterCount,
-    maxLength
-  } = _ref;
-  const disabled = receivedDisabled && !readOnly;
-  const verticalPadding = "".concat(inputSize === 'small' ? SMALL_PADDING.VERTICAL : PADDING.VERTICAL, "px");
-  const multilineVerticalPadding = "".concat((inputSize === 'small' ? SMALL_PADDING.VERTICAL : PADDING.VERTICAL) + GRID_GAP + charactersCountRowHeight, "px");
-  const horizontalPadding = "".concat(inputSize === 'small' ? SMALL_PADDING.HORIZONTAL : PADDING.HORIZONTAL, "px");
-  const hasCharactersCount = showCharacterCount && maxLength && !disabled && !readOnly;
-  return {
-    charactersCount: {
-      position: 'absolute',
-      bottom: verticalPadding
-    },
-    root: {
-      backgroundColor: theme.Palette.light['01'],
-      paddingBottom: hasCharactersCount ? multilineVerticalPadding : verticalPadding,
-      paddingLeft: horizontalPadding,
-      paddingRight: horizontalPadding,
-      paddingTop: verticalPadding,
-      ...(readOnly && {
-        backgroundColor: 'transparent',
-        paddingLeft: 0,
-        paddingRight: 0
-      }),
-      ...(disabled && {
-        backgroundColor: theme.Palette.light['03']
-      })
-    },
-    inputContainer: {
-      borderColor: "".concat(theme.Palette.light['05'], " !important"),
-      borderRadius: '4px',
-      borderWidth: '1px',
-      ...(error && {
-        borderColor: "".concat(theme.Palette.error['04'], " !important")
-      }),
-      ...(readOnly && {
-        borderColor: 'transparent !important'
-      }),
-      ...(disabled && {
-        borderColor: 'transparent !important'
-      })
-    },
-    focusedInputContainer: {
-      ...(!error && {
-        borderColor: "".concat(theme.Palette.accent['04'], " !important"),
-        borderWidth: '2px'
-      })
-    },
-    input: {
-      ...(0, _theme.getFontStyles)({
-        theme,
-        variant: 'body',
-        weight: 'regular'
-      }),
-      caretColor: theme.Palette.accent['04'],
-      color: theme.Palette.dark['05'],
-      minHeight: '22px',
-      overflow: 'hidden',
-      padding: 0,
-      textOverflow: 'ellipsis',
-      '&::placeholder': {
-        color: theme.Palette.gray['02']
-      },
-      '&::selection': {
-        backgroundColor: theme.Palette.accent['02']
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;