hrm_ui_lib 3.4.2 → 4.0.1

package/components/SVGIcons/IconTwitter.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconTwitter = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconTwitter = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Company=Twitter, Style=Gray, Background=None", children: _jsx("path", { id: "Vector", d: "M7.55016 21.75C16.6045 21.75 21.5583 14.2467 21.5583 7.74186C21.5583 7.53092 21.5536 7.3153 21.5442 7.10436C22.5079 6.40746 23.3395 5.54425 24 4.5553C23.1025 4.9546 22.1496 5.21538 21.1739 5.32874C22.2013 4.71291 22.9705 3.74547 23.3391 2.60577C22.3726 3.17856 21.3156 3.58261 20.2134 3.80061C19.4708 3.01156 18.489 2.48912 17.4197 2.31405C16.3504 2.13899 15.2532 2.32105 14.2977 2.8321C13.3423 3.34314 12.5818 4.15471 12.1338 5.14131C11.6859 6.12792 11.5754 7.23462 11.8195 8.2903C9.86249 8.19209 7.94794 7.6837 6.19998 6.7981C4.45203 5.91249 2.90969 4.66944 1.67297 3.14952C1.0444 4.23324 0.852057 5.51565 1.13503 6.73609C1.418 7.95654 2.15506 9.02345 3.19641 9.71999C2.41463 9.69517 1.64998 9.48468 0.965625 9.10592V9.16686C0.964925 10.3041 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1931 3.43198 14.222 2.69484 14.0794C3.00945 15.0574 3.62157 15.9129 4.44577 16.5263C5.26997 17.1398 6.26512 17.4806 7.29234 17.5012C5.54842 18.8711 3.39417 19.6141 1.17656 19.6106C0.783287 19.61 0.390399 19.5859 0 19.5384C2.25286 20.9837 4.87353 21.7514 7.55016 21.75Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Company=Twitter, Style=Gray, Background=None", children: _jsx("path", { id: "Vector", d: "M7.55016 21.75C16.6045 21.75 21.5583 14.2467 21.5583 7.74186C21.5583 7.53092 21.5536 7.3153 21.5442 7.10436C22.5079 6.40746 23.3395 5.54425 24 4.5553C23.1025 4.9546 22.1496 5.21538 21.1739 5.32874C22.2013 4.71291 22.9705 3.74547 23.3391 2.60577C22.3726 3.17856 21.3156 3.58261 20.2134 3.80061C19.4708 3.01156 18.489 2.48912 17.4197 2.31405C16.3504 2.13899 15.2532 2.32105 14.2977 2.8321C13.3423 3.34314 12.5818 4.15471 12.1338 5.14131C11.6859 6.12792 11.5754 7.23462 11.8195 8.2903C9.86249 8.19209 7.94794 7.6837 6.19998 6.7981C4.45203 5.91249 2.90969 4.66944 1.67297 3.14952C1.0444 4.23324 0.852057 5.51565 1.13503 6.73609C1.418 7.95654 2.15506 9.02345 3.19641 9.71999C2.41463 9.69517 1.64998 9.48468 0.965625 9.10592V9.16686C0.964925 10.3041 1.3581 11.4066 2.07831 12.2868C2.79852 13.167 3.80132 13.7706 4.91625 13.995C4.19206 14.1931 3.43198 14.222 2.69484 14.0794C3.00945 15.0574 3.62157 15.9129 4.44577 16.5263C5.26997 17.1398 6.26512 17.4806 7.29234 17.5012C5.54842 18.8711 3.39417 19.6141 1.17656 19.6106C0.783287 19.61 0.390399 19.5859 0 19.5384C2.25286 20.9837 4.87353 21.7514 7.55016 21.75Z" }) }) }));
 export default IconTwitter;

package/components/SVGIcons/IconUndo.d.ts

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

package/components/SVGIcons/IconUndo.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUndo = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUndo = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M4.75 2C5.1297 2 5.44349 2.28215 5.49315 2.64823L5.5 2.75V8.44L10.0743 3.88014C12.5163 1.43819 16.4385 1.37863 18.9526 3.70146L19.1385 3.88014C21.6415 6.38313 21.6415 10.4413 19.1385 12.9443L10.2933 21.7835C10.0003 22.0762 9.52558 22.0759 9.23269 21.783C8.93979 21.4901 8.94013 21.0151 9.23315 20.7223L18.0778 11.8836C19.995 9.96641 19.995 6.85801 18.0778 4.9408C16.2187 3.08169 13.2395 3.02535 11.3118 4.77248L11.1342 4.94156L6.562 9.5L12.25 9.50018C12.6297 9.50018 12.9435 9.78234 12.9932 10.1484L13 10.2502C13 10.6299 12.7178 10.9437 12.3518 10.9933L12.25 11.0002H4.75C4.3703 11.0002 4.05651 10.718 4.00685 10.352L4 10.2502V2.75C4 2.33579 4.33579 2 4.75 2Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M4.75 2C5.1297 2 5.44349 2.28215 5.49315 2.64823L5.5 2.75V8.44L10.0743 3.88014C12.5163 1.43819 16.4385 1.37863 18.9526 3.70146L19.1385 3.88014C21.6415 6.38313 21.6415 10.4413 19.1385 12.9443L10.2933 21.7835C10.0003 22.0762 9.52558 22.0759 9.23269 21.783C8.93979 21.4901 8.94013 21.0151 9.23315 20.7223L18.0778 11.8836C19.995 9.96641 19.995 6.85801 18.0778 4.9408C16.2187 3.08169 13.2395 3.02535 11.3118 4.77248L11.1342 4.94156L6.562 9.5L12.25 9.50018C12.6297 9.50018 12.9435 9.78234 12.9932 10.1484L13 10.2502C13 10.6299 12.7178 10.9437 12.3518 10.9933L12.25 11.0002H4.75C4.3703 11.0002 4.05651 10.718 4.00685 10.352L4 10.2502V2.75C4 2.33579 4.33579 2 4.75 2Z" }) }) }));
 export default IconUndo;

package/components/SVGIcons/IconUndoFilled.d.ts

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

package/components/SVGIcons/IconUndoFilled.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUndoFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUndoFilled = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M6.90735 6.68009L9.64108 3.9514C12.2423 1.35018 16.4597 1.35018 19.0609 3.9514C21.6621 6.55262 21.6621 10.77 19.0609 13.3713L10.7225 21.7082C10.3319 22.0987 9.69877 22.0985 9.30825 21.708C8.91772 21.3175 8.91789 20.6842 9.30848 20.2938L17.6467 11.957C19.4669 10.1369 19.4669 7.18579 17.6467 5.36562C15.8834 3.60233 13.0588 3.54722 11.2286 5.2009L11.0546 5.36627L7.414 8.99949L12 9.00002C12.5128 9.00002 12.9355 9.38606 12.9933 9.8834L13 10C13 10.5129 12.614 10.9355 12.1166 10.9933L12 11L4.94043 10.9983L4.84501 10.9881L4.73315 10.964L4.60163 10.9175L4.51971 10.8773L4.41781 10.8132C4.37406 10.7819 4.33212 10.7464 4.29267 10.7069L4.20096 10.6015L4.12658 10.4875L4.08093 10.3948L4.0425 10.2891L4.027 10.2318L4.01127 10.1502L4.00394 10.089L4 10V3.00284C4 2.45055 4.44772 2.00284 5 2.00284C5.51284 2.00284 5.93551 2.38888 5.99327 2.88622L6 3.00284V7.58649L9.64108 3.9514L6.90735 6.68009Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M6.90735 6.68009L9.64108 3.9514C12.2423 1.35018 16.4597 1.35018 19.0609 3.9514C21.6621 6.55262 21.6621 10.77 19.0609 13.3713L10.7225 21.7082C10.3319 22.0987 9.69877 22.0985 9.30825 21.708C8.91772 21.3175 8.91789 20.6842 9.30848 20.2938L17.6467 11.957C19.4669 10.1369 19.4669 7.18579 17.6467 5.36562C15.8834 3.60233 13.0588 3.54722 11.2286 5.2009L11.0546 5.36627L7.414 8.99949L12 9.00002C12.5128 9.00002 12.9355 9.38606 12.9933 9.8834L13 10C13 10.5129 12.614 10.9355 12.1166 10.9933L12 11L4.94043 10.9983L4.84501 10.9881L4.73315 10.964L4.60163 10.9175L4.51971 10.8773L4.41781 10.8132C4.37406 10.7819 4.33212 10.7464 4.29267 10.7069L4.20096 10.6015L4.12658 10.4875L4.08093 10.3948L4.0425 10.2891L4.027 10.2318L4.01127 10.1502L4.00394 10.089L4 10V3.00284C4 2.45055 4.44772 2.00284 5 2.00284C5.51284 2.00284 5.93551 2.38888 5.99327 2.88622L6 3.00284V7.58649L9.64108 3.9514L6.90735 6.68009Z" }) }) }));
 export default IconUndoFilled;

package/components/SVGIcons/IconUnitsEmployee.d.ts

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

