hrm_ui_lib 1.2.2 → 1.2.3

package/components/Alert/Alert.js

@@ -6,8 +6,8 @@ import { Text } from '../Text/Text.js';
 import { Button } from '../Button/Button.js';
 import { IconDismissFilled } from '../SVGIcons/IconDismissFilled.js';
 import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../Checkbox/Checkbox.js';
 import 'dayjs';
+import '../Checkbox/Checkbox.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import 'react-syntax-highlighter';

package/components/Collapse/CollapseItem/CollapseItem.js

@@ -7,7 +7,7 @@ import { Divider } from '../../Divider/Divider.js';
 import { AnimatePresenceWrapper } from '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
 import classNames from 'classnames';
 import { IconChevronDown } from '../../SVGIcons/IconChevronDown.js';
-import '../../../utils/helpers.js';
+import { generateDataTestId } from '../../../utils/helpers.js';
 import 'dayjs';
 import '../../../defineProperty-4fc3f29b.js';
 import '../../../typeof-b7d08b0d.js';
@@ -32,13 +32,14 @@ var CollapseItem = function CollapseItem(props) {
     size: size,
     type: color,
     weight: "bolder",
-    dataId: dataId
+    dataId: generateDataTestId('title', dataId)
   }, text) : text;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('collapse', {
       'collapse--opened': isOpen
     }, className),
-    id: "".concat(id || '')
+    id: "".concat(id || ''),
+    "data-id": generateDataTestId('collapse-item', dataId)
   }, /*#__PURE__*/React.createElement("div", {
     className: "collapse__header flexbox justify-content--between",
     onClick: toggle

package/components/Select/MultiSelect/MultiSelectGrouped/MultiSelectGrouped.js

@@ -9,9 +9,9 @@ import { useGetElemSizes } from '../../../../hooks/useGetElemSizes.js';
 import 'dayjs';
 import '../../../../hooks/useScreenSize.js';
 import 'react-hook-form';
+import 'classnames';
 import { OptionItem } from '../../../../helperComponents/OptionItem/OptionItem.js';
 import 'react-syntax-highlighter';
-import 'classnames';
 import '../../../Checkbox/Checkbox.js';
 import 'react-dom';
 import 'framer-motion';

package/components/Snackbar/Snackbar.js

@@ -5,9 +5,9 @@ import { Text } from '../Text/Text.js';
 import { Button } from '../Button/Button.js';
 import { ICONS_MAPPING, TYPE_MAPPING, DEFAULT_DURATION } from './consts.js';
 import { IconDynamicComponent } from '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../Checkbox/Checkbox.js';
-import 'classnames';
 import 'dayjs';
+import 'classnames';
+import '../Checkbox/Checkbox.js';
 import '../../hooks/useScreenSize.js';
 import 'react-hook-form';
 import 'react-syntax-highlighter';

package/components/Textarea/Textarea.js

@@ -91,7 +91,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "textarea__message mt-8"
   }, error && /*#__PURE__*/React.createElement(ErrorMessage, {
     message: error,
-    icon: "infoFilled"
+    icon: "infoFilled",
+    dataId: dataId
   }), successMessage ? /*#__PURE__*/React.createElement(Text, {
     size: "small",
     type: "success",

package/helperComponents/ErrorMessage/ErrorMessage.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { TErrorMessageProps } from './types';
-export declare const ErrorMessage: (props: TErrorMessageProps) => JSX.Element;
+export declare const ErrorMessage: ({ message, icon, dataId, className }: TErrorMessageProps) => ReactElement;

package/helperComponents/ErrorMessage/ErrorMessage.js

@@ -1,21 +1,21 @@
 import React from 'react';
 import { Text } from '../../components/Text/Text.js';
 import { IconDynamicComponent } from '../IconDynamicComponent/IconDynamicComponent.js';
-import 'classnames';
-import '../../utils/helpers.js';
+import { generateDataTestId } from '../../utils/helpers.js';
+import classNames from 'classnames';
 import 'dayjs';
 import '../IconDynamicComponent/constants.js';
 
-var ErrorMessage = function ErrorMessage(props) {
-  var message = props.message,
-    icon = props.icon,
-    dataId = props.dataId,
-    className = props.className;
+var ErrorMessage = function ErrorMessage(_ref) {
+  var message = _ref.message,
+    icon = _ref.icon,
+    dataId = _ref.dataId,
+    className = _ref.className;
   return /*#__PURE__*/React.createElement(Text, {
-    className: "error-message ".concat(className),
+    className: classNames('error-message', className),
     size: "small",
     type: "danger",
-    dataId: dataId ? "".concat(dataId, "-error-message") : ''
+    dataId: generateDataTestId('error-message', dataId)
   }, /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(IconDynamicComponent, {
     componentName: icon,
     className: "mr-4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "UI library for Dino",
   "main": "./index.js",
   "module": "./index.js",

package/utils/helpers.d.ts

@@ -12,3 +12,4 @@ export declare const getStringWidth: (text: string, fontSize: number) => number;
 export declare const setTranslationValue: (translation: string, value: string | number) => string;
 export declare const getYearOptions: (startYear: number, lastYear: number) => TSelectOptions;
 export declare const isSameDay: (date1?: Date, date2?: Date) => boolean;
+export declare const generateDataTestId: (postfix: string, dataId?: string) => string;

package/utils/helpers.js

@@ -79,5 +79,11 @@ var isSameDay = function isSameDay(date1, date2) {
   }
   return dayjs(date1).isSame(date2, 'day');
 };
+var generateDataTestId = function generateDataTestId(postfix, dataId) {
+  if (!dataId) {
+    return '';
+  }
+  return "".concat(dataId, "-").concat(postfix);
+};
 
-export { checkIsAllowedFileSize, checkIsAllowedTypes, getFormattedValues, getStringWidth, getYearOptions, isSameDay, noop, openFileInNewWindow, setTranslationValue, uniqueFiles };
+export { checkIsAllowedFileSize, checkIsAllowedTypes, generateDataTestId, getFormattedValues, getStringWidth, getYearOptions, isSameDay, noop, openFileInNewWindow, setTranslationValue, uniqueFiles };