ab-ui-library 1.58.3 → 1.59.0

package/components/CardSelect/CardSelect.js

@@ -120,7 +120,7 @@ var CardSelect = function CardSelect(props) {
     className: 'card-select__content__left'
   }, /*#__PURE__*/React.createElement("div", {
     className: 'flexbox align-items--center'
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.isValidElement(title) ? title : /*#__PURE__*/React.createElement(Text, {
     type: disabled ? 'disabled' : 'primary',
     size: 'medium',
     weight: 'bold'

package/components/CardSelect/components/CardAdditionalInfo.d.ts

@@ -1,7 +1,7 @@
-import type { ReactElement } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { TInfoList } from '../types';
 interface TCardAdditionalInfo {
-    additionalInfo?: TInfoList;
+    additionalInfo?: TInfoList | ReactNode;
     disabled?: boolean;
 }
 export declare const CardAdditionalInfo: (props: TCardAdditionalInfo) => ReactElement | null;

package/components/CardSelect/components/CardAdditionalInfo.js

@@ -8,28 +8,34 @@ import 'dayjs';
 var CardAdditionalInfo = function CardAdditionalInfo(props) {
   var additionalInfo = props.additionalInfo,
     disabled = props.disabled;
-  return additionalInfo !== null && additionalInfo !== void 0 && additionalInfo.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-    type: 'primary',
-    isHorizontal: true,
-    className: 'mt-16 mb-16'
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "card-select__list"
-  }, additionalInfo.map(function (_ref) {
-    var key = _ref.key,
-      value = _ref.value,
-      id = _ref.id;
-    return /*#__PURE__*/React.createElement("div", {
-      key: id,
-      className: "card-select__list__item flexbox justify-content--between mt-12"
-    }, /*#__PURE__*/React.createElement(Text, {
-      type: disabled ? 'disabled' : 'secondary',
-      size: 'small',
-      className: 'pr-16'
-    }, key), /*#__PURE__*/React.createElement(Text, {
-      type: disabled ? 'disabled' : 'primary',
-      weight: 'semibold'
-    }, value));
-  }))) : null;
+  if (/*#__PURE__*/React.isValidElement(additionalInfo)) {
+    return additionalInfo;
+  }
+  if (Array.isArray(additionalInfo) && additionalInfo.length) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+      type: 'primary',
+      isHorizontal: true,
+      className: 'mt-16 mb-16'
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "card-select__list"
+    }, additionalInfo.map(function (_ref) {
+      var key = _ref.key,
+        value = _ref.value,
+        id = _ref.id;
+      return /*#__PURE__*/React.createElement("div", {
+        key: id,
+        className: "card-select__list__item flexbox justify-content--between mt-12"
+      }, /*#__PURE__*/React.createElement(Text, {
+        type: disabled ? 'disabled' : 'secondary',
+        size: 'small',
+        className: 'pr-16'
+      }, key), /*#__PURE__*/React.createElement(Text, {
+        type: disabled ? 'disabled' : 'primary',
+        weight: 'semibold'
+      }, value));
+    })));
+  }
+  return null;
 };
 
 export { CardAdditionalInfo };

package/components/CardSelect/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { InputCustomProps } from '../Input/types';
 import type { TChipsProps } from '../Chips/types';
 import type { CARD_SELECT_TYPES } from '../../consts';