package/components/SVGIcons/IconUnitsEmployee.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUnitsEmployee = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUnitsEmployee = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M15.1641 2.10156C15.0273 2.17188 14.918 2.26172 14.832 2.38281C14.707 2.56641 14.707 2.57031 14.6875 3.15234L14.668 3.73828L13.4883 3.75781L12.3047 3.77734L12.1992 3.88672L12.0898 3.99219L12.0781 7.78125L12.0703 11.5703H11.1914H10.3125V11.043C10.3125 10.3398 10.2227 10.1328 9.82422 9.91797L9.66797 9.83203H6.44531C3.85547 9.83203 3.19531 9.84375 3.07422 9.88281C2.85938 9.96094 2.69531 10.1133 2.59375 10.3398C2.5 10.5352 2.5 10.543 2.5 12C2.5 13.457 2.5 13.4648 2.59375 13.6602C2.69531 13.8867 2.85938 14.0391 3.07422 14.1172C3.19531 14.1562 3.85547 14.168 6.44531 14.168H9.66797L9.82422 14.082C10.2227 13.8672 10.3125 13.6602 10.3125 12.957V12.4297H11.1914H12.0703L12.0781 16.2188L12.0898 20.0078L12.1992 20.1133L12.3047 20.2227L13.4883 20.2422L14.668 20.2617L14.6875 20.8477C14.707 21.4297 14.707 21.4336 14.832 21.6172C14.918 21.7383 15.0273 21.8281 15.1641 21.8984L15.3672 22H18.5508C20.7617 22 21.7852 21.9844 21.8945 21.957C22.1094 21.8984 22.3984 21.6016 22.457 21.3867C22.4883 21.2734 22.5 20.7578 22.4922 19.7422L22.4805 18.2617L22.3633 18.0742C22.2773 17.9336 22.1875 17.8516 22.0352 17.7734L21.8242 17.6641L18.5352 17.6719L15.25 17.6836L15.0859 17.793C14.9961 17.8516 14.875 17.9727 14.8164 18.0625C14.7109 18.2188 14.707 18.2461 14.6953 18.8047L14.6836 19.3828H13.8047H12.9297V15.9062V12.4297H13.8086H14.6875V12.957C14.6875 13.6602 14.7773 13.8672 15.1758 14.082L15.332 14.168H18.5547C21.1445 14.168 21.8047 14.1562 21.9258 14.1172C22.1406 14.0391 22.3047 13.8867 22.4062 13.6602C22.5 13.4648 22.5 13.457 22.5 12C22.5 10.543 22.5 10.5352 22.4062 10.3398C22.3047 10.1133 22.1406 9.96094 21.9258 9.88281C21.8047 9.84375 21.1445 9.83203 18.5547 9.83203H15.332L15.1758 9.91797C14.7773 10.1328 14.6875 10.3398 14.6875 11.043V11.5703H13.8086H12.9297V8.09375V4.61719H13.8047H14.6836L14.6953 5.19531C14.707 5.75391 14.7109 5.78125 14.8164 5.9375C14.875 6.02734 14.9961 6.14844 15.0859 6.20703L15.25 6.31641L18.5352 6.32812L21.8242 6.33594L22.0352 6.22656C22.1875 6.14844 22.2773 6.06641 22.3633 5.92578L22.4805 5.73828L22.4922 4.25781C22.5 3.24219 22.4883 2.72656 22.457 2.61328C22.3984 2.39844 22.1094 2.10156 21.8945 2.04297C21.7852 2.01562 20.7617 2 18.5508 2H15.3672L15.1641 2.10156ZM21.6406 4.16797V5.47656H18.5938H15.5469V4.16797V2.85938H18.5938H21.6406V4.16797ZM9.45312 12V13.2891H6.40625H3.35938V12V10.7109H6.40625H9.45312V12ZM21.6406 12V13.2891H18.5938H15.5469V12V10.7109H18.5938H21.6406V12ZM21.6406 19.832V21.1406H18.5938H15.5469V19.832V18.5234H18.5938H21.6406V19.832Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M15.1641 2.10156C15.0273 2.17188 14.918 2.26172 14.832 2.38281C14.707 2.56641 14.707 2.57031 14.6875 3.15234L14.668 3.73828L13.4883 3.75781L12.3047 3.77734L12.1992 3.88672L12.0898 3.99219L12.0781 7.78125L12.0703 11.5703H11.1914H10.3125V11.043C10.3125 10.3398 10.2227 10.1328 9.82422 9.91797L9.66797 9.83203H6.44531C3.85547 9.83203 3.19531 9.84375 3.07422 9.88281C2.85938 9.96094 2.69531 10.1133 2.59375 10.3398C2.5 10.5352 2.5 10.543 2.5 12C2.5 13.457 2.5 13.4648 2.59375 13.6602C2.69531 13.8867 2.85938 14.0391 3.07422 14.1172C3.19531 14.1562 3.85547 14.168 6.44531 14.168H9.66797L9.82422 14.082C10.2227 13.8672 10.3125 13.6602 10.3125 12.957V12.4297H11.1914H12.0703L12.0781 16.2188L12.0898 20.0078L12.1992 20.1133L12.3047 20.2227L13.4883 20.2422L14.668 20.2617L14.6875 20.8477C14.707 21.4297 14.707 21.4336 14.832 21.6172C14.918 21.7383 15.0273 21.8281 15.1641 21.8984L15.3672 22H18.5508C20.7617 22 21.7852 21.9844 21.8945 21.957C22.1094 21.8984 22.3984 21.6016 22.457 21.3867C22.4883 21.2734 22.5 20.7578 22.4922 19.7422L22.4805 18.2617L22.3633 18.0742C22.2773 17.9336 22.1875 17.8516 22.0352 17.7734L21.8242 17.6641L18.5352 17.6719L15.25 17.6836L15.0859 17.793C14.9961 17.8516 14.875 17.9727 14.8164 18.0625C14.7109 18.2188 14.707 18.2461 14.6953 18.8047L14.6836 19.3828H13.8047H12.9297V15.9062V12.4297H13.8086H14.6875V12.957C14.6875 13.6602 14.7773 13.8672 15.1758 14.082L15.332 14.168H18.5547C21.1445 14.168 21.8047 14.1562 21.9258 14.1172C22.1406 14.0391 22.3047 13.8867 22.4062 13.6602C22.5 13.4648 22.5 13.457 22.5 12C22.5 10.543 22.5 10.5352 22.4062 10.3398C22.3047 10.1133 22.1406 9.96094 21.9258 9.88281C21.8047 9.84375 21.1445 9.83203 18.5547 9.83203H15.332L15.1758 9.91797C14.7773 10.1328 14.6875 10.3398 14.6875 11.043V11.5703H13.8086H12.9297V8.09375V4.61719H13.8047H14.6836L14.6953 5.19531C14.707 5.75391 14.7109 5.78125 14.8164 5.9375C14.875 6.02734 14.9961 6.14844 15.0859 6.20703L15.25 6.31641L18.5352 6.32812L21.8242 6.33594L22.0352 6.22656C22.1875 6.14844 22.2773 6.06641 22.3633 5.92578L22.4805 5.73828L22.4922 4.25781C22.5 3.24219 22.4883 2.72656 22.457 2.61328C22.3984 2.39844 22.1094 2.10156 21.8945 2.04297C21.7852 2.01562 20.7617 2 18.5508 2H15.3672L15.1641 2.10156ZM21.6406 4.16797V5.47656H18.5938H15.5469V4.16797V2.85938H18.5938H21.6406V4.16797ZM9.45312 12V13.2891H6.40625H3.35938V12V10.7109H6.40625H9.45312V12ZM21.6406 12V13.2891H18.5938H15.5469V12V10.7109H18.5938H21.6406V12ZM21.6406 19.832V21.1406H18.5938H15.5469V19.832V18.5234H18.5938H21.6406V19.832Z" }) }));
 export default IconUnitsEmployee;

package/components/SVGIcons/IconUpload.d.ts

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

