ab-ui-library 1.49.7 → 1.50.0

package/components/CardSelect/CardSelect.js

@@ -70,7 +70,8 @@ var CardSelect = function CardSelect(props) {
     icon = props.icon,
     dataId = props.dataId,
     popoverAddons = props.popoverAddons,
-    tooltipAddons = props.tooltipAddons;
+    tooltipAddons = props.tooltipAddons,
+    actionAddons = props.actionAddons;
   var elementId = (_ref = (_popoverAddons$id = popoverAddons === null || popoverAddons === void 0 ? void 0 : popoverAddons.id) !== null && _popoverAddons$id !== void 0 ? _popoverAddons$id : tooltipAddons === null || tooltipAddons === void 0 ? void 0 : tooltipAddons.id) !== null && _ref !== void 0 ? _ref : '';
   var selected = cardValue === value;
   var cardSelectStyle = classNames("card-select ".concat(disabled ? 'card-select--disabled' : selected ? 'card-select--selected' : ''), className);
@@ -89,6 +90,11 @@ var CardSelect = function CardSelect(props) {
       handleCardSelectValue(cardValue);
     }
   };
+  var handleActionClick = function handleActionClick(e) {
+    var _actionAddons$onClick;
+    e.stopPropagation();
+    actionAddons === null || actionAddons === void 0 || (_actionAddons$onClick = actionAddons.onClick) === null || _actionAddons$onClick === void 0 || _actionAddons$onClick.call(actionAddons);
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, tooltipAddons ? /*#__PURE__*/React.createElement(Tooltip, tooltipAddons) : null, /*#__PURE__*/React.createElement("div", {
     id: "".concat(elementId),
     className: cardSelectStyle,
@@ -112,11 +118,16 @@ var CardSelect = function CardSelect(props) {
     className: "flexbox justify-content--between align-items--start"
   }, /*#__PURE__*/React.createElement("div", {
     className: 'card-select__content__left'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'flexbox align-items--center'
   }, /*#__PURE__*/React.createElement(Text, {
     type: disabled ? 'disabled' : 'primary',
     size: 'medium',
     weight: 'bold'
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, title)), subtext ? /*#__PURE__*/React.createElement(Text, {
+  }, title), actionAddons && actionAddons.icon.Component ? /*#__PURE__*/React.createElement("div", {
+    className: 'card-select__action-icon ml-8',
+    onClick: handleActionClick
+  }, /*#__PURE__*/React.createElement(actionAddons.icon.Component, actionAddons.icon)) : null), subtext ? /*#__PURE__*/React.createElement(Text, {
     type: disabled ? 'disabled' : 'secondary',
     className: 'mt-8'
   }, /*#__PURE__*/React.createElement(React.Fragment, null, subtext)) : null), type === CARD_SELECT_TYPES.cardRadio ? /*#__PURE__*/React.createElement(Radio, {
@@ -126,10 +137,16 @@ var CardSelect = function CardSelect(props) {
     className: 'ml-16'
   }) : null), chips.length ? /*#__PURE__*/React.createElement(CardChips, {
     chips: chips
-  }) : null, /*#__PURE__*/React.createElement(CardInput, {
+  }) : null, inputProps ? Array.isArray(inputProps) ? /*#__PURE__*/React.createElement(React.Fragment, null, inputProps.map(function (input, index) {
+    return /*#__PURE__*/React.createElement(CardInput, {
+      key: index,
+      inputProps: input,
+      disabled: disabled
+    });
+  })) : /*#__PURE__*/React.createElement(CardInput, {
     inputProps: inputProps,
     disabled: disabled
-  }), /*#__PURE__*/React.createElement(CardDescription, {
+  }) : null, /*#__PURE__*/React.createElement(CardDescription, {
     description: description,
     disabled: disabled
   }), /*#__PURE__*/React.createElement(CardAdditionalInfo, {

package/components/CardSelect/types.d.ts

@@ -10,7 +10,7 @@ export interface TCardSelectProps extends IFormCompProps {
     subtext?: string;
     description?: string;
     chips?: TChipsProps[];
-    inputProps?: InputCustomProps;
+    inputProps?: InputCustomProps | InputCustomProps[];
     className?: string;
     disabled?: boolean;
     handleCardSelectValue?: (isChecked: boolean) => void;
@@ -25,6 +25,7 @@ export interface TCardSelectProps extends IFormCompProps {
     icon?: TSelectIconProps;
     popoverAddons?: TPopoverProps;
     tooltipAddons?: TTooltipProps;
+    actionAddons?: TActionAddons;
 }
 export interface TCardSelectGroupProps extends IFormCompProps {
     cards: TCardSelectProps[];
@@ -34,6 +35,10 @@ export interface TCardSelectGroupProps extends IFormCompProps {
     cardsGroupType?: CARD_SELECT_TYPES;
     className?: string;
 }
+export type TActionAddons = {
+    icon: TSelectIconProps;
+    onClick: () => void;
+};
 export type TInfoList = TInfoListItem[];
 export type TInfoListItem = {
     key: string;

package/components/Select/Select/Select.js

@@ -193,7 +193,7 @@ var Select = function Select(props) {
   };
   var handleOutsideClick = function handleOutsideClick() {
     var selected = getSelectedOption();
-    if (!searchValue && selected) {
+    if (!searchValue && selected && !isCreateOnOutsideClick) {
       setCurrentSelectedLabel();
     } else if (isCreateOnOutsideClick) {
       setSelectedOption({

package/package.json

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