@@ -6,7 +7,7 @@ import type { TTooltipProps } from '../Tooltip/types';
 export interface TCardSelectProps extends IFormCompProps {
     id?: number | string;
     type?: CARD_SELECT_TYPES;
-    title: string;
+    title: string | React.ReactNode;
     subtext?: string;
     description?: string;
     chips?: TChipsProps[];
@@ -15,7 +16,7 @@ export interface TCardSelectProps extends IFormCompProps {
     disabled?: boolean;
     handleCardSelectValue?: (isChecked: boolean) => void;
     dataId?: string;
-    additionalInfo?: TInfoList;
+    additionalInfo?: TInfoList | React.ReactNode;
     selectedCard?: number;
     value?: number | string;
     handleChange?: (selected: number | string) => void;

package/components/SVGIcons/IconArrowTrendingLines.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import type { ISVGIconProps } from './types';
+export declare const IconArrowTrendingLines: ({ size, type, className, onClick, refHandler, id, dataId }: ISVGIconProps) => ReactElement;
+export default IconArrowTrendingLines;

package/components/SVGIcons/IconArrowTrendingLines.js

@@ -0,0 +1,30 @@
+import { _ as _defineProperty } from '../../defineProperty-9000dd50.js';
+import React from 'react';
+import classNames from 'classnames';
+import '../../typeof-28108b73.js';
+
+var IconArrowTrendingLines = function IconArrowTrendingLines(_ref) {
+  var size = _ref.size,
+    type = _ref.type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    refHandler = _ref.refHandler,
+    id = _ref.id,
+    dataId = _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)),
+    viewBox: "0 0 32 32",
+    fill: "none",
+    onClick: onClick,
+    ref: refHandler,
+    id: id,
+    "data-id": dataId ? "".concat(dataId, "-svg-icon") : ''
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M22.3319 2.66663L28.4036 2.66732L28.5373 2.68588L28.6691 2.72269L28.7494 2.75676C28.8551 2.80324 28.9541 2.87083 29.041 2.95777L29.0953 3.01649L29.1534 3.09167L29.2256 3.21183L29.2771 3.33226L29.3027 3.41769L29.3208 3.50303L29.3333 3.62863L29.3339 9.67181C29.3339 10.2241 28.8862 10.6718 28.3339 10.6718C27.8277 10.6718 27.4093 10.2956 27.3431 9.80751L27.3339 9.67181L27.3333 6.07863L18.7476 14.6663C18.3925 15.0213 17.837 15.0536 17.4455 14.7632L17.3333 14.6663L13.2929 10.7856L5.70711 18.3714C5.31658 18.7619 4.68342 18.7619 4.29289 18.3714C3.93787 18.0164 3.9056 17.4609 4.19607 17.0694L4.29289 16.9572L12.5858 8.6643C12.9408 8.30929 13.4964 8.27701 13.8878 8.56747L14 8.66429L18.0404 12.545L25.9173 4.66663H22.3319C21.8256 4.66663 21.4072 4.29042 21.341 3.80232L21.3319 3.66663C21.3319 3.16036 21.7081 2.74197 22.1962 2.67575L22.3319 2.66663ZM5 22.6666C5.55228 22.6666 6 23.1143 6 23.6666V28.3333C6 28.8856 5.55228 29.3333 5 29.3333C4.44772 29.3333 4 28.8856 4 28.3333V23.6666C4 23.1143 4.44772 22.6666 5 22.6666ZM12.6667 18.3333C12.6667 17.781 12.219 17.3333 11.6667 17.3333C11.1144 17.3333 10.6667 17.781 10.6667 18.3333V28.3333C10.6667 28.8856 11.1144 29.3333 11.6667 29.3333C12.219 29.3333 12.6667 28.8856 12.6667 28.3333V18.3333ZM18.3333 20C18.8856 20 19.3333 20.4477 19.3333 21V28.3333C19.3333 28.8856 18.8856 29.3333 18.3333 29.3333C17.781 29.3333 17.3333 28.8856 17.3333 28.3333V21C17.3333 20.4477 17.781 20 18.3333 20ZM26 14.3333C26 13.781 25.5523 13.3333 25 13.3333C24.4477 13.3333 24 13.781 24 14.3333V28.3333C24 28.8856 24.4477 29.3333 25 29.3333C25.5523 29.3333 26 28.8856 26 28.3333V14.3333Z",
+    fill: "#005CCA"
+  }));
+};
+
+export { IconArrowTrendingLines, IconArrowTrendingLines as default };

package/components/SVGIcons/index.d.ts

@@ -424,3 +424,4 @@ export * from './IconZoomOut';
 export * from './IconZoomOutFilled';
 export * from './IconWifiOff';
 export * from './IconAppStore';
+export * from './IconArrowTrendingLines';

package/components/SVGIcons/index.js

@@ -423,6 +423,7 @@ export { IconZoomInFilled } from './IconZoomInFilled.js';
 export { IconZoomOut } from './IconZoomOut.js';
 export { IconZoomOutFilled } from './IconZoomOutFilled.js';
 export { IconAppStore } from './IconAppStore.js';
+export { IconArrowTrendingLines } from './IconArrowTrendingLines.js';
 import '../../defineProperty-9000dd50.js';
 import '../../typeof-28108b73.js';
 import 'react';

package/index.js

@@ -488,6 +488,7 @@ export { IconZoomInFilled } from './components/SVGIcons/IconZoomInFilled.js';
 export { IconZoomOut } from './components/SVGIcons/IconZoomOut.js';
 export { IconZoomOutFilled } from './components/SVGIcons/IconZoomOutFilled.js';
 export { IconAppStore } from './components/SVGIcons/IconAppStore.js';
+export { IconArrowTrendingLines } from './components/SVGIcons/IconArrowTrendingLines.js';
 export { OneTimePassword } from './components/OneTimePassword/OneTimePassword.js';
 export { OptionItem } from './helperComponents/OptionItem/OptionItem.js';
 export { MultiTextareaWithChips } from './components/MultiTextareaWithChips/MultiTextareaWithChips.js';

package/package.json

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