package/components/SVGIcons/IconUpload.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUpload = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUpload = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M11.8991 12.4688L15.2935 15.8624L14.1615 16.9944L12.6991 15.532V20H11.0991V15.5304L9.63673 16.9944L8.50473 15.8624L11.8991 12.4688ZM11.8991 4C13.2727 4.00007 14.5984 4.50489 15.6241 5.41849C16.6498 6.3321 17.304 7.59077 17.4623 8.9552C18.4577 9.22665 19.3261 9.83928 19.9157 10.686C20.5052 11.5328 20.7785 12.5598 20.6876 13.5875C20.5968 14.6153 20.1477 15.5784 19.4188 16.3087C18.6899 17.0389 17.7275 17.4897 16.6999 17.5824V15.9712C17.0681 15.9186 17.422 15.7932 17.7412 15.6024C18.0604 15.4115 18.3383 15.159 18.5588 14.8595C18.7793 14.5601 18.9379 14.2197 19.0254 13.8583C19.1129 13.4968 19.1276 13.1216 19.0685 12.7545C19.0094 12.3873 18.8778 12.0356 18.6813 11.7199C18.4848 11.4042 18.2274 11.1307 17.9241 10.9156C17.6208 10.7004 17.2777 10.5478 16.9147 10.4667C16.5518 10.3856 16.1764 10.3776 15.8103 10.4432C15.9356 9.85991 15.9288 9.25598 15.7905 8.67564C15.6522 8.09531 15.3858 7.55327 15.0108 7.08922C14.6359 6.62518 14.1619 6.25089 13.6235 5.99376C13.0852 5.73663 12.4961 5.60317 11.8995 5.60317C11.3029 5.60317 10.7139 5.73663 10.1756 5.99376C9.63721 6.25089 9.16321 6.62518 8.78826 7.08922C8.4133 7.55327 8.1469 8.09531 8.00856 8.67564C7.87022 9.25598 7.86345 9.85991 7.98873 10.4432C7.25886 10.3061 6.50443 10.4646 5.89141 10.8838C5.27839 11.303 4.857 11.9485 4.71993 12.6784C4.58287 13.4083 4.74136 14.1627 5.16054 14.7757C5.57972 15.3887 6.22526 15.8101 6.95513 15.9472L7.09913 15.9712V17.5824C6.07149 17.4899 5.10906 17.0391 4.38004 16.309C3.65102 15.5788 3.2018 14.6156 3.11087 13.5879C3.01995 12.5601 3.29312 11.533 3.88263 10.6862C4.47214 9.83941 5.3405 9.22671 6.33593 8.9552C6.4941 7.5907 7.14826 6.33193 8.174 5.41829C9.19974 4.50466 10.5255 3.99989 11.8991 4V4Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M11.8991 12.4688L15.2935 15.8624L14.1615 16.9944L12.6991 15.532V20H11.0991V15.5304L9.63673 16.9944L8.50473 15.8624L11.8991 12.4688ZM11.8991 4C13.2727 4.00007 14.5984 4.50489 15.6241 5.41849C16.6498 6.3321 17.304 7.59077 17.4623 8.9552C18.4577 9.22665 19.3261 9.83928 19.9157 10.686C20.5052 11.5328 20.7785 12.5598 20.6876 13.5875C20.5968 14.6153 20.1477 15.5784 19.4188 16.3087C18.6899 17.0389 17.7275 17.4897 16.6999 17.5824V15.9712C17.0681 15.9186 17.422 15.7932 17.7412 15.6024C18.0604 15.4115 18.3383 15.159 18.5588 14.8595C18.7793 14.5601 18.9379 14.2197 19.0254 13.8583C19.1129 13.4968 19.1276 13.1216 19.0685 12.7545C19.0094 12.3873 18.8778 12.0356 18.6813 11.7199C18.4848 11.4042 18.2274 11.1307 17.9241 10.9156C17.6208 10.7004 17.2777 10.5478 16.9147 10.4667C16.5518 10.3856 16.1764 10.3776 15.8103 10.4432C15.9356 9.85991 15.9288 9.25598 15.7905 8.67564C15.6522 8.09531 15.3858 7.55327 15.0108 7.08922C14.6359 6.62518 14.1619 6.25089 13.6235 5.99376C13.0852 5.73663 12.4961 5.60317 11.8995 5.60317C11.3029 5.60317 10.7139 5.73663 10.1756 5.99376C9.63721 6.25089 9.16321 6.62518 8.78826 7.08922C8.4133 7.55327 8.1469 8.09531 8.00856 8.67564C7.87022 9.25598 7.86345 9.85991 7.98873 10.4432C7.25886 10.3061 6.50443 10.4646 5.89141 10.8838C5.27839 11.303 4.857 11.9485 4.71993 12.6784C4.58287 13.4083 4.74136 14.1627 5.16054 14.7757C5.57972 15.3887 6.22526 15.8101 6.95513 15.9472L7.09913 15.9712V17.5824C6.07149 17.4899 5.10906 17.0391 4.38004 16.309C3.65102 15.5788 3.2018 14.6156 3.11087 13.5879C3.01995 12.5601 3.29312 11.533 3.88263 10.6862C4.47214 9.83941 5.3405 9.22671 6.33593 8.9552C6.4941 7.5907 7.14826 6.33193 8.174 5.41829C9.19974 4.50466 10.5255 3.99989 11.8991 4V4Z" }) }));
 export default IconUpload;

package/components/SVGIcons/IconUs.d.ts

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

