ab-ui-library 1.51.3 → 1.53.0

package/components/FileUpload/FileUpload.js

@@ -64,7 +64,8 @@ var FileUpload = function FileUpload(props) {
     onError = props.onError,
     fileAllowedSize = props.fileAllowedSize,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? FileUploadMode.attach : _props$mode;
+    mode = _props$mode === void 0 ? FileUploadMode.attach : _props$mode,
+    dataId = props.dataId;
   var files = value || uploadedFiles || [];
   var fileInputRef = useRef(null);
   var _useState = useState(false),
@@ -143,7 +144,8 @@ var FileUpload = function FileUpload(props) {
     className: "hide",
     ref: fileInputRef,
     accept: allowedTypes,
-    onChange: handleChange
+    onChange: handleChange,
+    "data-id": dataId ? "".concat(dataId, "-input") : ''
   }), mode === FileUploadMode.edit && /*#__PURE__*/React.createElement("div", {
     className: "edit__icon",
     onMouseEnter: onMouseEnterOrLeave,
@@ -163,7 +165,8 @@ var FileUpload = function FileUpload(props) {
       Component: IconAttach
     },
     onClick: onUploadClick,
-    buttonText: buttonText
+    buttonText: buttonText,
+    "data-id": dataId ? "".concat(dataId, "-btn") : ''
   }), /*#__PURE__*/React.createElement(UploadItems, {
     handleFileClick: handleFileClick,
     onRemove: handleFileRemove,

package/components/Input/InputPassword.js

@@ -208,6 +208,7 @@ var InputPassword = /*#__PURE__*/React.forwardRef(function (props, ref) {
       size: 'small',
       className: 'pl-4',
       key: rule.label,
+      dataId: (rule === null || rule === void 0 ? void 0 : rule.dataId) || '',
       type: getTextType(password, validationResults[rule.label], isFocused)
     }, rule.label));
   }), hasError && validations !== null && validations !== void 0 && validations.length ? /*#__PURE__*/React.createElement(Divider, {

package/components/Input/types.d.ts

@@ -47,6 +47,7 @@ export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttribut
 interface IPasswordValidationRule {
     label: string;
     test: (password: string) => boolean;
+    dataId?: string;
 }
 export interface InputPasswordsProps extends InputCustomProps {
     validations: IPasswordValidationRule[];

package/components/Modal/ModalConfirmation.js

@@ -75,7 +75,8 @@ var ModalConfirmation = function ModalConfirmation(props) {
     _props$closeOnOutside = props.closeOnOutsideClick,
     closeOnOutsideClick = _props$closeOnOutside === void 0 ? true : _props$closeOnOutside,
     iconProps = props.iconProps,
-    subtitle = props.subtitle;
+    subtitle = props.subtitle,
+    children = props.children;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     containerRef = _useState2[0],
@@ -111,7 +112,9 @@ var ModalConfirmation = function ModalConfirmation(props) {
     dataId: dataIdPrefix ? "".concat(dataIdPrefix, "-modal-title") : ''
   }, title) : null, subtitle ? /*#__PURE__*/React.createElement(Text, {
     className: 'mt-12'
-  }, subtitle) : null, buttonProps ? /*#__PURE__*/React.createElement("div", {
+  }, subtitle) : null, children ? /*#__PURE__*/React.createElement("div", {
+    className: 'mt-32'
+  }, children) : null, buttonProps ? /*#__PURE__*/React.createElement("div", {
     className: "modal__footer mt-32 ".concat(isFooterInline ? 'modal__footer-inline' : 'modal__footer-block')
   }, buttonProps !== null && buttonProps !== void 0 && buttonProps.cancel ? /*#__PURE__*/React.createElement(Button, _extends({
     type: "secondary",

package/components/Modal/types.d.ts

@@ -42,4 +42,5 @@ export interface TModalConfirmationPropTypes {
     isFooterInline?: boolean;
     iconProps?: ISVGIconProps;
     className?: string;
+    children?: ReactNode;
 }

package/package.json

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