ab-ui-library 1.51.0 → 1.51.2

package/components/SVGIcons/IconDismiss.js

@@ -11,7 +11,8 @@ var IconDismiss = function IconDismiss(_ref) {
     onClick = _ref.onClick,
     refHandler = _ref.refHandler,
     id = _ref.id,
-    dataId = _ref.dataId;
+    _ref$dataId = _ref.dataId,
+    dataId = _ref$dataId === void 0 ? 'dismiss' : _ref$dataId;
   return /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     className: classNames('svg-icon', _defineProperty(_defineProperty(_defineProperty({}, "svg-icon__size-".concat(size), size), "svg-icon__type-".concat(type), type), className, className)),
@@ -20,7 +21,7 @@ var IconDismiss = function IconDismiss(_ref) {
     onClick: onClick,
     ref: refHandler,
     id: id,
-    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+    "data-id": "".concat(dataId, "-svg-icon")
   }, /*#__PURE__*/React.createElement("path", {
     d: "M4.39705 4.55379L4.46967 4.46967C4.73594 4.2034 5.1526 4.1792 5.44621 4.39705L5.53033 4.46967L12 10.939L18.4697 4.46967C18.7626 4.17678 19.2374 4.17678 19.5303 4.46967C19.8232 4.76256 19.8232 5.23744 19.5303 5.53033L13.061 12L19.5303 18.4697C19.7966 18.7359 19.8208 19.1526 19.6029 19.4462L19.5303 19.5303C19.2641 19.7966 18.8474 19.8208 18.5538 19.6029L18.4697 19.5303L12 13.061L5.53033 19.5303C5.23744 19.8232 4.76256 19.8232 4.46967 19.5303C4.17678 19.2374 4.17678 18.7626 4.46967 18.4697L10.939 12L4.46967 5.53033C4.2034 5.26406 4.1792 4.8474 4.39705 4.55379L4.46967 4.46967L4.39705 4.55379Z",
     fill: "#222222"

package/components/Select/MultiSelect/MultiSelect.js

@@ -92,7 +92,7 @@ import './RadioSelectGrouped/RadioSelectGrouped.js';
 import '../../../hooks/useChangePositionsOnScroll.js';
 import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
 
-var _excluded = ["options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "autoApplyOnClose", "autoApplyOnChooseItem"];
+var _excluded = ["options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "autoApplyOnClose", "autoApplyOnChooseItem", "dataId"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelect = function MultiSelect(props) {
@@ -130,6 +130,7 @@ var MultiSelect = function MultiSelect(props) {
     autoApplyOnClose = _props$autoApplyOnClo === void 0 ? false : _props$autoApplyOnClo,
     _props$autoApplyOnCho = props.autoApplyOnChooseItem,
     autoApplyOnChooseItem = _props$autoApplyOnCho === void 0 ? false : _props$autoApplyOnCho,
+    dataId = props.dataId,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -232,7 +233,8 @@ var MultiSelect = function MultiSelect(props) {
     selectedValues: selectedValues,
     isRequiredField: isRequiredField,
     overflowText: overflowText,
-    hasError: hasError
+    hasError: hasError,
+    dataId: dataId
   }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionsWrapper
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -67,7 +67,8 @@ var InputSelectWrapper = function InputSelectWrapper(props) {
     selectedValues = props.selectedValues,
     setContainerRef = props.setContainerRef,
     overflowText = props.overflowText,
-    hasError = props.hasError;
+    hasError = props.hasError,
+    dataId = props.dataId;
   var inputRef = useRef(null);
   var _useGetElemSizes = useGetElemSizes(containerRef),
     width = _useGetElemSizes.width;
@@ -135,7 +136,8 @@ var InputSelectWrapper = function InputSelectWrapper(props) {
     },
     labelAddons: labelAddons,
     disabled: disabled,
-    size: size === 'large' ? 'large' : 'small'
+    size: size === 'large' ? 'large' : 'small',
+    dataId: dataId
   })), /*#__PURE__*/React.createElement(React.Fragment, null, isOpen && /*#__PURE__*/React.createElement("div", {
     className: "select__options",
     ref: setDropdownRef,

package/components/Select/types.d.ts

@@ -99,6 +99,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
     labelAddons?: JSX.Element;
     className?: string;
     isButtonSelect?: boolean;
+    dataId?: string;
 }
 export interface TButtonSelectPropTypes extends IFormCompProps, TSelectBaseProps {
     dataId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.51.0",
+  "version": "1.51.2",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",