package/components/SVGIcons/IconUs.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUs = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUs = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }), _jsx("mask", { id: "mask0_1993_2165", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "0", y: "3", width: "24", height: "18", children: _jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }) }), _jsxs("g", { mask: "url(#mask0_1993_2165)", children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", fill: "#0A17A7" }), _jsx("path", { d: "M-1.09929 1.78735L9.14287 8.69577V2.28718H14.8572V8.69573L25.0992 1.78736L26.3774 3.6823L18.2796 9.14432H24V14.8586H18.2796L26.3774 20.3206L25.0992 22.2155L14.8572 15.3072V21.7157H9.14287V15.3071L-1.09928 22.2156L-2.37744 20.3206L5.72032 14.8586H7.62939e-06V9.14432H5.72034L-2.37744 3.6823L-1.09929 1.78735Z", fill: "white" }), _jsx("path", { d: "M27.1356 1.53249C27.2368 1.68629 27.1942 1.89299 27.0404 1.99417L16.1843 9.13605C16.0305 9.23723 15.8238 9.19457 15.7227 9.04078C15.6215 8.88698 15.6641 8.68028 15.8179 8.5791L26.674 1.43722C26.8277 1.33604 27.0344 1.3787 27.1356 1.53249Z", fill: "#DB1F35" }), _jsx("path", { d: "M27.1621 21.9165C27.265 21.7639 27.2247 21.5567 27.072 21.4538L17.3401 14.8943C17.1875 14.7914 16.9803 14.8317 16.8774 14.9844C16.7745 15.137 16.8149 15.3442 16.9675 15.4471L26.6994 22.0066C26.852 22.1095 27.0592 22.0692 27.1621 21.9165Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56564 1.81145C-3.46276 1.65878 -3.25559 1.61843 -3.10293 1.72132L7.04823 8.56255C7.20089 8.66544 7.24124 8.8726 7.13836 9.02526C7.03547 9.17792 6.82831 9.21828 6.67565 9.11539L-3.47551 2.27415C-3.62817 2.17127 -3.66853 1.96411 -3.56564 1.81145Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56702 22.7375C-3.46528 22.8909 -3.25842 22.9328 -3.105 22.831L8.14717 15.3691C8.30059 15.2674 8.34249 15.0605 8.24074 14.9071C8.139 14.7537 7.93214 14.7118 7.77872 14.8135L-3.47344 22.2754C-3.62687 22.3772 -3.66876 22.584 -3.56702 22.7375Z", fill: "#DB1F35" }), _jsx("path", { d: "M0 13.7157H10.2857V20.5728H13.7143V13.7157H24V10.2871H13.7143V3.42999H10.2857V10.2871H0V13.7157Z", fill: "#E6273E" })] })] }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }), _jsx("mask", { id: "mask0_1993_2165", style: { maskType: 'luminance' }, maskUnits: "userSpaceOnUse", x: "0", y: "3", width: "24", height: "18", children: _jsx("rect", { y: "3.42999", width: "24", height: "17.1429", rx: "2", fill: "white" }) }), _jsxs("g", { mask: "url(#mask0_1993_2165)", children: [_jsx("rect", { y: "3.42999", width: "24", height: "17.1429", fill: "#0A17A7" }), _jsx("path", { d: "M-1.09929 1.78735L9.14287 8.69577V2.28718H14.8572V8.69573L25.0992 1.78736L26.3774 3.6823L18.2796 9.14432H24V14.8586H18.2796L26.3774 20.3206L25.0992 22.2155L14.8572 15.3072V21.7157H9.14287V15.3071L-1.09928 22.2156L-2.37744 20.3206L5.72032 14.8586H7.62939e-06V9.14432H5.72034L-2.37744 3.6823L-1.09929 1.78735Z", fill: "white" }), _jsx("path", { d: "M27.1356 1.53249C27.2368 1.68629 27.1942 1.89299 27.0404 1.99417L16.1843 9.13605C16.0305 9.23723 15.8238 9.19457 15.7227 9.04078C15.6215 8.88698 15.6641 8.68028 15.8179 8.5791L26.674 1.43722C26.8277 1.33604 27.0344 1.3787 27.1356 1.53249Z", fill: "#DB1F35" }), _jsx("path", { d: "M27.1621 21.9165C27.265 21.7639 27.2247 21.5567 27.072 21.4538L17.3401 14.8943C17.1875 14.7914 16.9803 14.8317 16.8774 14.9844C16.7745 15.137 16.8149 15.3442 16.9675 15.4471L26.6994 22.0066C26.852 22.1095 27.0592 22.0692 27.1621 21.9165Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56564 1.81145C-3.46276 1.65878 -3.25559 1.61843 -3.10293 1.72132L7.04823 8.56255C7.20089 8.66544 7.24124 8.8726 7.13836 9.02526C7.03547 9.17792 6.82831 9.21828 6.67565 9.11539L-3.47551 2.27415C-3.62817 2.17127 -3.66853 1.96411 -3.56564 1.81145Z", fill: "#DB1F35" }), _jsx("path", { d: "M-3.56702 22.7375C-3.46528 22.8909 -3.25842 22.9328 -3.105 22.831L8.14717 15.3691C8.30059 15.2674 8.34249 15.0605 8.24074 14.9071C8.139 14.7537 7.93214 14.7118 7.77872 14.8135L-3.47344 22.2754C-3.62687 22.3772 -3.66876 22.584 -3.56702 22.7375Z", fill: "#DB1F35" }), _jsx("path", { d: "M0 13.7157H10.2857V20.5728H13.7143V13.7157H24V10.2871H13.7143V3.42999H10.2857V10.2871H0V13.7157Z", fill: "#E6273E" })] })] }));
 export default IconUs;

package/components/SVGIcons/IconUsd.d.ts

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

package/components/SVGIcons/IconUsd.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUsd = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUsd = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M12.7699 3.13324C12.7699 2.70841 12.4255 2.36401 12.0007 2.36401C11.5758 2.36401 11.2314 2.70841 11.2314 3.13324V5.44116H9.94869C8.92863 5.44116 7.95035 5.84638 7.22905 6.56767C6.50776 7.28897 6.10254 8.26725 6.10254 9.28732C6.10254 10.3074 6.50776 11.2857 7.22905 12.007C7.95035 12.7283 8.92863 13.1335 9.94869 13.1335H14.0513C14.6633 13.1335 15.2503 13.3766 15.683 13.8094C16.1158 14.2422 16.3589 14.8291 16.3589 15.4412C16.3589 16.0532 16.1158 16.6402 15.683 17.0729C15.2503 17.5057 14.6633 17.7489 14.0513 17.7489H12.0195C12.0132 17.7487 12.007 17.7486 12.0007 17.7486C11.9944 17.7486 11.9881 17.7487 11.9819 17.7489H9.96648C9.51179 17.7262 9.07383 17.5695 8.70782 17.2984C8.33768 17.0242 8.05807 16.6455 7.90495 16.2111C7.76374 15.8104 7.32445 15.6001 6.92377 15.7413C6.52309 15.8825 6.31276 16.3218 6.45397 16.7225C6.70916 17.4466 7.17519 18.0777 7.79209 18.5346C8.40898 18.9916 9.14852 19.2535 9.91551 19.2866C9.92656 19.2871 9.93763 19.2873 9.94869 19.2873H11.2314V21.5948C11.2314 22.0196 11.5758 22.364 12.0007 22.364C12.4255 22.364 12.7699 22.0196 12.7699 21.5948V19.2873H14.0513C15.0713 19.2873 16.0496 18.8821 16.7709 18.1608C17.4922 17.4395 17.8974 16.4612 17.8974 15.4412C17.8974 14.4211 17.4922 13.4428 16.7709 12.7215C16.0496 12.0002 15.0713 11.595 14.0513 11.595H9.94869C9.33665 11.595 8.74968 11.3519 8.31691 10.9191C7.88413 10.4863 7.641 9.89935 7.641 9.28732C7.641 8.67528 7.88413 8.08831 8.31691 7.65553C8.74968 7.22275 9.33666 6.97962 9.94869 6.97962H14.0335C14.4882 7.0023 14.9261 7.15897 15.2921 7.43009C15.6623 7.70427 15.9419 8.08294 16.095 8.51737C16.2362 8.91805 16.6755 9.12838 17.0762 8.98717C17.4769 8.84595 17.6872 8.40666 17.546 8.00598C17.2908 7.28193 16.8248 6.65081 16.2079 6.19385C15.591 5.73689 14.8514 5.475 14.0844 5.44188C14.0734 5.4414 14.0623 5.44116 14.0513 5.44116H12.7699V3.13324Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M12.7699 3.13324C12.7699 2.70841 12.4255 2.36401 12.0007 2.36401C11.5758 2.36401 11.2314 2.70841 11.2314 3.13324V5.44116H9.94869C8.92863 5.44116 7.95035 5.84638 7.22905 6.56767C6.50776 7.28897 6.10254 8.26725 6.10254 9.28732C6.10254 10.3074 6.50776 11.2857 7.22905 12.007C7.95035 12.7283 8.92863 13.1335 9.94869 13.1335H14.0513C14.6633 13.1335 15.2503 13.3766 15.683 13.8094C16.1158 14.2422 16.3589 14.8291 16.3589 15.4412C16.3589 16.0532 16.1158 16.6402 15.683 17.0729C15.2503 17.5057 14.6633 17.7489 14.0513 17.7489H12.0195C12.0132 17.7487 12.007 17.7486 12.0007 17.7486C11.9944 17.7486 11.9881 17.7487 11.9819 17.7489H9.96648C9.51179 17.7262 9.07383 17.5695 8.70782 17.2984C8.33768 17.0242 8.05807 16.6455 7.90495 16.2111C7.76374 15.8104 7.32445 15.6001 6.92377 15.7413C6.52309 15.8825 6.31276 16.3218 6.45397 16.7225C6.70916 17.4466 7.17519 18.0777 7.79209 18.5346C8.40898 18.9916 9.14852 19.2535 9.91551 19.2866C9.92656 19.2871 9.93763 19.2873 9.94869 19.2873H11.2314V21.5948C11.2314 22.0196 11.5758 22.364 12.0007 22.364C12.4255 22.364 12.7699 22.0196 12.7699 21.5948V19.2873H14.0513C15.0713 19.2873 16.0496 18.8821 16.7709 18.1608C17.4922 17.4395 17.8974 16.4612 17.8974 15.4412C17.8974 14.4211 17.4922 13.4428 16.7709 12.7215C16.0496 12.0002 15.0713 11.595 14.0513 11.595H9.94869C9.33665 11.595 8.74968 11.3519 8.31691 10.9191C7.88413 10.4863 7.641 9.89935 7.641 9.28732C7.641 8.67528 7.88413 8.08831 8.31691 7.65553C8.74968 7.22275 9.33666 6.97962 9.94869 6.97962H14.0335C14.4882 7.0023 14.9261 7.15897 15.2921 7.43009C15.6623 7.70427 15.9419 8.08294 16.095 8.51737C16.2362 8.91805 16.6755 9.12838 17.0762 8.98717C17.4769 8.84595 17.6872 8.40666 17.546 8.00598C17.2908 7.28193 16.8248 6.65081 16.2079 6.19385C15.591 5.73689 14.8514 5.475 14.0844 5.44188C14.0734 5.4414 14.0623 5.44116 14.0513 5.44116H12.7699V3.13324Z" }) }));
 export default IconUsd;

package/components/SVGIcons/IconUsdFilled.d.ts

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

package/components/SVGIcons/IconUsdFilled.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUsdFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUsdFilled = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M12.7699 3.13324C12.7699 2.70841 12.4255 2.36401 12.0007 2.36401C11.5758 2.36401 11.2314 2.70841 11.2314 3.13324V5.44116H9.94869C8.92863 5.44116 7.95035 5.84638 7.22905 6.56767C6.50776 7.28897 6.10254 8.26725 6.10254 9.28732C6.10254 10.3074 6.50776 11.2857 7.22905 12.007C7.95035 12.7283 8.92863 13.1335 9.94869 13.1335H14.0513C14.6633 13.1335 15.2503 13.3766 15.683 13.8094C16.1158 14.2422 16.3589 14.8291 16.3589 15.4412C16.3589 16.0532 16.1158 16.6402 15.683 17.0729C15.2503 17.5057 14.6633 17.7489 14.0513 17.7489H12.0195C12.0132 17.7487 12.007 17.7486 12.0007 17.7486C11.9944 17.7486 11.9881 17.7487 11.9819 17.7489H9.96648C9.51179 17.7262 9.07383 17.5695 8.70782 17.2984C8.33768 17.0242 8.05807 16.6455 7.90495 16.2111C7.76374 15.8104 7.32445 15.6001 6.92377 15.7413C6.52309 15.8825 6.31276 16.3218 6.45397 16.7225C6.70916 17.4466 7.17519 18.0777 7.79209 18.5346C8.40898 18.9916 9.14852 19.2535 9.91551 19.2866C9.92656 19.2871 9.93763 19.2873 9.94869 19.2873H11.2314V21.5948C11.2314 22.0196 11.5758 22.364 12.0007 22.364C12.4255 22.364 12.7699 22.0196 12.7699 21.5948V19.2873H14.0513C15.0713 19.2873 16.0496 18.8821 16.7709 18.1608C17.4922 17.4395 17.8974 16.4612 17.8974 15.4412C17.8974 14.4211 17.4922 13.4428 16.7709 12.7215C16.0496 12.0002 15.0713 11.595 14.0513 11.595H9.94869C9.33665 11.595 8.74968 11.3519 8.31691 10.9191C7.88413 10.4863 7.641 9.89935 7.641 9.28732C7.641 8.67528 7.88413 8.08831 8.31691 7.65553C8.74968 7.22275 9.33666 6.97962 9.94869 6.97962H14.0335C14.4882 7.0023 14.9261 7.15897 15.2921 7.43009C15.6623 7.70427 15.9419 8.08294 16.095 8.51737C16.2362 8.91805 16.6755 9.12838 17.0762 8.98717C17.4769 8.84595 17.6872 8.40666 17.546 8.00598C17.2908 7.28193 16.8248 6.65081 16.2079 6.19385C15.591 5.73689 14.8514 5.475 14.0844 5.44188C14.0734 5.4414 14.0623 5.44116 14.0513 5.44116H12.7699V3.13324Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M12.7699 3.13324C12.7699 2.70841 12.4255 2.36401 12.0007 2.36401C11.5758 2.36401 11.2314 2.70841 11.2314 3.13324V5.44116H9.94869C8.92863 5.44116 7.95035 5.84638 7.22905 6.56767C6.50776 7.28897 6.10254 8.26725 6.10254 9.28732C6.10254 10.3074 6.50776 11.2857 7.22905 12.007C7.95035 12.7283 8.92863 13.1335 9.94869 13.1335H14.0513C14.6633 13.1335 15.2503 13.3766 15.683 13.8094C16.1158 14.2422 16.3589 14.8291 16.3589 15.4412C16.3589 16.0532 16.1158 16.6402 15.683 17.0729C15.2503 17.5057 14.6633 17.7489 14.0513 17.7489H12.0195C12.0132 17.7487 12.007 17.7486 12.0007 17.7486C11.9944 17.7486 11.9881 17.7487 11.9819 17.7489H9.96648C9.51179 17.7262 9.07383 17.5695 8.70782 17.2984C8.33768 17.0242 8.05807 16.6455 7.90495 16.2111C7.76374 15.8104 7.32445 15.6001 6.92377 15.7413C6.52309 15.8825 6.31276 16.3218 6.45397 16.7225C6.70916 17.4466 7.17519 18.0777 7.79209 18.5346C8.40898 18.9916 9.14852 19.2535 9.91551 19.2866C9.92656 19.2871 9.93763 19.2873 9.94869 19.2873H11.2314V21.5948C11.2314 22.0196 11.5758 22.364 12.0007 22.364C12.4255 22.364 12.7699 22.0196 12.7699 21.5948V19.2873H14.0513C15.0713 19.2873 16.0496 18.8821 16.7709 18.1608C17.4922 17.4395 17.8974 16.4612 17.8974 15.4412C17.8974 14.4211 17.4922 13.4428 16.7709 12.7215C16.0496 12.0002 15.0713 11.595 14.0513 11.595H9.94869C9.33665 11.595 8.74968 11.3519 8.31691 10.9191C7.88413 10.4863 7.641 9.89935 7.641 9.28732C7.641 8.67528 7.88413 8.08831 8.31691 7.65553C8.74968 7.22275 9.33666 6.97962 9.94869 6.97962H14.0335C14.4882 7.0023 14.9261 7.15897 15.2921 7.43009C15.6623 7.70427 15.9419 8.08294 16.095 8.51737C16.2362 8.91805 16.6755 9.12838 17.0762 8.98717C17.4769 8.84595 17.6872 8.40666 17.546 8.00598C17.2908 7.28193 16.8248 6.65081 16.2079 6.19385C15.591 5.73689 14.8514 5.475 14.0844 5.44188C14.0734 5.4414 14.0623 5.44116 14.0513 5.44116H12.7699V3.13324Z" }) }));
 export default IconUsdFilled;

package/components/SVGIcons/IconUserMinus.d.ts

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

package/components/SVGIcons/IconUserMinus.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconUserMinus = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconUserMinus = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M13.3327 15H18.3327M9.99935 12.9167H6.24935C5.08638 12.9167 4.50489 12.9167 4.03173 13.0602C2.96639 13.3834 2.13272 14.217 1.80955 15.2824C1.66602 15.7555 1.66602 16.337 1.66602 17.5M12.0827 6.25C12.0827 8.32107 10.4038 10 8.33268 10C6.26161 10 4.58268 8.32107 4.58268 6.25C4.58268 4.17893 6.26161 2.5 8.33268 2.5C10.4038 2.5 12.0827 4.17893 12.0827 6.25Z", stroke: "#5B5B81", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M13.3327 15H18.3327M9.99935 12.9167H6.24935C5.08638 12.9167 4.50489 12.9167 4.03173 13.0602C2.96639 13.3834 2.13272 14.217 1.80955 15.2824C1.66602 15.7555 1.66602 16.337 1.66602 17.5M12.0827 6.25C12.0827 8.32107 10.4038 10 8.33268 10C6.26161 10 4.58268 8.32107 4.58268 6.25C4.58268 4.17893 6.26161 2.5 8.33268 2.5C10.4038 2.5 12.0827 4.17893 12.0827 6.25Z", stroke: "#5B5B81", strokeWidth: "1.66667", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 export default IconUserMinus;

package/components/SVGIcons/IconVacation.d.ts

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

package/components/SVGIcons/IconVacation.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconVacation = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconVacation = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M4.6381 6.43812L0.77304 2.67828L0.729516 2.62721C0.219912 1.99775 0.317072 1.07436 0.94653 0.564757C1.51518 0.104379 2.2821 -0.0244014 2.99846 0.233786L3.15177 0.298076L8.7297 2.92244L11.4663 0.571064C12.4577 -0.280919 13.9521 -0.167922 14.8105 0.831109L14.8486 0.876814C15.6711 1.89286 15.5143 3.38335 14.4825 4.21829L11.6079 6.40945L13.0374 12.5087C13.2204 13.2893 12.9408 14.1057 12.3176 14.6102C11.6882 15.1198 10.7648 15.0227 10.2426 14.3772L10.1795 14.2899L7.292 9.69936L5.74603 10.878L5.97745 11.5533C6.21878 12.2577 5.99438 13.0378 5.41567 13.5064C4.7952 14.0087 3.88499 13.9129 3.38246 13.2922L2.94712 12.7539L2.81878 12.82C2.08181 13.1988 1.1802 13.0087 0.658807 12.3647C0.137344 11.7206 0.139499 10.799 0.663856 10.1574L0.754848 10.0461L0.318349 9.50743C-0.141596 8.93931 -0.10376 8.11971 0.429608 7.56686L0.532264 7.47442C1.05995 7.04722 1.78398 6.9596 2.42846 7.26088L2.55906 7.33121L3.17208 7.69786L4.6381 6.43812ZM1.80675 1.62729C1.76411 1.66181 1.75753 1.72436 1.77898 1.75134L6.66323 6.50043L3.31584 9.37682L1.88774 8.52161L1.81934 8.48426C1.67933 8.41903 1.51333 8.43912 1.42459 8.50927L1.38458 8.54419C1.3581 8.57173 1.35603 8.61652 1.38067 8.64696L2.5173 10.0495L1.72246 11.0225C1.60794 11.1626 1.60747 11.3639 1.72134 11.5045C1.83539 11.6454 2.03263 11.687 2.19351 11.6043L3.31055 11.0294L4.44519 12.4322C4.47244 12.4659 4.5218 12.4711 4.55545 12.4438C4.68803 12.3365 4.73944 12.1578 4.68416 11.9964L4.13317 10.3885L7.65274 7.70528L11.302 13.5119L11.3177 13.533C11.3522 13.5756 11.4148 13.5822 11.4574 13.5477C11.673 13.3732 11.7697 13.0907 11.7064 12.8207L10.0748 5.8591L13.638 3.1434C14.0673 2.79591 14.1336 2.16621 13.7924 1.74478L13.7672 1.71449C13.4073 1.29574 12.7761 1.24801 12.3573 1.60793L8.94897 4.53646L2.59934 1.54816L2.50591 1.50865C2.26884 1.42348 2.00344 1.46805 1.80675 1.62729Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M4.6381 6.43812L0.77304 2.67828L0.729516 2.62721C0.219912 1.99775 0.317072 1.07436 0.94653 0.564757C1.51518 0.104379 2.2821 -0.0244014 2.99846 0.233786L3.15177 0.298076L8.7297 2.92244L11.4663 0.571064C12.4577 -0.280919 13.9521 -0.167922 14.8105 0.831109L14.8486 0.876814C15.6711 1.89286 15.5143 3.38335 14.4825 4.21829L11.6079 6.40945L13.0374 12.5087C13.2204 13.2893 12.9408 14.1057 12.3176 14.6102C11.6882 15.1198 10.7648 15.0227 10.2426 14.3772L10.1795 14.2899L7.292 9.69936L5.74603 10.878L5.97745 11.5533C6.21878 12.2577 5.99438 13.0378 5.41567 13.5064C4.7952 14.0087 3.88499 13.9129 3.38246 13.2922L2.94712 12.7539L2.81878 12.82C2.08181 13.1988 1.1802 13.0087 0.658807 12.3647C0.137344 11.7206 0.139499 10.799 0.663856 10.1574L0.754848 10.0461L0.318349 9.50743C-0.141596 8.93931 -0.10376 8.11971 0.429608 7.56686L0.532264 7.47442C1.05995 7.04722 1.78398 6.9596 2.42846 7.26088L2.55906 7.33121L3.17208 7.69786L4.6381 6.43812ZM1.80675 1.62729C1.76411 1.66181 1.75753 1.72436 1.77898 1.75134L6.66323 6.50043L3.31584 9.37682L1.88774 8.52161L1.81934 8.48426C1.67933 8.41903 1.51333 8.43912 1.42459 8.50927L1.38458 8.54419C1.3581 8.57173 1.35603 8.61652 1.38067 8.64696L2.5173 10.0495L1.72246 11.0225C1.60794 11.1626 1.60747 11.3639 1.72134 11.5045C1.83539 11.6454 2.03263 11.687 2.19351 11.6043L3.31055 11.0294L4.44519 12.4322C4.47244 12.4659 4.5218 12.4711 4.55545 12.4438C4.68803 12.3365 4.73944 12.1578 4.68416 11.9964L4.13317 10.3885L7.65274 7.70528L11.302 13.5119L11.3177 13.533C11.3522 13.5756 11.4148 13.5822 11.4574 13.5477C11.673 13.3732 11.7697 13.0907 11.7064 12.8207L10.0748 5.8591L13.638 3.1434C14.0673 2.79591 14.1336 2.16621 13.7924 1.74478L13.7672 1.71449C13.4073 1.29574 12.7761 1.24801 12.3573 1.60793L8.94897 4.53646L2.59934 1.54816L2.50591 1.50865C2.26884 1.42348 2.00344 1.46805 1.80675 1.62729Z" }) }));
 export default IconVacation;

package/components/SVGIcons/IconVideo.d.ts

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

package/components/SVGIcons/IconVideo.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconVideo = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconVideo = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M13.75 4.5C15.5449 4.5 17 5.95507 17 7.75V7.923L20.8639 5.605C21.3638 5.30486 22 5.66493 22 6.248V17.75C22 18.333 21.364 18.6931 20.8641 18.3931L17 16.075V16.25C17 18.0449 15.5449 19.5 13.75 19.5H5.25C3.45507 19.5 2 18.0449 2 16.25V7.75C2 5.95507 3.45507 4.5 5.25 4.5H13.75ZM13.75 6H5.25C4.2835 6 3.5 6.7835 3.5 7.75V16.25C3.5 17.2165 4.2835 18 5.25 18H13.75C14.7165 18 15.5 17.2165 15.5 16.25V7.75C15.5 6.7835 14.7165 6 13.75 6ZM20.5 7.5731L17 9.6745V14.3254L20.5 16.4254V7.5731Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M13.75 4.5C15.5449 4.5 17 5.95507 17 7.75V7.923L20.8639 5.605C21.3638 5.30486 22 5.66493 22 6.248V17.75C22 18.333 21.364 18.6931 20.8641 18.3931L17 16.075V16.25C17 18.0449 15.5449 19.5 13.75 19.5H5.25C3.45507 19.5 2 18.0449 2 16.25V7.75C2 5.95507 3.45507 4.5 5.25 4.5H13.75ZM13.75 6H5.25C4.2835 6 3.5 6.7835 3.5 7.75V16.25C3.5 17.2165 4.2835 18 5.25 18H13.75C14.7165 18 15.5 17.2165 15.5 16.25V7.75C15.5 6.7835 14.7165 6 13.75 6ZM20.5 7.5731L17 9.6745V14.3254L20.5 16.4254V7.5731Z" }) }));
 export default IconVideo;

package/components/SVGIcons/IconVideoFilled.d.ts

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

package/components/SVGIcons/IconVideoFilled.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconVideoFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconVideoFilled = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M16 16.25C16 18.0449 14.5449 19.5 12.75 19.5H5.25C3.45507 19.5 2 18.0449 2 16.25V7.75C2 5.95507 3.45507 4.5 5.25 4.5H12.75C14.5449 4.5 16 5.95507 16 7.75V16.25ZM21.762 5.89334C21.9156 6.07414 22 6.30368 22 6.54096V17.4588C22 18.0111 21.5523 18.4588 21 18.4588C20.7627 18.4588 20.5332 18.3744 20.3524 18.2208L17 15.3709V8.62794L20.3524 5.77899C20.7732 5.42132 21.4043 5.47252 21.762 5.89334Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M16 16.25C16 18.0449 14.5449 19.5 12.75 19.5H5.25C3.45507 19.5 2 18.0449 2 16.25V7.75C2 5.95507 3.45507 4.5 5.25 4.5H12.75C14.5449 4.5 16 5.95507 16 7.75V16.25ZM21.762 5.89334C21.9156 6.07414 22 6.30368 22 6.54096V17.4588C22 18.0111 21.5523 18.4588 21 18.4588C20.7627 18.4588 20.5332 18.3744 20.3524 18.2208L17 15.3709V8.62794L20.3524 5.77899C20.7732 5.42132 21.4043 5.47252 21.762 5.89334Z" }) }));
 export default IconVideoFilled;

package/components/SVGIcons/IconWallet.d.ts

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

package/components/SVGIcons/IconWallet.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconWallet = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconWallet = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M15.5 13.75C15.5 13.3358 15.8358 13 16.25 13H18.25C18.6642 13 19 13.3358 19 13.75C19 14.1642 18.6642 14.5 18.25 14.5H16.25C15.8358 14.5 15.5 14.1642 15.5 13.75ZM3 5H3.01373C3.13809 3.87501 4.09186 3 5.25 3H16.75C17.9926 3 19 4.00736 19 5.25V6.08697C20.4333 6.42555 21.5 7.71321 21.5 9.25V17.75C21.5 19.5449 20.0449 21 18.25 21H6.25C4.45508 21 3 19.5449 3 17.75V5ZM18.25 7.5H4.5V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H18.25C19.2165 19.5 20 18.7165 20 17.75V9.25C20 8.2835 19.2165 7.5 18.25 7.5ZM17.5 6V5.25C17.5 4.83579 17.1642 4.5 16.75 4.5H5.25C4.83579 4.5 4.5 4.83579 4.5 5.25C4.5 5.66421 4.83579 6 5.25 6H17.5Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Regular", children: _jsx("path", { id: "Shape", d: "M15.5 13.75C15.5 13.3358 15.8358 13 16.25 13H18.25C18.6642 13 19 13.3358 19 13.75C19 14.1642 18.6642 14.5 18.25 14.5H16.25C15.8358 14.5 15.5 14.1642 15.5 13.75ZM3 5H3.01373C3.13809 3.87501 4.09186 3 5.25 3H16.75C17.9926 3 19 4.00736 19 5.25V6.08697C20.4333 6.42555 21.5 7.71321 21.5 9.25V17.75C21.5 19.5449 20.0449 21 18.25 21H6.25C4.45508 21 3 19.5449 3 17.75V5ZM18.25 7.5H4.5V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H18.25C19.2165 19.5 20 18.7165 20 17.75V9.25C20 8.2835 19.2165 7.5 18.25 7.5ZM17.5 6V5.25C17.5 4.83579 17.1642 4.5 16.75 4.5H5.25C4.83579 4.5 4.5 4.83579 4.5 5.25C4.5 5.66421 4.83579 6 5.25 6H17.5Z" }) }) }));
 export default IconWallet;

package/components/SVGIcons/IconWalletFilled.d.ts

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

package/components/SVGIcons/IconWalletFilled.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconWalletFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconWalletFilled = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M3 5V17.75C3 19.5449 4.45508 21 6.25 21H18.25C20.0449 21 21.5 19.5449 21.5 17.75V9.25C21.5 7.71321 20.4333 6.42555 19 6.08697V5.25C19 4.00736 17.9926 3 16.75 3H5.25C4.09186 3 3.13809 3.87501 3.01373 5H3ZM5.25 6C4.83579 6 4.5 5.66421 4.5 5.25C4.5 4.83579 4.83579 4.5 5.25 4.5H16.75C17.1642 4.5 17.5 4.83579 17.5 5.25V6H5.25ZM16.25 13H18.25C18.6642 13 19 13.3358 19 13.75C19 14.1642 18.6642 14.5 18.25 14.5H16.25C15.8358 14.5 15.5 14.1642 15.5 13.75C15.5 13.3358 15.8358 13 16.25 13Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Size=24, Theme=Filled", children: _jsx("path", { id: "Shape", d: "M3 5V17.75C3 19.5449 4.45508 21 6.25 21H18.25C20.0449 21 21.5 19.5449 21.5 17.75V9.25C21.5 7.71321 20.4333 6.42555 19 6.08697V5.25C19 4.00736 17.9926 3 16.75 3H5.25C4.09186 3 3.13809 3.87501 3.01373 5H3ZM5.25 6C4.83579 6 4.5 5.66421 4.5 5.25C4.5 4.83579 4.83579 4.5 5.25 4.5H16.75C17.1642 4.5 17.5 4.83579 17.5 5.25V6H5.25ZM16.25 13H18.25C18.6642 13 19 13.3358 19 13.75C19 14.1642 18.6642 14.5 18.25 14.5H16.25C15.8358 14.5 15.5 14.1642 15.5 13.75C15.5 13.3358 15.8358 13 16.25 13Z" }) }) }));
 export default IconWalletFilled;

package/components/SVGIcons/IconWarning.d.ts

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

package/components/SVGIcons/IconWarning.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconWarning = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconWarning = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M12.9993 17C12.9993 16.4484 12.5522 16.0013 12.0006 16.0013C11.4491 16.0013 11.002 16.4484 11.002 17C11.002 17.5515 11.4491 17.9986 12.0006 17.9986C12.5522 17.9986 12.9993 17.5515 12.9993 17ZM12.7401 9.1467C12.6901 8.78066 12.3761 8.49876 11.9964 8.49906C11.5822 8.49939 11.2467 8.83545 11.247 9.24966L11.2506 13.7513L11.2575 13.853C11.3075 14.2191 11.6215 14.501 12.0012 14.5007C12.4154 14.5003 12.7509 14.1643 12.7506 13.7501L12.747 9.24846L12.7401 9.1467ZM13.9693 3.65888C13.113 2.11108 10.8878 2.1111 10.0316 3.65893L2.28634 17.6604C1.45678 19.16 2.5414 20.9995 4.25518 20.9995H19.7462C21.46 20.9995 22.5446 19.16 21.715 17.6603L13.9693 3.65888ZM11.3442 4.38501C11.6296 3.86907 12.3713 3.86906 12.6567 4.38499L20.4025 18.3865C20.679 18.8863 20.3175 19.4995 19.7462 19.4995H4.25518C3.68392 19.4995 3.32238 18.8863 3.5989 18.3865L11.3442 4.38501Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M12.9993 17C12.9993 16.4484 12.5522 16.0013 12.0006 16.0013C11.4491 16.0013 11.002 16.4484 11.002 17C11.002 17.5515 11.4491 17.9986 12.0006 17.9986C12.5522 17.9986 12.9993 17.5515 12.9993 17ZM12.7401 9.1467C12.6901 8.78066 12.3761 8.49876 11.9964 8.49906C11.5822 8.49939 11.2467 8.83545 11.247 9.24966L11.2506 13.7513L11.2575 13.853C11.3075 14.2191 11.6215 14.501 12.0012 14.5007C12.4154 14.5003 12.7509 14.1643 12.7506 13.7501L12.747 9.24846L12.7401 9.1467ZM13.9693 3.65888C13.113 2.11108 10.8878 2.1111 10.0316 3.65893L2.28634 17.6604C1.45678 19.16 2.5414 20.9995 4.25518 20.9995H19.7462C21.46 20.9995 22.5446 19.16 21.715 17.6603L13.9693 3.65888ZM11.3442 4.38501C11.6296 3.86907 12.3713 3.86906 12.6567 4.38499L20.4025 18.3865C20.679 18.8863 20.3175 19.4995 19.7462 19.4995H4.25518C3.68392 19.4995 3.32238 18.8863 3.5989 18.3865L11.3442 4.38501Z" }) }));
 export default IconWarning;

package/components/SVGIcons/IconWarningFilled.d.ts

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

package/components/SVGIcons/IconWarningFilled.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconWarningFilled = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconWarningFilled = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("path", { d: "M10.0297 3.65893C10.8859 2.1111 13.1111 2.11108 13.9673 3.65888L21.7131 17.6603C22.5427 19.16 21.4581 20.9995 19.7443 20.9995H4.25323C2.53945 20.9995 1.45483 19.16 2.28438 17.6604L10.0297 3.65893ZM12.9973 17.0009C12.9973 16.4494 12.5502 16.0022 11.9987 16.0022C11.4471 16.0022 11 16.4494 11 17.0009C11 17.5524 11.4471 17.9996 11.9987 17.9996C12.5502 17.9996 12.9973 17.5524 12.9973 17.0009ZM12.7381 9.14764C12.6882 8.7816 12.3742 8.4997 11.9945 8.5C11.5802 8.50033 11.2447 8.83639 11.2451 9.2506L11.2487 13.7522L11.2556 13.854C11.3055 14.22 11.6196 14.5019 11.9993 14.5016C12.4135 14.5013 12.749 14.1652 12.7487 13.751L12.7451 9.2494L12.7381 9.14764Z" }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("path", { d: "M10.0297 3.65893C10.8859 2.1111 13.1111 2.11108 13.9673 3.65888L21.7131 17.6603C22.5427 19.16 21.4581 20.9995 19.7443 20.9995H4.25323C2.53945 20.9995 1.45483 19.16 2.28438 17.6604L10.0297 3.65893ZM12.9973 17.0009C12.9973 16.4494 12.5502 16.0022 11.9987 16.0022C11.4471 16.0022 11 16.4494 11 17.0009C11 17.5524 11.4471 17.9996 11.9987 17.9996C12.5502 17.9996 12.9973 17.5524 12.9973 17.0009ZM12.7381 9.14764C12.6882 8.7816 12.3742 8.4997 11.9945 8.5C11.5802 8.50033 11.2447 8.83639 11.2451 9.2506L11.2487 13.7522L11.2556 13.854C11.3055 14.22 11.6196 14.5019 11.9993 14.5016C12.4135 14.5013 12.749 14.1652 12.7487 13.751L12.7451 9.2494L12.7381 9.14764Z" }) }));
 export default IconWarningFilled;

