hrm_ui_lib 2.1.0-alpha.20 → 2.1.0-alpha.21

package/components/Alert/Alert.js

@@ -1,5 +1,6 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{TYPE_MAPPING as s,ICONS_MAPPING as N}from"./consts.js";import h from"classnames";import{Text as n}from"../Text/Text.js";import{Button as a}from"../Button/Button.js";import u from"../SVGIcons/IconDismissFilled.js";import{IconDynamicComponent as f}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const C=t=>{const{buttonProps:o,type:l="information",position:r="inline",text:m,subtext:c,closeIcon:p,onClose:d,className:y=""}=t;/* @__PURE__ */return e("div",{className:h("alert",`alert--${l} alert--${r}`,y),children:/* @__PURE__ */i("div",{className:"alert__content",children:[
-/* @__PURE__ */e(f,{Component:N[l],size:"small",type:s[l]}),
-/* @__PURE__ */i("div",{className:"alert__text pl-8",children:[
-/* @__PURE__ */i("div",{children:[
-/* @__PURE__ */e(n,{type:"primary",size:"standard",weight:"regular",lineHeight:"large",children:m}),c?/* @__PURE__ */e(n,{className:"mt-4",type:"secondary",size:"small",weight:"regular",lineHeight:"large",children:c}):null]}),o?/* @__PURE__ */i("div",{className:"alert__actions",children:[o.confirm&&/* @__PURE__ */e(a,{size:"medium",type:"secondary",...o.confirm}),o.cancel&&/* @__PURE__ */e(a,{size:"medium",type:"tertiary",className:"ml-12",...o.cancel})]}):null]}),p?/* @__PURE__ */e(u,{type:s[l],size:"xsmall",className:"ml-12 pointer",onClick:d}):null]})})};export{C as Alert};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{TYPE_MAPPING as r,ICONS_MAPPING as y}from"./consts.js";import N from"classnames";import{Text as n}from"../Text/Text.js";import{Button as o}from"../Button/Button.js";import f from"../SVGIcons/IconDismissFilled.js";import{IconDynamicComponent as h}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const v=e=>{const{buttonProps:s,type:a="information",position:i="inline",text:m,subtext:c,closeIcon:d,onClose:p,className:I="",dataTestId:u=""}=e;/* @__PURE__ */
+return t("div",{className:N("alert",`alert--${a} alert--${i}`,I),"data-test-id":u,children:/* @__PURE__ */l("div",{className:"alert__content",children:[
+/* @__PURE__ */t(h,{Component:y[a],size:"small",type:r[a],dataTestId:u?`${u}-icon`:""}),
+/* @__PURE__ */l("div",{className:"alert__text pl-8",children:[
+/* @__PURE__ */l("div",{children:[
+/* @__PURE__ */t(n,{type:"primary",size:"standard",weight:"regular",lineHeight:"large",dataTestId:u?`${u}-text`:"",children:m}),c?/* @__PURE__ */t(n,{className:"mt-4",type:"secondary",size:"small",weight:"regular",lineHeight:"large",dataTestId:u?`${u}-subtext`:"",children:c}):null]}),s?/* @__PURE__ */l("div",{className:"alert__actions",children:[s.confirm&&/* @__PURE__ */t(o,{size:"medium",type:"secondary",dataTestId:u?`${u}-confirm`:"",...s.confirm}),s.cancel&&/* @__PURE__ */t(o,{size:"medium",type:"tertiary",className:"ml-12",dataTestId:u?`${u}-cancel`:"",...s.cancel})]}):null]}),d?/* @__PURE__ */t(f,{type:r[a],size:"xsmall",className:"ml-12 pointer",onClick:p,dataTestId:u?`${u}-close`:""}):null]})})};export{v as Alert};

package/components/Alert/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 import { TButtonPropTypes } from '../Button/types';
 export type TAlertTypes = 'success' | 'error' | 'warning' | 'information' | 'discovery';
 export type TAlertPosition = 'inline' | 'sticky';

package/components/Avatar/Avatar.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { TAvatarProps } from './types';
-export declare const Avatar: ({ dataId, id, color, size, type, imagePath, initials, className, isEditable, allowedTypes, onError, fileAllowedSize, onAvatarChange, onAvatarClick }: TAvatarProps) => ReactElement;
+export declare const Avatar: ({ dataTestId, id, color, size, type, imagePath, initials, className, isEditable, allowedTypes, onError, fileAllowedSize, onAvatarChange, onAvatarClick }: TAvatarProps) => ReactElement;

package/components/Avatar/Avatar.js

@@ -1,2 +1,2 @@
-import{jsxs as x,jsx as o}from"react/jsx-runtime";import{useState as N,useEffect as k}from"react";import s from"classnames";import{FileUpload as w}from"../FileUpload/FileUpload.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{FileUploadMode as I}from"../FileUpload/types.js";const S=({dataId:a,id:e,color:l="default",size:i="medium",type:t,imagePath:r="",initials:d="",className:p="",isEditable:m=!1,allowedTypes:n=".png, .jpg, .jpeg, image/jpeg, image/png, image/jpg",onError:c,fileAllowedSize:g,onAvatarChange:v,onAvatarClick:j})=>{const[u,f]=N(r),F={backgroundImage:u?`url(${u})`:"none"};return k(()=>{f(r)},[r]),/* @__PURE__ */x("div",{id:e,"data-id":a,className:s(`avatar avatar--${l} avatar--${t} avatar--${i}`,p,{"avatar--edit":m}),children:[
+import{jsxs as x,jsx as o}from"react/jsx-runtime";import{useState as N,useEffect as k}from"react";import s from"classnames";import{FileUpload as w}from"../FileUpload/FileUpload.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{FileUploadMode as I}from"../FileUpload/types.js";const S=({dataTestId:a,id:e,color:l="default",size:i="medium",type:t,imagePath:r="",initials:d="",className:p="",isEditable:m=!1,allowedTypes:n=".png, .jpg, .jpeg, image/jpeg, image/png, image/jpg",onError:c,fileAllowedSize:g,onAvatarChange:v,onAvatarClick:j})=>{const[u,f]=N(r),F={backgroundImage:u?`url(${u})`:"none"};return k(()=>{f(r)},[r]),/* @__PURE__ */x("div",{id:e,"data-test-id":a,className:s(`avatar avatar--${l} avatar--${t} avatar--${i}`,p,{"avatar--edit":m}),children:[
 /* @__PURE__ */o("div",{className:s({"avatar--image":u}),onClick:j,style:F}),u?null:d,m&&/* @__PURE__ */o(w,{onError:c,fileAllowedSize:g,multiple:!1,withFilePreview:!1,getFiles:a=>{a&&a[0]&&(f(URL.createObjectURL(a[0])),null==v||v(a[0]))},allowedTypes:n,mode:I.edit})]})};export{S as Avatar};

package/components/Avatar/AvatarGroup.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { TAvatarGroupProps } from './types';
-export declare const AvatarGroup: ({ avatarGroup, onAddUser, size, maxCount, dataId }: TAvatarGroupProps) => ReactElement;
+export declare const AvatarGroup: ({ avatarGroup, onAddUser, size, maxCount, dataTestId }: TAvatarGroupProps) => ReactElement;

package/components/Avatar/AvatarGroup.js