package/components/SVGIcons/IconYoutube.d.ts

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

package/components/SVGIcons/IconYoutube.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
-const IconYoutube = ({ size, type, className = '', onClick, refHandler, id, dataId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
+const IconYoutube = ({ size, type, className = '', onClick, refHandler, id, dataTestId }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: classNames('svg-icon', {
         [`svg-icon__size-${size}`]: size,
         [`svg-icon__type-${type}`]: type,
         [className]: className
-    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-id": dataId ? `${dataId}-svg-icon` : '', children: _jsx("g", { id: "Lozenge", children: _jsx("path", { id: "Vector", d: "M23.7609 4.20005C23.7609 4.20005 23.5266 2.54536 22.8047 1.8188C21.8906 0.862549 20.8688 0.857861 20.4 0.801611C17.0438 0.557861 12.0047 0.557861 12.0047 0.557861H11.9953C11.9953 0.557861 6.95625 0.557861 3.6 0.801611C3.13125 0.857861 2.10938 0.862549 1.19531 1.8188C0.473438 2.54536 0.24375 4.20005 0.24375 4.20005C0.24375 4.20005 0 6.14536 0 8.08599V9.90474C0 11.8454 0.239062 13.7907 0.239062 13.7907C0.239062 13.7907 0.473437 15.4454 1.19062 16.1719C2.10469 17.1282 3.30469 17.0954 3.83906 17.1985C5.76094 17.3813 12 17.4375 12 17.4375C12 17.4375 17.0438 17.4282 20.4 17.1891C20.8688 17.1329 21.8906 17.1282 22.8047 16.1719C23.5266 15.4454 23.7609 13.7907 23.7609 13.7907C23.7609 13.7907 24 11.85 24 9.90474V8.08599C24 6.14536 23.7609 4.20005 23.7609 4.20005ZM9.52031 12.1125V5.36724L16.0031 8.75161L9.52031 12.1125Z" }) }) }));
+    }), viewBox: "0 0 24 24", fill: "none", onClick: onClick, ref: refHandler, id: id, "data-test-id": dataTestId ? `${dataTestId}-svg-icon` : '', children: _jsx("g", { id: "Lozenge", children: _jsx("path", { id: "Vector", d: "M23.7609 4.20005C23.7609 4.20005 23.5266 2.54536 22.8047 1.8188C21.8906 0.862549 20.8688 0.857861 20.4 0.801611C17.0438 0.557861 12.0047 0.557861 12.0047 0.557861H11.9953C11.9953 0.557861 6.95625 0.557861 3.6 0.801611C3.13125 0.857861 2.10938 0.862549 1.19531 1.8188C0.473438 2.54536 0.24375 4.20005 0.24375 4.20005C0.24375 4.20005 0 6.14536 0 8.08599V9.90474C0 11.8454 0.239062 13.7907 0.239062 13.7907C0.239062 13.7907 0.473437 15.4454 1.19062 16.1719C2.10469 17.1282 3.30469 17.0954 3.83906 17.1985C5.76094 17.3813 12 17.4375 12 17.4375C12 17.4375 17.0438 17.4282 20.4 17.1891C20.8688 17.1329 21.8906 17.1282 22.8047 16.1719C23.5266 15.4454 23.7609 13.7907 23.7609 13.7907C23.7609 13.7907 24 11.85 24 9.90474V8.08599C24 6.14536 23.7609 4.20005 23.7609 4.20005ZM9.52031 12.1125V5.36724L16.0031 8.75161L9.52031 12.1125Z" }) }) }));
 export default IconYoutube;

package/components/Select/ButtonSelect/ButtonSelect.js

@@ -6,9 +6,9 @@ import { useGetElemSizes, useOnOutsideClick } from '../../../hooks';
 import { Loading, ButtonSelectWrapper } from '../SharedComponents';
 import { noop } from '../../../utils/helpers';
 import { useIsMobile } from '../../../hooks/useGetIsMobile';
-import { getOptionDataId } from '../helper';
+import { getOptionDataTestId } from '../helper';
 export const ButtonSelect = (props) => {
-    const { size, className, isLoading, options, name, setSelectedItem, setFieldValue, isRequiredField, selectedItem, labelLeftIconProps, tooltipAddons, dropdownWidth, labelRightIconComponent, optionRightIconComponent, align = 'left', value, placeHolder, offsets, dataId, type, isMobileFullScreen = false } = props;
+    const { size, className, isLoading, options, name, setSelectedItem, setFieldValue, isRequiredField, selectedItem, labelLeftIconProps, tooltipAddons, dropdownWidth, labelRightIconComponent, optionRightIconComponent, align = 'left', value, placeHolder, offsets, dataTestId, type, isMobileFullScreen = false } = props;
     const currentSelection = value || selectedItem;
     const [isOpen, setIsOpen] = useState(false);
     const [containerRef, setContainerRef] = useState(null);
@@ -37,10 +37,10 @@ export const ButtonSelect = (props) => {
             onItemDeselect();
         }
     };