@@ -1,4 +1,5 @@
-import{jsxs as n,jsx as t}from"react/jsx-runtime";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{Avatar as p}from"./Avatar.js";import"react";import{Positions as c}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import{useScreenSize as _}from"../../hooks/useScreenSize.js";import"react-hook-form";import u from"classnames";import N from"../SVGIcons/IconAdd.js";const T={small:2,medium:4,large:6},R=({avatarGroup:a=[],onAddUser:o,size:i="medium",maxCount:r=0,dataId:e})=>{const m=_(),l=r||T[m],d=a.slice(0,l),v=a.length-l>0?a.length-l:0;/* @__PURE__ */return n("div",{className:u(`avatar-group avatar-group--${i}`),children:[d.map((a,o)=>/* @__PURE__ */n("div",{className:"avatar-group__item",children:[a.tooltipContent?/* @__PURE__ */t(s,{text:a.tooltipContent,id:`${o}`,position:c.TOP_CENTER}):null,
-/* @__PURE__ */t(p,{dataId:e,id:`${o}`,size:i,initials:a.initials,imagePath:a.imagePath})]},o)),v?/* @__PURE__ */n("div",{className:"avatar-group__item",children:[
+import{jsxs as n,jsx as t}from"react/jsx-runtime";import{Tooltip as s}from"../Tooltip/Tooltip.js";import{Avatar as p}from"./Avatar.js";import"react";import{Positions as c}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import{useScreenSize as _}from"../../hooks/useScreenSize.js";import"react-hook-form";import u from"classnames";import N from"../SVGIcons/IconAdd.js";const T={small:2,medium:4,large:6},R=({avatarGroup:a=[],onAddUser:o,size:i="medium",maxCount:e=0,dataTestId:r})=>{const m=_(),l=e||T[m],d=a.slice(0,l),v=a.length-l>0?a.length-l:0;/* @__PURE__ */
+return n("div",{className:u(`avatar-group avatar-group--${i}`),children:[d.map((a,o)=>/* @__PURE__ */n("div",{className:"avatar-group__item",children:[a.tooltipContent?/* @__PURE__ */t(s,{text:a.tooltipContent,id:`${o}`,position:c.TOP_CENTER}):null,
+/* @__PURE__ */t(p,{dataTestId:r,id:`${o}`,size:i,initials:a.initials,imagePath:a.imagePath})]},o)),v?/* @__PURE__ */n("div",{className:"avatar-group__item",children:[
 /* @__PURE__ */t(s,{text:"Name Surname",id:"amountTooltip",position:c.TOP_CENTER}),
 /* @__PURE__ */t(p,{type:"count",size:i,id:"amountTooltip",initials:`+${v}`})]}):null,o?/* @__PURE__ */t("div",{className:u(`avatar avatar-group__add avatar--${i}`),onClick:o,children:/* @__PURE__ */t(N,{type:"disabled",size:i})}):null]})};export{R as AvatarGroup};

package/components/Avatar/types.d.ts

@@ -1,9 +1,9 @@
+import { IBaseProps, IFormCompProps } from '../../type';
 import { ReactElement } from 'react';
 import { FILE_UPLOAD_ERRORS } from '../../consts';
 export interface TAvatarProps extends IFormCompProps {
     allowedTypes?: string;
     id?: string;
-    dataId?: string;
     imagePath?: string;
     initials?: string | ReactElement;
     color?: 'default' | 'purple' | 'blue' | 'green' | 'red';
@@ -17,8 +17,7 @@ export interface TAvatarProps extends IFormCompProps {
     fileAllowedSize?: number;
     onAvatarClick?: () => void;
 }
-export interface TAvatarGroupProps {
-    dataId?: string;
+export interface TAvatarGroupProps extends IBaseProps {
     avatarGroup: TAvatarProps[];
     onAddUser?: () => void;
     maxCount?: 0 | 2 | 4 | 6;

package/components/Badge/Badge.js

@@ -1 +1,2 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import{Text as l}from"../Text/Text.js";import n from"classnames";const p=a=>{const{type:r="primary",size:s="large",text:m,className:i=""}=a;/* @__PURE__ */return e("div",{className:n(`badge badge--${r}  badge--${s}`,i),children:m?/* @__PURE__ */e(l,{size:"xsmall",type:"secondary"==r?"primary":"inverse",className:"badge__inner",children:/* @__PURE__ */e(t,{children:m})}):null})};export{p as Badge};
+import{jsx as a,Fragment as m}from"react/jsx-runtime";import{Text as l}from"../Text/Text.js";import n from"classnames";const g=e=>{const{type:s="primary",size:t="large",text:r,className:d="",dataTestId:i=""}=e;/* @__PURE__ */
+return a("div",{className:n(`badge badge--${s}  badge--${t}`,d),"data-test-id":i,children:r?/* @__PURE__ */a(l,{size:"xsmall",type:"secondary"==s?"primary":"inverse",className:"badge__inner",dataTestId:i?`${i}-text`:"",children:/* @__PURE__ */a(m,{children:r})}):null})};export{g as Badge};

package/components/Badge/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 export interface TBadgeProps extends IFormCompProps {
     text?: number | string;
     type?: 'primary' | 'secondary' | 'tertiary';

package/components/BadgeV2/BadgeV2.js

@@ -1 +1 @@
-import{jsx as s,jsxs as f}from"react/jsx-runtime";import u from"react";import{Text as y}from"../Text/Text.js";import{BadgeSize as z}from"./types.js";import l from"classnames";const j=e=>{const{type:t="blue",style:a="filled",size:i=z.large,text:d,className:o="",iconProps:m,withDot:r,dot:n,disabled:p}=e,{size:g="small",type:b,alignment:c="left"}=m??{},v=l(`badge-v2 badge-v2--${t} badge-v2--${a} badge-v2--${i}`,{"badge-v2--disabled":p},o);return n?/* @__PURE__ */s("div",{className:l(v,"badge-v2--dot")}):/* @__PURE__ */f("div",{className:v,children:[r?/* @__PURE__ */s("div",{className:l(v,"badge-v2--dot badge-v2--with-dot")}):null,!r&&m&&"left"===c?/* @__PURE__ */s(m.Component,{size:g,type:b}):null,"string"==typeof d||"number"==typeof d?/* @__PURE__ */s(y,{size:"xsmall",className:"badge-v2__inner",children:d}):u.isValidElement(d)?d:null,!r&&m&&"right"===c?/* @__PURE__ */s(m.Component,{size:g,type:b}):null]})};export{j as BadgeV2};
+import{jsx as s,jsxs as u}from"react/jsx-runtime";import y from"react";import{Text as x}from"../Text/Text.js";import{BadgeSize as z}from"./types.js";import l from"classnames";const C=e=>{const{type:t="blue",style:a="filled",size:d=z.large,text:i,className:o="",iconProps:n,withDot:r,dot:m,disabled:g,dataTestId:p=""}=e,{size:c="small",type:b,alignment:v="left"}=n??{},f=l(`badge-v2 badge-v2--${t} badge-v2--${a} badge-v2--${d}`,{"badge-v2--disabled":g},o);return m?/* @__PURE__ */s("div",{className:l(f,"badge-v2--dot"),"data-test-id":p}):/* @__PURE__ */u("div",{className:f,"data-test-id":p,children:[r?/* @__PURE__ */s("div",{className:l(f,"badge-v2--dot badge-v2--with-dot"),"data-test-id":p?`${p}-dot`:""}):null,!r&&n&&"left"===v?/* @__PURE__ */s(n.Component,{size:c,type:b,dataTestId:p?`${p}-left-icon`:""}):null,"string"==typeof i||"number"==typeof i?/* @__PURE__ */s(x,{size:"xsmall",className:"badge-v2__inner",dataTestId:p?`${p}-text`:"",children:i}):y.isValidElement(i)?i:null,!r&&n&&"right"===v?/* @__PURE__ */s(n.Component,{size:c,type:b,dataTestId:p?`${p}-right-icon`:""}):null]})};export{C as BadgeV2};

package/components/BadgeV2/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TSVGIconType } from '../../type';
+import { TSVGIconType, IFormCompProps } from '../../type';
 export interface TBadgeV2Props extends IFormCompProps {
     text?: number | string | ReactNode;
     type?: 'gray' | 'blue' | 'orange' | 'red' | 'green' | 'yellow' | 'purple' | 'sky' | 'pink' | 'teal';

package/components/Breadcrumb/Breadcrumb.js

@@ -1 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";const u=e=>{const{selectedValue:r,breadCrumbItems:s,className:c="",onSelect:l}=e;/* @__PURE__ */return a("div",{className:`breadcrumb ${c}`,children:s.map(e=>/* @__PURE__ */a("span",{className:"breadcrumb__item",children:/* @__PURE__ */a("span",{className:"breadcrumb__item__inner "+(r===e.value?"selected":""),onClick:()=>l(e.value),children:e.label})},e.value))})};export{u as Breadcrumb};
+import{jsx as r}from"react/jsx-runtime";const b=e=>{const{selectedValue:a,breadCrumbItems:s,className:t="",onSelect:c,dataTestId:d=""}=e;/* @__PURE__ */
+return r("div",{className:`breadcrumb ${t}`,"data-test-id":d,children:s.map((e,s)=>/* @__PURE__ */r("span",{className:"breadcrumb__item",children:/* @__PURE__ */r("span",{className:"breadcrumb__item__inner "+(a===e.value?"selected":""),"data-test-id":d?`${d}-crumb-${s}`:"",onClick:()=>c(e.value),children:e.label})},e.value))})};export{b as Breadcrumb};

package/components/Breadcrumb/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 export type TBreadCrumbItem = {
     value: number | string;
     label: string | React.ReactElement;

package/components/Button/Button.js

@@ -1 +1,2 @@
-import{jsx as e,jsxs as x,Fragment as C}from"react/jsx-runtime";import E from"classnames";import{Loader as T}from"../../helperComponents/Loader/Loader.js";import{LITE_LOADER_TYPES as g,ICON_TYPE_MAPPING as h,ICON_SIZE_MAPPING as A}from"./consts.js";const $=n=>{const{buttonText:t,type:s="primary",size:o="large",className:a="",iconProps:r,buttonActionType:l="button",disabled:i,pressed:d,isLoading:m,formId:p,dataId:c="",onClick:u,refHandler:b=null,children:f,..._}=n,I=!t&&!f&&void 0!==r;/* @__PURE__ */return e("button",{ref:b,"data-id":c,disabled:i,type:l,className:E("btn",`btn--${s}`,`btn--${o}`,{pressed:d,"btn--icon":I,[`btn--icon-${(null==r?void 0:r.alignment)||"left"}`]:!m&&!I&&(null==r?void 0:r.Component)},a),onClick:e=>{d||i||m?e.preventDefault():null==u||u(e)},form:p,..._,children:m?/* @__PURE__ */e(T,{size:o,type:-1===g.indexOf(s)?"dark":"lite"}):/* @__PURE__ */x(C,{children:[null!=r&&r.Component?/* @__PURE__ */e(r.Component,{size:A[r.size||o],type:h[r.type||s],className:"btn__icon"}):null,t||f?/* @__PURE__ */e("span",{className:"btn__text",children:t||f}):null]})})};export{$ as Button};
+import{jsx as e,jsxs as x,Fragment as T}from"react/jsx-runtime";import C from"classnames";import{Loader as E}from"../../helperComponents/Loader/Loader.js";import{LITE_LOADER_TYPES as g,ICON_TYPE_MAPPING as h,ICON_SIZE_MAPPING as A}from"./consts.js";const $=n=>{const{buttonText:t,type:s="primary",size:o="large",className:a="",iconProps:r,buttonActionType:l="button",disabled:i,pressed:d,isLoading:m,formId:p,dataTestId:c="",onClick:u,refHandler:b=null,children:f,..._}=n,I=!t&&!f&&void 0!==r;/* @__PURE__ */
+return e("button",{ref:b,"data-test-id":c,disabled:i,type:l,className:C("btn",`btn--${s}`,`btn--${o}`,{pressed:d,"btn--icon":I,[`btn--icon-${(null==r?void 0:r.alignment)||"left"}`]:!m&&!I&&(null==r?void 0:r.Component)},a),onClick:e=>{d||i||m?e.preventDefault():null==u||u(e)},form:p,..._,children:m?/* @__PURE__ */e(E,{size:o,type:-1===g.indexOf(s)?"dark":"lite"}):/* @__PURE__ */x(T,{children:[null!=r&&r.Component?/* @__PURE__ */e(r.Component,{size:A[r.size||o],type:h[r.type||s],className:"btn__icon"}):null,t||f?/* @__PURE__ */e("span",{className:"btn__text",children:t||f}):null]})})};export{$ as Button};

package/components/Button/types.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, LegacyRef, PropsWithChildren, ReactElement } from 'react';
-import { TSVGIconType } from '../../type';
-export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>> {
+import { TSVGIconType, IBaseProps } from '../../type';
+export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>>, IBaseProps {
     id?: string;
     disabled?: boolean;
     pressed?: boolean;
@@ -18,6 +18,5 @@ export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttri
     };
     onClick?: (event: TClickEventType) => void;
     formId?: string;
-    dataId?: string;
     refHandler?: LegacyRef<HTMLButtonElement> | undefined;
 }

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +1,2 @@
 import { IButtonGroup } from './types';
-export declare const ButtonGroup: ({ buttons, activeIndex, className, type, size, disabled, onTabChange }: IButtonGroup) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: ({ buttons, activeIndex, className, type, size, disabled, onTabChange, dataTestId }: IButtonGroup) => import("react/jsx-runtime").JSX.Element;

package/components/ButtonGroup/ButtonGroup.js

@@ -1 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{useState as v}from"react";import I from"classnames";import{ButtonGroupItem as G}from"./ButtonGroupItem.js";const N=({buttons:t,activeIndex:o=0,className:e,type:s,size:r,disabled:a,onTabChange:n})=>{const[m,u]=v(o);/* @__PURE__ */return i("div",{className:I("button-group",e),children:t.map(t=>/* @__PURE__ */i(G,{...t,type:s,size:r,isActive:m===t.id,disabled:a,onClick:()=>(t=>{a||m===t||(u(t),null==n||n(t))})(t.id)},`buttonGroup_${t.id}`))})};export{N as ButtonGroup};
+import{jsx as e}from"react/jsx-runtime";import{useState as I}from"react";import $ from"classnames";import{ButtonGroupItem as d}from"./ButtonGroupItem.js";const j=({buttons:t,activeIndex:s=0,className:a,type:o,size:i,disabled:r,onTabChange:n,dataTestId:m=""})=>{const[u,p]=I(s);/* @__PURE__ */
+return e("div",{className:$("button-group",a),"data-test-id":m,children:t.map((t,s)=>/* @__PURE__ */e(d,{...t,type:o,size:i,isActive:u===t.id,disabled:r,dataTestId:m?`${m}-item-${s}`:"",onClick:()=>(t=>{r||u===t||(p(t),null==n||n(t))})(t.id)},`buttonGroup_${t.id}`))})};export{j as ButtonGroup};

package/components/ButtonGroup/ButtonGroupItem.d.ts

@@ -1,2 +1,2 @@
 import { IButtonGroupItem } from './types';
-export declare const ButtonGroupItem: ({ buttonText, size, type, isActive, disabled, onClick, className, icons }: IButtonGroupItem) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroupItem: ({ buttonText, size, type, isActive, disabled, onClick, className, icons, dataTestId }: IButtonGroupItem) => import("react/jsx-runtime").JSX.Element;

package/components/ButtonGroup/ButtonGroupItem.js

@@ -1,2 +1,3 @@
-import{jsxs as N,jsx as u}from"react/jsx-runtime";import{useMemo as P}from"react";import{Text as h}from"../Text/Text.js";import i from"classnames";import{ICON_SIZE_MAPPING as l,TEXT_SIZE_MAPPING as x}from"./consts.js";const M=({buttonText:t,size:e="medium",type:o="primary",isActive:s,disabled:n,onClick:r,className:m,icons:a})=>{var p,c;const d=P(()=>n?"disabled":s?"primary":"tertiary",[n,s]);/* @__PURE__ */return N("div",{className:i("button-group-item",`button-group-item__${o}`,`button-group-item__${e}`,{active:s,disabled:n},m),onClick:t=>{t.preventDefault(),t.stopPropagation(),null==r||r()},children:[null!=(p=null==a?void 0:a.left)&&p.Component?/* @__PURE__ */u(a.left.Component,{size:l[e],type:d}):null,
-/* @__PURE__ */u(h,{size:x[e],type:d,children:t}),null!=(c=null==a?void 0:a.right)&&c.Component?/* @__PURE__ */u(a.right.Component,{size:l[e],type:d}):null]})};export{M as ButtonGroupItem};
+import{jsxs as x,jsx as n}from"react/jsx-runtime";import{useMemo as N}from"react";import{Text as P}from"../Text/Text.js";import $ from"classnames";import{ICON_SIZE_MAPPING as _,TEXT_SIZE_MAPPING as C}from"./consts.js";const j=({buttonText:t,size:e="medium",type:o="primary",isActive:s,disabled:i,onClick:a,className:r,icons:l,dataTestId:m=""})=>{var p,d;const u=N(()=>i?"disabled":s?"primary":"tertiary",[i,s]);/* @__PURE__ */
+return x("div",{className:$("button-group-item",`button-group-item__${o}`,`button-group-item__${e}`,{active:s,disabled:i},r),"data-test-id":m,onClick:t=>{t.preventDefault(),t.stopPropagation(),null==a||a()},children:[null!=(p=null==l?void 0:l.left)&&p.Component?/* @__PURE__ */n(l.left.Component,{dataTestId:m?`${m}-left-icon`:"",size:_[e],type:u}):null,
+/* @__PURE__ */n(P,{dataTestId:m?`${m}-text`:"",size:C[e],type:u,children:t}),null!=(d=null==l?void 0:l.right)&&d.Component?/* @__PURE__ */n(l.right.Component,{dataTestId:m?`${m}-right-icon`:"",size:_[e],type:u}):null]})};export{j as ButtonGroupItem};

package/components/ButtonGroup/types.d.ts

@@ -1,5 +1,5 @@
-import { ISVGIconProps } from '../../type';
-interface IButtonGroupBase {
+import { ISVGIconProps, IBaseProps } from '../../type';
+interface IButtonGroupBase extends IBaseProps {
     type?: 'primary';
     size?: 'small' | 'medium' | 'large';
     disabled?: boolean;

package/components/Card/CardComponent/Card.js

@@ -1,2 +1,3 @@
-import{jsxs as p,jsx as e}from"react/jsx-runtime";import r from"classnames";import{useCardContext as x}from"../CardContext.js";import{generateDataTestId as _}from"../../../utils/helpers.js";const v=({children:a})=>{const{isExpanded:t,className:d,title:s,dataId:i,id:n,noBorder:c}=x(),{alignment:l,color:o,text:m}=s??{alignment:"left",color:"blue"};/* @__PURE__ */return p("div",{className:r("card",{"card--expanded":t,[`card--title--alignment--${l}`]:s,"card--noBorder":c},d),id:`${n||""}`,"data-id":_("card-item",i),children:[s&&/* @__PURE__ */e("div",{className:r("card__title",{[`card__title--${o}`]:o}),children:m}),
-/* @__PURE__ */e("div",{className:"card__content",children:a})]})};export{v as Card};
+import{jsxs as p,jsx as a}from"react/jsx-runtime";import r from"classnames";import{useCardContext as x}from"../CardContext.js";import{generateDataTestId as _}from"../../../utils/helpers.js";const v=({children:e})=>{const{isExpanded:t,className:d,title:s,dataTestId:i,id:n,noBorder:c}=x(),{alignment:l,color:o,text:m}=s??{alignment:"left",color:"blue"};/* @__PURE__ */
+return p("div",{className:r("card",{"card--expanded":t,[`card--title--alignment--${l}`]:s,"card--noBorder":c},d),id:`${n||""}`,"data-test-id":_("card-item",i),children:[s&&/* @__PURE__ */a("div",{className:r("card__title",{[`card__title--${o}`]:o}),children:m}),
+/* @__PURE__ */a("div",{className:"card__content",children:e})]})};export{v as Card};

package/components/Card/CardComponent/CardBody.js

@@ -1 +1,2 @@
-import{jsx as i,jsxs as o}from"react/jsx-runtime";import{motion as n}from"motion/react";import{useCardContext as a}from"../CardContext.js";import{Divider as d}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as m}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";const f=({children:e})=>{const{isExpanded:r,noDivider:t}=a();/* @__PURE__ */return i(m,{initial:!1,children:r&&/* @__PURE__ */i(n.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */o("div",{className:"card__content--body",children:[!t&&/* @__PURE__ */i(d,{type:"primary",isHorizontal:!0,className:"card__divider"}),e]})})})};export{f as CardBody};
+import{jsx as i,jsxs as o}from"react/jsx-runtime";import{motion as n}from"motion/react";import{useCardContext as a}from"../CardContext.js";import{Divider as d}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as m}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";const f=({children:e})=>{const{isExpanded:r,noDivider:t}=a();/* @__PURE__ */
+return i(m,{initial:!1,children:r&&/* @__PURE__ */i(n.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */o("div",{className:"card__content--body",children:[!t&&/* @__PURE__ */i(d,{type:"primary",isHorizontal:!0,className:"card__divider"}),e]})})})};export{f as CardBody};

package/components/Card/CardComponent/CardHead.js

@@ -1 +1,2 @@
-import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useCallback as i}from"react";import{useCardContext as p}from"../CardContext.js";import d from"classnames";import{noop as l}from"../../../utils/helpers.js";import{Button as x}from"../../Button/Button.js";import h from"../../SVGIcons/IconChevronDown.js";import f from"../../SVGIcons/IconChevronRight.js";const I=({children:e})=>{const{toggleIsExpanded:o,onExpand:n,isExpandable:r,isExpanded:t}=p(),c=i(()=>{o&&o(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */return s("div",{className:d("card__content--header",{"card__content--header--expandable":r}),onClick:r?c:l,children:[e,r&&/* @__PURE__ */a("div",{className:"card__content--header--expand",children:/* @__PURE__ */a(x,{iconProps:{Component:t?h:f},className:d({"card__content--header--expand--icon":t}),type:"tertiary",size:"medium"})})]})};export{I as CardHead};
+import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useCallback as i}from"react";import{useCardContext as p}from"../CardContext.js";import d from"classnames";import{noop as l}from"../../../utils/helpers.js";import{Button as x}from"../../Button/Button.js";import h from"../../SVGIcons/IconChevronDown.js";import f from"../../SVGIcons/IconChevronRight.js";const I=({children:e})=>{const{toggleIsExpanded:o,onExpand:n,isExpandable:r,isExpanded:t}=p(),c=i(()=>{o&&o(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return s("div",{className:d("card__content--header",{"card__content--header--expandable":r}),onClick:r?c:l,children:[e,r&&/* @__PURE__ */a("div",{className:"card__content--header--expand",children:/* @__PURE__ */a(x,{iconProps:{Component:t?h:f},className:d({"card__content--header--expand--icon":t}),type:"tertiary",size:"medium"})})]})};export{I as CardHead};

package/components/Card/types.d.ts

@@ -1,10 +1,11 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
 export type TCardTitle = {
     alignment?: 'top' | 'bottom' | 'left' | 'right';
     text: string;
     color: 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey';
 };
-export type TCardProps = {
+export type TCardProps = IBaseProps & {
     title?: TCardTitle;
     isExpandable?: boolean;
     isExpanded?: boolean;
@@ -15,5 +16,4 @@ export type TCardProps = {
     children: ReactNode;
     className?: string;
     id?: string;
-    dataId?: string;
 };

package/components/CardGroup/CardGroupComponent/CardBody.js

@@ -1 +1,2 @@
-import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};
+import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */
+return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};

package/components/CardGroup/CardGroupComponent/CardGroup.js

@@ -1 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import m from"classnames";import{generateDataTestId as n}from"../../../utils/helpers.js";import{useCardGroupContext as s}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataId:o,id:i}=s(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */return r("div",{className:m("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${i||""}`,"data-id":n("card--group-item",o),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};
+import{jsx as r}from"react/jsx-runtime";import i from"classnames";import{generateDataTestId as m}from"../../../utils/helpers.js";import{useCardGroupContext as n}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataTestId:s,id:o}=n(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */
+return r("div",{className:i("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${o||""}`,"data-test-id":m("card--group-item",s),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};

package/components/CardGroup/CardGroupComponent/CardHead.js

@@ -1,2 +1,3 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */
+return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
 /* @__PURE__ */o("div",{className:"card--group__content--header--component",children:r})]})};export{i as CardGroupHead};

package/components/CardGroup/types.d.ts

@@ -1,14 +1,14 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
 export type TCardGroupTitle = {
     alignment?: 'top' | 'bottom' | 'left' | 'right';
     text: string;
     color: 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey';
 };
-export type TCardGroupProps = {
+export type TCardGroupProps = IBaseProps & {
     title?: TCardGroupTitle;
     children: ReactNode;
     className?: string;
     id?: string;
-    dataId?: string;
     noDivider?: boolean;
 };

package/components/Checkbox/Checkbox.js

@@ -1,5 +1,6 @@
-import{jsx as e,jsxs as o,Fragment as d}from"react/jsx-runtime";import{forwardRef as V,useRef as $,useMemo as A}from"react";import F from"classnames";import{Popover as M}from"../Popover/Popover.js";import{Link as O}from"../Link/Link.js";import{Text as m}from"../Text/Text.js";import T from"../SVGIcons/IconInfo.js";import{ICONS_MAPPING as q}from"./consts.js";import{IconDynamicComponent as w}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const B=V((l,a)=>{const{label:r,disabled:n,required:s=!1,link:i,name:c,setFieldValue:t,selectedValue:p,value:h,className:b="",iconProps:f={name:"checkmark"},dataId:k="",onClick:u,beforeLink:x,afterLink:y,helperText:N="",popoverAddons:I,isInvalid:C,stopPropagation:_=!1}=l,j=$(null),v=a&&Object.keys(a).length?a:j,g=!!h||p,P=e=>{_&&e.stopPropagation(),c&&t&&t(c,!g,{shouldValidate:!g}),u&&u(!g)},V=I?/* @__PURE__ */e(M,{id:`${I.id}`,...I,children:/* @__PURE__ */e("div",{id:`${I.id}`,children:/* @__PURE__ */e(T,{dataId:`${k}-icon`,type:"information",size:"xsmall",className:"ml-4 pointer",onClick:P})})}):null,L=A(()=>r?"string"!=typeof r?r:/* @__PURE__ */e(m,i?{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[x&&/* @__PURE__ */e("span",{className:"mr-4",children:x}),
-/* @__PURE__ */e(O,{dataId:k,url:i,target:"_blank",children:r}),y&&/* @__PURE__ */e("span",{className:"ml-4",children:y}),s&&/* @__PURE__ */e("sup",{children:"*"})]})}:{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[r,s&&/* @__PURE__ */e("sup",{children:"*"})]})}):null,[r,i]);/* @__PURE__ */return e(d,{children:/* @__PURE__ */o("label",{className:F("controller",{"controller--checkbox":!0,"controller--disabled":n,"controller--error":C,[b]:!!b}),onClick:e=>_&&e.stopPropagation(),children:[
-/* @__PURE__ */e("input",{"data-id":k,type:"checkbox",ref:v,tabIndex:0,onChange:P,checked:!!g,disabled:n}),
-/* @__PURE__ */e("span",{className:"controller__icon",children:/* @__PURE__ */e(w,{Component:q[f.name],size:"xxsmall",type:n?"disabled":"inverse",className:"controller__mark"})}),L?/* @__PURE__ */o("div",{className:"controller__right",children:[
-/* @__PURE__ */o("div",{className:"flexbox",children:[L,V]}),N?/* @__PURE__ */e(m,{size:"small",type:n?"disabled":"secondary",children:N}):null]}):null]})})});B.displayName="Checkbox";export{B as Checkbox};
+import{jsx as e,jsxs as n,Fragment as d}from"react/jsx-runtime";import{forwardRef as j,useRef as z,useMemo as V}from"react";import A from"classnames";import{Popover as F}from"../Popover/Popover.js";import{Link as M}from"../Link/Link.js";import{Text as m}from"../Text/Text.js";import O from"../SVGIcons/IconInfo.js";import{ICONS_MAPPING as q}from"./consts.js";import{IconDynamicComponent as w}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const B=j((l,a)=>{const{label:o,disabled:r,required:s=!1,link:i,name:t,setFieldValue:c,selectedValue:p,value:h,className:b="",iconProps:k={name:"checkmark"},dataTestId:f="",onClick:u,beforeLink:x,afterLink:y,helperText:N="",popoverAddons:I,isInvalid:j,stopPropagation:C=!1}=l,_=z(null),v=a&&Object.keys(a).length?a:_,g=!!h||p,P=e=>{C&&e.stopPropagation(),t&&c&&c(t,!g,{shouldValidate:!g}),u&&u(!g)},T=I?/* @__PURE__ */e(F,{id:`${I.id}`,...I,children:/* @__PURE__ */e("div",{id:`${I.id}`,children:/* @__PURE__ */e(O,{dataTestId:f?`${f}-icon`:"",type:"information",size:"xsmall",className:"ml-4 pointer",onClick:P})})}):null,L=V(()=>o?"string"!=typeof o?o:/* @__PURE__ */e(m,i?{type:r?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */n(d,{children:[x&&/* @__PURE__ */e("span",{className:"mr-4",children:x}),
+/* @__PURE__ */e(M,{dataTestId:f?`${f}-link`:"",url:i,target:"_blank",children:o}),y&&/* @__PURE__ */e("span",{className:"ml-4",children:y}),s&&/* @__PURE__ */e("sup",{children:"*"})]})}:{type:r?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */n(d,{children:[o,s&&/* @__PURE__ */e("sup",{children:"*"})]})}):null,[o,i]);/* @__PURE__ */
+return e(d,{children:/* @__PURE__ */n("label",{"data-test-id":f,className:A("controller",{"controller--checkbox":!0,"controller--disabled":r,"controller--error":j,[b]:!!b}),onClick:e=>C&&e.stopPropagation(),children:[
+/* @__PURE__ */e("input",{"data-test-id":f?`${f}-input`:"",type:"checkbox",ref:v,tabIndex:0,onChange:P,checked:!!g,disabled:r}),
+/* @__PURE__ */e("span",{className:"controller__icon",children:/* @__PURE__ */e(w,{Component:q[k.name],size:"xxsmall",type:r?"disabled":"inverse",className:"controller__mark"})}),L?/* @__PURE__ */n("div",{className:"controller__right",children:[
+/* @__PURE__ */n("div",{className:"flexbox",children:[L,T]}),N?/* @__PURE__ */e(m,{size:"small",type:r?"disabled":"secondary",children:N}):null]}):null]})})});B.displayName="Checkbox";export{B as Checkbox};

package/components/Checkbox/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 import { TPopoverProps } from '../Popover/types';
 export interface TCheckboxProps extends IFormCompProps {
     label?: string | React.ReactElement;

package/components/Chips/Chips.js

@@ -1 +1,2 @@
-import{jsxs as x,jsx as t,Fragment as $}from"react/jsx-runtime";import{Text as P}from"../Text/Text.js";import{ChipCustomType as n}from"./types.js";import h from"classnames";import T from"../SVGIcons/IconDismissCircleFilled.js";import{ICON_SIZE_MAPPING as f,TEXT_SIZE_MAPPING as b}from"./consts.js";const k=s=>{const{type:e="filled",color:i="primary",size:a="large",text:l,disabled:o,className:r="",leftIconProps:p,withAction:c,onClick:m,onRemove:d,dataId:I="",id:u=""}=s,C=o?"disabled":e==n.filled?n.inverse:i;/* @__PURE__ */return x("div",{className:h(`chips chips--${e} chips--${o?"disabled":i} chips--${a}`,r),id:u,onClick:s=>{s.preventDefault(),s.stopPropagation(),null==m||m(s)},children:[null!=p&&p.Component?/* @__PURE__ */t(p.Component,{dataId:`${I}-icon`,size:f[a],type:C,className:h({"mr-6":!!l}),...p}):null,l?/* @__PURE__ */t(P,{dataId:`${I}-text`,type:C,size:b[a],className:"chips__label",children:/* @__PURE__ */t($,{children:l})}):null,c&&/* @__PURE__ */t(T,{dataId:`${I}-icon`,size:f[a],type:C,className:"chips__delete ml-6",onClick:s=>{s.preventDefault(),s.stopPropagation(),null==d||d(s)}})]})};export{k as Chips};
+import{jsxs as y,jsx as a,Fragment as x}from"react/jsx-runtime";import{Text as $}from"../Text/Text.js";import{ChipCustomType as n}from"./types.js";import h from"classnames";import P from"../SVGIcons/IconDismissCircleFilled.js";import{ICON_SIZE_MAPPING as f,TEXT_SIZE_MAPPING as b}from"./consts.js";const k=s=>{const{type:e="filled",color:t="primary",size:i="large",text:l,disabled:o,className:r="",leftIconProps:p,withAction:c,onClick:m,onRemove:d,dataTestId:I="",id:u=""}=s,C=o?"disabled":e==n.filled?n.inverse:t;/* @__PURE__ */
+return y("div",{className:h(`chips chips--${e} chips--${o?"disabled":t} chips--${i}`,r),id:u,"data-test-id":I,onClick:s=>{s.preventDefault(),s.stopPropagation(),null==m||m(s)},children:[null!=p&&p.Component?/* @__PURE__ */a(p.Component,{dataTestId:`${I}-icon`,size:f[i],type:C,className:h({"mr-6":!!l}),...p}):null,l?/* @__PURE__ */a($,{dataTestId:`${I}-text`,type:C,size:b[i],className:"chips__label",children:/* @__PURE__ */a(x,{children:l})}):null,c&&/* @__PURE__ */a(P,{dataTestId:`${I}-icon`,size:f[i],type:C,className:"chips__delete ml-6",onClick:s=>{s.preventDefault(),s.stopPropagation(),null==d||d(s)}})]})};export{k as Chips};

package/components/Chips/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ISVGIconProps } from '../../type';
+import { ISVGIconProps, IFormCompProps } from '../../type';
 export type TChipsColors = 'primary' | 'disabled' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
 export interface TChipsProps extends IFormCompProps {
     text?: string | ReactNode;
@@ -12,7 +12,6 @@ export interface TChipsProps extends IFormCompProps {
     withAction?: boolean;
     onClick?: (e: TClickEventType) => void;
     onRemove?: (e: TClickEventType) => void;
-    dataId?: string;
     id?: string;
 }
 export declare enum ChipCustomType {

package/components/Collapse/Collapse/Collapse.js

@@ -1,4 +1,5 @@
-import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as u,useCallback as v}from"react";import{motion as N}from"motion/react";import{Divider as _}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as x}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import C from"classnames";import{generateDataTestId as I}from"../../../utils/helpers.js";import{Title as O}from"./Title.js";const B=i=>{const{title:a,className:t,isOpen:s=!1,iconAlignment:r="left",hasIconBorder:o=!1,toggle:n,dataId:c,children:m,id:p}=i,[d,h]=u(s),f=v(()=>{h(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */return l("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-id":I("collapse-item",c),children:[
-/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:o,iconAlignment:r,isOpen:d,dataId:c,title:a})}),
-/* @__PURE__ */e(x,{initial:!1,children:d&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */l("div",{className:"collapse__content",children:[
+import{jsxs as s,jsx as e}from"react/jsx-runtime";import{useState as u,useCallback as v}from"react";import{motion as N}from"motion/react";import{Divider as _}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as x}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import C from"classnames";import{generateDataTestId as I}from"../../../utils/helpers.js";import{Title as O}from"./Title.js";const B=i=>{const{title:a,className:t,isOpen:r=!1,iconAlignment:o="left",hasIconBorder:l=!1,toggle:n,dataTestId:c,children:m,id:p}=i,[d,h]=u(r),f=v(()=>{h(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return s("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-test-id":I("collapse-item",c),children:[
+/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:l,iconAlignment:o,isOpen:d,dataTestId:c,title:a})}),
+/* @__PURE__ */e(x,{initial:!1,children:d&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */s("div",{className:"collapse__content",children:[
 /* @__PURE__ */e(_,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),m]})})})]})};export{B as Collapse};

package/components/Collapse/Collapse/Title.d.ts

@@ -1,10 +1,10 @@
 import { TCollapseItemTitleV2 } from '../types';
 interface ITitleProps {
-    dataId: string;
+    dataTestId: string;
     isOpen: boolean;
     iconAlignment: 'left' | 'right';
     hasIconBorder: boolean;
     title: TCollapseItemTitleV2;
 }
-export declare const Title: ({ dataId, title, isOpen, iconAlignment, hasIconBorder }: ITitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: ({ dataTestId, title, isOpen, iconAlignment, hasIconBorder }: ITitleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/Collapse/Collapse/Title.js

@@ -1 +1,2 @@
-import{jsx as e,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{generateDataTestId as x}from"../../../utils/helpers.js";import{Text as b}from"../../Text/Text.js";import g from"classnames";import u from"../../SVGIcons/IconChevronDown.js";import v from"../../SVGIcons/IconChevronUp.js";const C=({dataId:t,title:o,isOpen:s,iconAlignment:r,hasIconBorder:i})=>{const{text:n="",weight:c="bolder",size:l="medium",color:m}=o,h=d(()=>"string"==typeof n?/* @__PURE__ */e(b,{size:l,type:m,weight:c,dataId:x("title",t),children:n}):n,[n,l,m,c,t]),f=d(()=>/* @__PURE__ */e("div",{className:g("collapse-icon",{"icon-border":i,"icon-open":s}),children:/* @__PURE__ */e(s?v:u,{size:"small"})}),[s,i]);/* @__PURE__ */return e("div",{className:"collapse__header__inner flexbox justify-content--between",children:/* @__PURE__ */a(p,"left"===r?{children:[f,h]}:{children:[h,f]})})};export{C as Title};
+import{jsx as e,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{generateDataTestId as x}from"../../../utils/helpers.js";import{Text as b}from"../../Text/Text.js";import g from"classnames";import u from"../../SVGIcons/IconChevronDown.js";import v from"../../SVGIcons/IconChevronUp.js";const C=({dataTestId:t,title:s,isOpen:o,iconAlignment:r,hasIconBorder:i})=>{const{text:n="",weight:c="bolder",size:l="medium",color:m}=s,h=d(()=>"string"==typeof n?/* @__PURE__ */e(b,{size:l,type:m,weight:c,dataTestId:x("title",t),children:n}):n,[n,l,m,c,t]),f=d(()=>/* @__PURE__ */e("div",{className:g("collapse-icon",{"icon-border":i,"icon-open":o}),children:/* @__PURE__ */e(o?v:u,{size:"small"})}),[o,i]);/* @__PURE__ */
+return e("div",{className:"collapse__header__inner flexbox justify-content--between",children:/* @__PURE__ */a(p,"left"===r?{children:[f,h]}:{children:[h,f]})})};export{C as Title};

package/components/Collapse/CollapseGroup/CollapseGroup.js

@@ -1 +1,3 @@
-import{jsx as a}from"react/jsx-runtime";import{forwardRef as S,useState as h}from"react";import{CollapseItem as G}from"../CollapseItem/CollapseItem.js";import I from"classnames";const P=S((e,s)=>{const{items:t,singleSelection:o,titleProps:l={},className:r}=e,{size:i,color:p}=l,[m,c]=h(t.filter(e=>e.isOpen).map(e=>e.value));/* @__PURE__ */return a("div",{className:I("collapse-group",r),ref:s,children:t.map(({id:e,title:s,value:t,content:l,dataId:r,iconProps:n})=>{const d=-1!==m.indexOf(t);/* @__PURE__ */return a(G,{className:"collapse-group__item",id:e,isOpen:d,dataId:r,title:{size:i,color:p,text:s},toggle:()=>d?(e=>{c(m.filter(a=>a!==e))})(t):(e=>{c(o?[e]:[...m,e])})(t),labelLeftIconProps:n,children:l},t)})})});P.displayName="CollapseGroup";export{P as CollapseGroup};
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as S,useState as h}from"react";import{CollapseItem as G}from"../CollapseItem/CollapseItem.js";import I from"classnames";const P=S((e,s)=>{const{items:t,singleSelection:o,titleProps:l={},className:r}=e,{size:i,color:p}=l,[m,c]=h(t.filter(e=>e.isOpen).map(e=>e.value));/* @__PURE__ */
+return a("div",{className:I("collapse-group",r),ref:s,children:t.map(({id:e,title:s,value:t,content:l,dataTestId:r,iconProps:n})=>{const d=-1!==m.indexOf(t);/* @__PURE__ */
+return a(G,{className:"collapse-group__item",id:e,isOpen:d,dataTestId:r,title:{size:i,color:p,text:s},toggle:()=>d?(e=>{c(m.filter(s=>s!==e))})(t):(e=>{c(o?[e]:[...m,e])})(t),labelLeftIconProps:n,children:l},t)})})});P.displayName="CollapseGroup";export{P as CollapseGroup};

package/components/Collapse/CollapseItem/CollapseItem.js

@@ -1,5 +1,6 @@
-import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{motion as N}from"motion/react";import{Text as u}from"../../Text/Text.js";import y from"../../SVGIcons/IconChevronRight.js";import{Divider as b}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as C}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import I from"classnames";import z from"../../SVGIcons/IconChevronDown.js";import{generateDataTestId as c}from"../../../utils/helpers.js";const R=a=>{const{title:{text:r,weight:t="bolder",size:l="medium",color:n},className:o,isOpen:m,toggle:d,dataId:p,children:h,reverse:_=!1,additionalInfo:f,labelLeftIconProps:x,id:g}=a,v="string"==typeof r?/* @__PURE__ */e(u,{size:l,type:n,weight:t,dataId:c("title",p),children:r}):r;/* @__PURE__ */return i("div",{className:I("collapse",{"collapse--opened":m},o),id:`${g||""}`,"data-id":c("collapse-item",p),children:[
-/* @__PURE__ */e("div",{className:"collapse__header flexbox justify-content--between",onClick:d,children:/* @__PURE__ */i(s,_?{children:[
+import{jsxs as i,jsx as e,Fragment as n}from"react/jsx-runtime";import{motion as N}from"motion/react";import{Text as u}from"../../Text/Text.js";import y from"../../SVGIcons/IconChevronRight.js";import{Divider as b}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as C}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import I from"classnames";import z from"../../SVGIcons/IconChevronDown.js";import{generateDataTestId as c}from"../../../utils/helpers.js";const R=s=>{const{title:{text:a,weight:t="bolder",size:r="medium",color:l},className:o,isOpen:m,toggle:d,dataTestId:p,children:h,reverse:_=!1,additionalInfo:f,labelLeftIconProps:x,id:g}=s,v="string"==typeof a?/* @__PURE__ */e(u,{size:r,type:l,weight:t,dataTestId:c("title",p),children:a}):a;/* @__PURE__ */
+return i("div",{className:I("collapse",{"collapse--opened":m},o),id:`${g||""}`,"data-test-id":c("collapse-item",p),children:[
+/* @__PURE__ */e("div",{className:"collapse__header flexbox justify-content--between",onClick:d,children:/* @__PURE__ */i(n,_?{children:[
 /* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[
 /* @__PURE__ */e(z,{className:"collapse__header__icon",size:"small"}),f]}),v]}:{children:[
 /* @__PURE__ */i("div",{className:"flexbox align-items--center",children:[null!=x&&x.Component?/* @__PURE__ */e(x.Component,{size:"small",type:"primary",className:"mr-16",...x}):null,v]}),

package/components/Collapse/types.d.ts

@@ -1,3 +1,4 @@
+import { IBaseProps } from '../../type';
 import { ReactElement, ReactNode } from 'react';
 export type TCollapseTitleColor = 'selected' | 'primary';
 export interface ICollapseTitleProps {
@@ -8,26 +9,24 @@ export interface ICollapseTitleProps {
 export interface TCollapseItemTitle extends ICollapseTitleProps {
     text: string | ReactNode;
 }
-export type TCollapseProps = {
+export type TCollapseProps = IBaseProps & {
     isOpen: boolean;
     toggle: () => void;
     children: ReactNode;
     title: TCollapseItemTitle;
     reverse?: boolean;
     additionalInfo?: ReactNode;
-    dataId?: string | undefined;
     labelLeftIconProps?: TSelectIconProps;
     id?: string | number;
     className?: string;
 };
 export type TCollapseValue = string | number;
-export type TCollapseItem = {
+export type TCollapseItem = IBaseProps & {
     title: string;
     value: TCollapseValue;
     content?: ReactElement | null;
     iconProps?: TSelectIconProps;
     isOpen?: boolean;
-    dataId?: string;
     id?: string | number;
 };
 export type TCollapseGroupProps = {
@@ -39,14 +38,13 @@ export type TCollapseGroupProps = {
 export interface TCollapseItemTitleV2 extends ICollapseTitleProps {
     text?: string | ReactNode;
 }
-export type TCollapseV2Props = {
+export type TCollapseV2Props = IBaseProps & {
     isOpen?: boolean;
     toggle?: (isOpen: boolean) => void;
     children: ReactNode;
     title: TCollapseItemTitleV2;
     iconAlignment?: 'left' | 'right';
     hasIconBorder?: boolean;
-    dataId?: string | undefined;
     id?: string | number;
     className?: string;
 };

package/components/Container/Container.js

@@ -1 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";const e=e=>{const{children:r}=e;/* @__PURE__ */return o("div",{className:"container",children:r})};export{e as Container};
+import{jsx as n}from"react/jsx-runtime";const o=t=>{const{children:a,dataTestId:e=""}=t;/* @__PURE__ */
+return n("div",{className:"container","data-test-id":e,children:a})};export{o as Container};

package/components/Container/types.d.ts

@@ -1,4 +1,5 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
-export interface TContainerProps {
+export interface TContainerProps extends IBaseProps {
     children?: ReactNode;
 }

package/components/Copy/Copy.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { TCopyProps } from './types';
-export declare const Copy: ({ textAfterCopy, className, text, dataId }: TCopyProps) => ReactElement;
+export declare const Copy: ({ textAfterCopy, className, text, dataTestId }: TCopyProps) => ReactElement;

package/components/Copy/Copy.js

@@ -1,2 +1,3 @@
-import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as m,useRef as a}from"react";import{Button as f}from"../Button/Button.js";import{Popover as u}from"../Popover/Popover.js";import y from"../SVGIcons/IconCopy.js";const P=({textAfterCopy:o,className:t="",text:r,dataId:s})=>{const[i,n]=m(!1),p=a(null);/* @__PURE__ */return l("div",{ref:p,className:"copy-icon",children:[
-/* @__PURE__ */e(f,{dataId:s,type:"tertiary",iconProps:{Component:y},size:"small",className:t,onClick:o=>{o.stopPropagation(),navigator.clipboard.writeText(r),n(!0),setTimeout(()=>n(!1),1e3)}}),i?/* @__PURE__ */e(u,{clicked:!0,elemRef:p.current,text:o||"Copied",position:"top-center"}):null]})};export{P as Copy};
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as m,useRef as a}from"react";import{Button as f}from"../Button/Button.js";import{Popover as u}from"../Popover/Popover.js";import y from"../SVGIcons/IconCopy.js";const P=({textAfterCopy:t,className:o="",text:s,dataTestId:r})=>{const[i,n]=m(!1),p=a(null);/* @__PURE__ */
+return l("div",{ref:p,className:"copy-icon",children:[
+/* @__PURE__ */e(f,{dataTestId:r,type:"tertiary",iconProps:{Component:y},size:"small",className:o,onClick:t=>{t.stopPropagation(),navigator.clipboard.writeText(s),n(!0),setTimeout(()=>n(!1),1e3)}}),i?/* @__PURE__ */e(u,{clicked:!0,elemRef:p.current,text:t||"Copied",position:"top-center"}):null]})};export{P as Copy};

package/components/Copy/types.d.ts

@@ -1,6 +1,6 @@
-export type TCopyProps = {
+import { IBaseProps } from '../../type';
+export type TCopyProps = IBaseProps & {
     className?: string;
     textAfterCopy?: string;
     text: string;
-    dataId?: string;
 };

package/components/Counter/Counter.js

@@ -1 +1,2 @@
-import{jsx as D}from"react/jsx-runtime";import{forwardRef as F}from"react";import{Input as k}from"../Input/Input.js";import p from"classnames";import{noop as f}from"../../utils/helpers.js";import z from"../SVGIcons/IconAdd.js";import E from"../SVGIcons/IconSubtract.js";const P=F((e,a)=>{const{max:r=99999999,min:o=0,handleChange:t,name:s,counter:n=0,setFieldValue:m,customError:i,label:l,required:c=!1,value:d,hasError:u=!1,...I}=e,v=void 0!==d?parseInt(d):n,C=void 0!==d,h=e=>{t&&t(+e>r?r:+e<o?o:e),m&&s&&m(s,e,{shouldValidate:u})},b=v<=o,j=void 0===v||v>=r;/* @__PURE__ */return D(k,{...I,className:"counter",error:C?"":i,label:l,required:c,leftIconProps:{dataId:`${I.dataId}-decrement`,size:"small",Component:E,className:p({action_active:!b}),type:b?"disabled":"primary",onClick:b?f:()=>h(v-1)},rightIconProps:{dataId:`${I.dataId}-increment`,Component:z,size:"small",className:p({action_active:!j}),onClick:j?f:()=>h(v+1),type:j?"disabled":"primary"},type:"number",name:s,value:v,onChange:e=>h(parseInt(e.target.value))})});P.displayName="Counter";export{P as Counter};
+import{jsx as x}from"react/jsx-runtime";import{forwardRef as D}from"react";import{Input as F}from"../Input/Input.js";import p from"classnames";import{noop as f}from"../../utils/helpers.js";import k from"../SVGIcons/IconAdd.js";import z from"../SVGIcons/IconSubtract.js";const E=D((e,a)=>{const{max:r=99999999,min:t=0,handleChange:o,name:s,counter:n=0,setFieldValue:m,customError:i,label:l,required:c=!1,value:d,hasError:u=!1,...I}=e,v=void 0!==d?parseInt(d):n,C=void 0!==d,h=e=>{o&&o(+e>r?r:+e<t?t:e),m&&s&&m(s,e,{shouldValidate:u})},b=v<=t,j=void 0===v||v>=r;/* @__PURE__ */
+return x(F,{...I,className:"counter",error:C?"":i,label:l,required:c,leftIconProps:{dataTestId:`${I.dataTestId}-decrement`,size:"small",Component:z,className:p({action_active:!b}),type:b?"disabled":"primary",onClick:b?f:()=>h(v-1)},rightIconProps:{dataTestId:`${I.dataTestId}-increment`,Component:k,size:"small",className:p({action_active:!j}),onClick:j?f:()=>h(v+1),type:j?"disabled":"primary"},type:"number",name:s,value:v,onChange:e=>h(parseInt(e.target.value))})});E.displayName="Counter";export{E as Counter};

package/components/Counter/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 export interface ICounterProps extends IFormCompProps {
     min?: number;
     max?: number;

package/components/DarkModeSwitcher/DarkModeSwitcher.d.ts

@@ -1,11 +1,10 @@
+import { IBaseProps } from '../../type';
 import React from 'react';
-type DarkModeSwitcherProps = {
+export declare const DarkModeSwitcher: React.ForwardRefExoticComponent<IBaseProps & {
     checked: boolean;
     onChange: (checked: boolean) => void;
     disabled?: boolean;
     id?: string;
     name?: string;
     className?: string;
-};
-export declare const DarkModeSwitcher: React.ForwardRefExoticComponent<DarkModeSwitcherProps & React.RefAttributes<HTMLInputElement>>;
-export {};
+} & React.RefAttributes<HTMLInputElement>>;

package/components/DarkModeSwitcher/DarkModeSwitcher.js

@@ -1,5 +1,5 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{forwardRef as _}from"react";import i from"classnames";import d from"../SVGIcons/IconMoon.js";import p from"../SVGIcons/IconSun.js";const w=_(({checked:s,onChange:a,disabled:c=!1,id:t="dark-mode-switcher",name:m,className:r},h)=>/* @__PURE__ */e("label",{className:i("theme-switch",r,{"is-disabled":c}),htmlFor:t,children:/* @__PURE__ */l("span",{className:i("theme-switch__track",{"is-checked":s}),children:[
-/* @__PURE__ */e("span",{className:"theme-switch__icon theme-switch__icon--sun","aria-hidden":"true",children:/* @__PURE__ */e(p,{size:"xsmall"})}),
-/* @__PURE__ */e("input",{ref:h,id:t,name:m,type:"checkbox",checked:s,disabled:c,onChange:e=>{c||a(e.target.checked)},className:"theme-switch__input"}),
-/* @__PURE__ */e("span",{className:"theme-switch__thumb","aria-hidden":"true"}),
-/* @__PURE__ */e("span",{className:"theme-switch__icon theme-switch__icon--moon","aria-hidden":"true",children:/* @__PURE__ */e(d,{size:"xsmall"})})]})}));w.displayName="DarkModeSwitcher";export{w as DarkModeSwitcher};
+import{jsx as i,jsxs as p}from"react/jsx-runtime";import{forwardRef as _}from"react";import n from"classnames";import u from"../SVGIcons/IconMoon.js";import w from"../SVGIcons/IconSun.js";const d=_(({checked:e,onChange:a,disabled:s=!1,id:t="dark-mode-switcher",name:c,className:d,dataTestId:m=""},o)=>/* @__PURE__ */i("label",{className:n("theme-switch",d,{"is-disabled":s}),htmlFor:t,"data-test-id":m,children:/* @__PURE__ */p("span",{className:n("theme-switch__track",{"is-checked":e}),children:[
+/* @__PURE__ */i("span",{className:"theme-switch__icon theme-switch__icon--sun","aria-hidden":"true",children:/* @__PURE__ */i(w,{size:"xsmall",dataTestId:m?`${m}-sun-icon`:""})}),
+/* @__PURE__ */i("input",{ref:o,id:t,name:c,type:"checkbox",checked:e,disabled:s,onChange:e=>{s||a(e.target.checked)},className:"theme-switch__input","data-test-id":m?`${m}-input`:""}),
+/* @__PURE__ */i("span",{className:"theme-switch__thumb","aria-hidden":"true"}),
+/* @__PURE__ */i("span",{className:"theme-switch__icon theme-switch__icon--moon","aria-hidden":"true",children:/* @__PURE__ */i(u,{size:"xsmall",dataTestId:m?`${m}-moon-icon`:""})})]})}));d.displayName="DarkModeSwitcher";export{d as DarkModeSwitcher};

package/components/DarkModeSwitcher/types.d.ts

@@ -1,3 +1,4 @@
+import { IFormCompProps } from '../../type';
 export interface TSwitcherProps extends IFormCompProps {
     onClick?: (isChecked: boolean) => void;
     className?: string;