-    return (_jsx(ButtonSelectWrapper, { applySelectedItems: noop, size: size, className: className, dropdownWidth: dropdownWidth, align: align, offsets: offsets, isOpen: isOpen, setIsOpen: setIsOpen, containerRef: containerRef, setContainerRef: setContainerRef, dropdownRef: dropdownRef, setDropdownRef: setDropdownRef, placeHolder: placeHolder, dataId: dataId, type: type, isMobile: isMobile && isMobileFullScreen, children: isLoading ? (_jsx(Loading, {})) : (_jsx(_Fragment, { children: _jsx("div", { ref: scrollRef, className: classNames('select__options__scroll', 'scrollbar', 'scrollbar--vertical', {
+    return (_jsx(ButtonSelectWrapper, { applySelectedItems: noop, size: size, className: className, dropdownWidth: dropdownWidth, align: align, offsets: offsets, isOpen: isOpen, setIsOpen: setIsOpen, containerRef: containerRef, setContainerRef: setContainerRef, dropdownRef: dropdownRef, setDropdownRef: setDropdownRef, placeHolder: placeHolder, dataTestId: dataTestId, type: type, isMobile: isMobile && isMobileFullScreen, children: isLoading ? (_jsx(Loading, {})) : (_jsx(_Fragment, { children: _jsx("div", { ref: scrollRef, className: classNames('select__options__scroll', 'scrollbar', 'scrollbar--vertical', {
                     'mr-6': scrollHeight > 300
                 }), children: options.map((item, index) => {
                     const isSelected = item.value === currentSelection;
-                    return (_jsx(OptionItem, { tooltipAddons: tooltipAddons, data: item, dataId: getOptionDataId(dataId, item.value, index) || item.dataId, onClick: clickHandler(isSelected), labelLeftIconProps: labelLeftIconProps, OptionRightIconComponent: optionRightIconComponent, LabelRightIconComponent: labelRightIconComponent, disabled: item.disabled, isSelected: isSelected }, item.value));
+                    return (_jsx(OptionItem, { tooltipAddons: tooltipAddons, data: item, dataTestId: getOptionDataTestId(dataTestId, item.value, index) || item.dataTestId, onClick: clickHandler(isSelected), labelLeftIconProps: labelLeftIconProps, OptionRightIconComponent: optionRightIconComponent, LabelRightIconComponent: labelRightIconComponent, disabled: item.disabled, isSelected: isSelected }, item.value));
                 }) }) })) }));
 };

package/components/Select/FilterSelect/FilterDropdown.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { OptionItem } from '../../../helperComponents/OptionItem';
-import { getOptionDataId } from '../helper';
+import { getOptionDataTestId } from '../helper';
 export const FilterDropdownContent = (props) => {
-    const { checkIsSelected, filterValue, options, onItemSelect, onItemDeselect, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent, dataId } = props;
+    const { checkIsSelected, filterValue, options, onItemSelect, onItemDeselect, labelLeftIconProps, optionRightIconComponent, labelRightIconComponent, dataTestId } = props;
     const filteredOptions = useMemo(() => {
         return options.filter((option) => {
             return option.label.toString().includes(filterValue);
@@ -11,6 +11,6 @@ export const FilterDropdownContent = (props) => {
     }, [filterValue, options]);
     return (_jsx(_Fragment, { children: filteredOptions.map((item, index) => {
             const isSelected = checkIsSelected(item.value);
-            return (_jsx(OptionItem, { data: item, dataId: getOptionDataId(dataId, item.value, index) || item.dataId, onClick: isSelected ? onItemDeselect : onItemSelect, labelLeftIconProps: labelLeftIconProps, OptionRightIconComponent: optionRightIconComponent, LabelRightIconComponent: labelRightIconComponent, isCheckbox: true, disabled: item.disabled, isSelected: isSelected }, item.value));
+            return (_jsx(OptionItem, { data: item, dataTestId: getOptionDataTestId(dataTestId, item.value, index) || item.dataTestId, onClick: isSelected ? onItemDeselect : onItemSelect, labelLeftIconProps: labelLeftIconProps, OptionRightIconComponent: optionRightIconComponent, LabelRightIconComponent: labelRightIconComponent, isCheckbox: true, disabled: item.disabled, isSelected: isSelected }, item.value));
         }) }));
 };

package/components/Select/FilterSelect/FilterSelect.js

@@ -20,7 +20,7 @@ import { Input } from '../../Input';
 import IconSearchFilled from '../../SVGIcons/IconSearchFilled';
 import IconDismissFilled from '../../SVGIcons/IconDismissFilled';
 export const FilterSelect = (props) => {
-    const { isLoading, isGrouped, options, isOpen, setFieldValue, name, footerButtonProps, selectedItems, setSelectedItems, closeHandler, parentRef, language = 'en', dataId } = props, rest = __rest(props, ["isLoading", "isGrouped", "options", "isOpen", "setFieldValue", "name", "footerButtonProps", "selectedItems", "setSelectedItems", "closeHandler", "parentRef", "language", "dataId"]);
+    const { isLoading, isGrouped, options, isOpen, setFieldValue, name, footerButtonProps, selectedItems, setSelectedItems, closeHandler, parentRef, language = 'en', dataTestId } = props, rest = __rest(props, ["isLoading", "isGrouped", "options", "isOpen", "setFieldValue", "name", "footerButtonProps", "selectedItems", "setSelectedItems", "closeHandler", "parentRef", "language", "dataTestId"]);
     const [containerRef, setContainerRef] = useState(null);
     const [selectedValues, setSelectedValues] = useState(selectedItems);
     const [filterValue, setFilterValue] = useState('');
@@ -64,9 +64,9 @@ export const FilterSelect = (props) => {
     if (!isOpen) {
         return null;
     }
-    return (_jsx(_Fragment, { children: createPortal(_jsx("div", { className: "select filter", "data-id": dataId, children: _jsxs("div", { className: "select__options", "data-id": dataId ? `${dataId}-content` : '', ref: setContainerRef, children: [_jsx(Input, { dataId: dataId ? `${dataId}-search` : '', onChange: onFilter, className: "filter__input", size: "small", currentValue: filterValue, rightIconProps: {
+    return (_jsx(_Fragment, { children: createPortal(_jsx("div", { className: "select filter", "data-test-id": dataTestId, children: _jsxs("div", { className: "select__options", "data-test-id": dataTestId ? `${dataTestId}-content` : '', ref: setContainerRef, children: [_jsx(Input, { dataTestId: dataTestId ? `${dataTestId}-search` : '', onChange: onFilter, className: "filter__input", size: "small", currentValue: filterValue, rightIconProps: {
                             size: filterValue === '' ? 'small' : 'xsmall',
                             Component: filterValue === '' ? IconSearchFilled : IconDismissFilled,
                             onClick: removeFilterValue
-                        } }), _jsx("div", { className: 'select__options__scroll scrollbar scrollbar--vertical ', children: isLoading ? (_jsx(Loading, {})) : isGrouped ? (_jsx(FilterGroupDropdownContent, Object.assign({ checkIsSelected: checkIsSelected, onItemDeselect: onItemDeselect, filterValue: filterValue, onItemSelect: onItemSelect, dataId: dataId, options: options }, rest))) : (_jsx(FilterDropdownContent, Object.assign({ checkIsSelected: checkIsSelected, onItemDeselect: onItemDeselect, filterValue: filterValue, onItemSelect: onItemSelect, dataId: dataId, options: options }, rest))) }), isLoading ? null : (_jsx(Footer, { dataId: dataId, buttonProps: footerButtonProps, onCancel: cancelSelectedItems, onApply: applySelectedItems, language: language }))] }) }), document.body) }));
+                        } }), _jsx("div", { className: 'select__options__scroll scrollbar scrollbar--vertical ', children: isLoading ? (_jsx(Loading, {})) : isGrouped ? (_jsx(FilterGroupDropdownContent, Object.assign({ checkIsSelected: checkIsSelected, onItemDeselect: onItemDeselect, filterValue: filterValue, onItemSelect: onItemSelect, dataTestId: dataTestId, options: options }, rest))) : (_jsx(FilterDropdownContent, Object.assign({ checkIsSelected: checkIsSelected, onItemDeselect: onItemDeselect, filterValue: filterValue, onItemSelect: onItemSelect, dataTestId: dataTestId, options: options }, rest))) }), isLoading ? null : (_jsx(Footer, { dataTestId: dataTestId, buttonProps: footerButtonProps, onCancel: cancelSelectedItems, onApply: applySelectedItems, language: language }))] }) }), document.body) }));
 };

package/components/Select/MultiSelect/DesktopWrapper.d.ts

@@ -1,6 +1,6 @@
 import { LegacyRef, ReactElement } from 'react';
 type TProps = {
-    dataId?: string;
+    dataTestId?: string;
     isOpen: boolean;
     children: ReactElement;
     setDropdownRef: LegacyRef<HTMLDivElement>;

package/components/Select/MultiSelect/DesktopWrapper.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { DROPDOWN_AND_INPUT_GAP } from '../../../consts';
 import { useGetElemPositions, useGetElemSizes, useGetHasBottomSpace, useGetHasTopSpace } from '../../../hooks';
 export const DesktopWrapper = (props) => {
-    const { offsets, setDropdownRef, align, isOpen, children, inputRef, dropdownRef, containerRef, dropdownWidth, dataId } = props;
+    const { offsets, setDropdownRef, align, isOpen, children, inputRef, dropdownRef, containerRef, dropdownWidth, dataTestId } = props;
     const { bottom, left, top, right } = useGetElemPositions(inputRef);
     const { width: containerWidth } = useGetElemSizes(containerRef);
     const hasTopSpace = useGetHasTopSpace({
@@ -13,7 +13,7 @@ export const DesktopWrapper = (props) => {
         element: dropdownRef,
         input: inputRef
     });
-    return isOpen ? (_jsx("div", { "data-id": dataId ? `${dataId}-content` : '', className: "select__options", ref: setDropdownRef, style: Object.assign({ left: align === 'left' ? (offsets === null || offsets === void 0 ? void 0 : offsets.left) || left : right - (dropdownWidth || containerWidth), right: align === 'right' ? (offsets === null || offsets === void 0 ? void 0 : offsets.right) || left : right - (dropdownWidth || containerWidth), width: dropdownWidth || containerWidth }, (hasBottomSpace || !hasTopSpace
+    return isOpen ? (_jsx("div", { "data-test-id": dataTestId ? `${dataTestId}-content` : '', className: "select__options", ref: setDropdownRef, style: Object.assign({ left: align === 'left' ? (offsets === null || offsets === void 0 ? void 0 : offsets.left) || left : right - (dropdownWidth || containerWidth), right: align === 'right' ? (offsets === null || offsets === void 0 ? void 0 : offsets.right) || left : right - (dropdownWidth || containerWidth), width: dropdownWidth || containerWidth }, (hasBottomSpace || !hasTopSpace
             ? { top: (offsets === null || offsets === void 0 ? void 0 : offsets.top) || bottom }
             : { bottom: window.innerHeight - top + DROPDOWN_AND_INPUT_GAP })), children: children })) : null;
 };

package/components/Select/MultiSelect/MobileWrapper.d.ts

@@ -5,7 +5,7 @@ type TProps = {
     closeDrodown: () => void;
     modalApplyButtonText?: string;
     applySelectedItems: (isChecked: boolean) => void;
-    dataId?: string;
+    dataTestId?: string;
 };
 export declare const MobileWrapper: (props: TProps) => ReactElement;
 export {};

package/components/Select/MultiSelect/MobileWrapper.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Modal } from '../../Modal';
 export const MobileWrapper = (props) => {
-    const { applySelectedItems, isOpen, closeDrodown, children, modalApplyButtonText = 'Apply', dataId } = props;
+    const { applySelectedItems, isOpen, closeDrodown, children, modalApplyButtonText = 'Apply', dataTestId } = props;
     const submitSelection = () => {
         applySelectedItems(false);
     };
-    return (_jsx(Modal, { isOpen: isOpen, onClose: closeDrodown, onSubmit: submitSelection, isMobileFullScreen: true, dataIdPrefix: dataId, className: 'select__modal', buttonProps: {
+    return (_jsx(Modal, { isOpen: isOpen, onClose: closeDrodown, onSubmit: submitSelection, isMobileFullScreen: true, dataTestIdPrefix: dataTestId, className: 'select__modal', buttonProps: {
             confirm: {
                 buttonText: modalApplyButtonText
             }