hrm_ui_lib 2.1.0-alpha.19 → 2.1.0-alpha.21

package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js

@@ -1,8 +1,8 @@
-import{jsxs as f,Fragment as q,jsx as a}from"react/jsx-runtime";import{forwardRef as z,useState as D,useEffect as B}from"react";import G from"react-datepicker";import{Input as y}from"../../Input/Input.js";import{DateFormat as J}from"../types.js";import{useImportFilesDynamically as K}from"../hooks.js";import{isSameDay as Q}from"../../../utils/helpers.js";import U from"../../SVGIcons/IconCalendarRight.js";import{Modal as W}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../Snackbar/consts.js";const Z=z((e,t)=>{const{value:r,currentDates:o=[],setFieldValue:s,name:n,changeHandler:l,dataId:m,format:c=J.LongDate,maxDate:d,minDate:p,locale:u="hy",disabled:x,placeholderText:j,dataIdPrefix:b,modalOptions:h,...C}=e;K(u);const g=p?p.getFullYear():1900,k=d?d.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,I=void 0!==r&&Array.isArray(r)?r:o,[v,F]=D(I),[A,M]=D(!1),[O,P]=D(!1),S=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(I)},[I]),!Array.isArray(v))return null;const H=()=>{M(!0)},R=()=>{M(!1)},[T,Y]=v;/* @__PURE__ */
+import{jsxs as f,Fragment as q,jsx as a}from"react/jsx-runtime";import{forwardRef as z,useState as D,useEffect as B}from"react";import G from"react-datepicker";import{Input as y}from"../../Input/Input.js";import{DateFormat as J}from"../types.js";import{useImportFilesDynamically as K}from"../hooks.js";import{isSameDay as Q}from"../../../utils/helpers.js";import U from"../../SVGIcons/IconCalendarRight.js";import{Modal as W}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../Snackbar/consts.js";const Z=z((e,t)=>{const{value:r,currentDates:o=[],setFieldValue:s,name:n,changeHandler:l,dataTestId:m,format:c=J.LongDate,maxDate:d,minDate:p,locale:u="hy",disabled:x,placeholderText:j,dataTestIdPrefix:b,modalOptions:h,...C}=e;K(u);const g=p?p.getFullYear():1900,k=d?d.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,I=void 0!==r&&Array.isArray(r)?r:o,[v,T]=D(I),[F,A]=D(!1),[M,O]=D(!1),P=e=>{e&&Array.isArray(e)&&T(e)};if(B(()=>{T(I)},[I]),!Array.isArray(v))return null;const S=()=>{A(!0)},H=()=>{A(!1)},[R,Y]=v;/* @__PURE__ */
 return f(q,{children:[
-/* @__PURE__ */a(y,{readOnly:!0,onClick:H,dataId:m,disabled:x,placeholder:j,currentValue:(e=>{if(A&&!O)return;const[a,t]=e,r=i(a,c),o=i(t,c);return Q(a,t)||!t?r:`${r} - ${o}`})(v),rightIconProps:{Component:U,onClick:H}}),
-/* @__PURE__ */f(W,{isOpen:A,title:null==h?void 0:h.title,onClose:R,buttonProps:{confirm:{buttonText:null==h?void 0:h.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),P(!0),R()}},cancel:{buttonText:null==h?void 0:h.btnCancelText,onClick:R}},closeIcon:!0,children:[
+/* @__PURE__ */a(y,{readOnly:!0,onClick:S,dataTestId:m,disabled:x,placeholder:j,currentValue:(e=>{if(F&&!M)return;const[t,a]=e,r=i(t,c),o=i(a,c);return Q(t,a)||!a?r:`${r} - ${o}`})(v),rightIconProps:{Component:U,onClick:S}}),
+/* @__PURE__ */f(W,{isOpen:F,title:null==h?void 0:h.title,onClose:H,buttonProps:{confirm:{buttonText:null==h?void 0:h.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),O(!0),H()}},cancel:{buttonText:null==h?void 0:h.btnCancelText,onClick:H}},closeIcon:!0,children:[
 /* @__PURE__ */f("div",{className:"flexbox justify-content--between mb-16 gap-16",children:[
-/* @__PURE__ */a(y,{readOnly:!0,value:i(T,c)}),
+/* @__PURE__ */a(y,{readOnly:!0,value:i(R,c)}),
 /* @__PURE__ */a(y,{readOnly:!0,value:i(Y,c)})]}),
-/* @__PURE__ */a(G,{...C,inline:!0,locale:u,minDate:p,maxDate:d,startDate:T,endDate:Y,selectsRange:!0,disabled:x,onChange:S,onClickOutside:()=>{const[e,a]=v;(!e||!a)&&S([null,null])},renderCustomHeader:e=>/* @__PURE__ */a(X,{...e,locale:u,startYear:g,endYear:k,dataPrefix:b,isMobile:!0})})]})]})});Z.displayName="RangeDatePickerMobile";export{Z as RangeDatePickerMobile};
+/* @__PURE__ */a(G,{...C,inline:!0,locale:u,minDate:p,maxDate:d,startDate:R,endDate:Y,selectsRange:!0,disabled:x,onChange:P,onClickOutside:()=>{const[e,t]=v;(!e||!t)&&P([null,null])},renderCustomHeader:e=>/* @__PURE__ */a(X,{...e,locale:u,startYear:g,endYear:k,dataPrefix:b,isMobile:!0})})]})]})});Z.displayName="RangeDatePickerMobile";export{Z as RangeDatePickerMobile};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js

@@ -1,4 +1,4 @@
-import{jsxs as R,jsx as a}from"react/jsx-runtime";import{useRef as S}from"react";import u from"dayjs";import T from"react-datepicker";import{Input as V}from"../../Input/Input.js";import{Label as q}from"../../../helperComponents/Label/Label.js";import{CustomHeader as w}from"../CustomHeader/CustomHeader.js";import{useImportFilesDynamically as z}from"../hooks.js";import E from"../../SVGIcons/IconCalendarRight.js";const U=e=>{const{value:r,currentDate:t,setFieldValue:o,name:l,label:n,size:s,locale:i="hy",changeHandler:m,format:c="M/D/YYYY",required:d=!1,dataId:p,hasError:f,placeholderText:x,minDate:h,maxDate:j,dataIdPrefix:D,helperText:I,inline:C,...g}=e,Y=h?h.getFullYear():1900,b=j?j.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,k=S(null);z(i);const v=void 0!==r&&"[object Date]"===Object.prototype.toString.call(r)?r:t;/* @__PURE__ */
-return R("div",{className:"picker-container",children:[
+import{jsxs as O,jsx as a}from"react/jsx-runtime";import{useRef as R}from"react";import u from"dayjs";import S from"react-datepicker";import{Input as V}from"../../Input/Input.js";import{Label as q}from"../../../helperComponents/Label/Label.js";import{CustomHeader as w}from"../CustomHeader/CustomHeader.js";import{useImportFilesDynamically as z}from"../hooks.js";import E from"../../SVGIcons/IconCalendarRight.js";const U=e=>{const{value:t,currentDate:r,setFieldValue:o,name:l,label:n,size:s,locale:i="hy",changeHandler:m,format:c="M/D/YYYY",required:d=!1,dataTestId:p,hasError:f,placeholderText:x,minDate:h,maxDate:j,dataTestIdPrefix:D,helperText:I,inline:C,...g}=e,Y=h?h.getFullYear():1900,T=j?j.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,b=R(null);z(i);const k=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r;/* @__PURE__ */
+return O("div",{className:"picker-container",children:[
 /* @__PURE__ */a(q,{text:n,required:d,invalid:f}),
-/* @__PURE__ */a(T,{minDate:h,maxDate:j,selected:u(v).isValid()?v:null,locale:i,ref:k,customInput:/* @__PURE__ */a(V,{size:s,dataId:p,helperText:I,datePlaceHolderText:n?"":x,rightIconProps:{Component:E,onClick:()=>{var e,a;if(k.current){const r=null==(e=k.current)?void 0:e.isCalendarOpen();null==(a=k.current)||a.setOpen(!r)}}},currentValue:v?u(v.toString()).format(c):""}),inline:C,...g,onChange:e=>{o&&l&&o(l,e),m&&m(e)},renderCustomHeader:e=>/* @__PURE__ */a(w,{...e,locale:i,startYear:Y,endYear:b,dataPrefix:D})})]})};export{U as SimpleDatePickerDesktop};
+/* @__PURE__ */a(S,{minDate:h,maxDate:j,selected:u(k).isValid()?k:null,locale:i,ref:b,customInput:/* @__PURE__ */a(V,{size:s,dataTestId:p,helperText:I,datePlaceHolderText:n?"":x,rightIconProps:{Component:E,onClick:()=>{var e,t;if(b.current){const a=null==(e=b.current)?void 0:e.isCalendarOpen();null==(t=b.current)||t.setOpen(!a)}}},currentValue:k?u(k.toString()).format(c):""}),inline:C,...g,onChange:e=>{o&&l&&o(l,e),m&&m(e)},renderCustomHeader:e=>/* @__PURE__ */a(w,{...e,locale:i,startYear:Y,endYear:T,dataPrefix:D})})]})};export{U as SimpleDatePickerDesktop};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js

@@ -1,5 +1,5 @@
-import{jsxs as S,Fragment as v,jsx as e}from"react/jsx-runtime";import T from"react";import{Input as V}from"../../Input/Input.js";import w from"../../SVGIcons/IconCalendarRight.js";import D from"dayjs";import{useImportFilesDynamically as R}from"../hooks.js";import{Modal as q}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const oe=t=>{const{size:o,dataId:r,helperText:a,label:l,placeholderText:i,format:s="M/D/YYYY",value:n,currentDate:m,minDate:d,maxDate:c,locale:p="hy",dataIdPrefix:u,modalOptions:h,name:f,changeHandler:j,setFieldValue:x,required:C,hasError:I,...g}=t,Y=d?d.getFullYear():1900,b=c?c.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,[k,y]=T.useState(!1);R(p);const F=void 0!==n&&"[object Date]"===Object.prototype.toString.call(n)?n:m,H=()=>{y(!0)},M=()=>{y(!1)};/* @__PURE__ */
-return S(v,{children:[
+import{jsxs as O,Fragment as S,jsx as e}from"react/jsx-runtime";import v from"react";import{Input as V}from"../../Input/Input.js";import w from"../../SVGIcons/IconCalendarRight.js";import D from"dayjs";import{useImportFilesDynamically as R}from"../hooks.js";import{Modal as q}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"react-dom";import{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const oe=t=>{const{size:o,dataTestId:r,helperText:a,label:l,placeholderText:s,format:i="M/D/YYYY",value:n,currentDate:m,minDate:d,maxDate:c,locale:p="hy",dataTestIdPrefix:u,modalOptions:h,name:f,changeHandler:j,setFieldValue:x,required:C,hasError:I,...g}=t,Y=d?d.getFullYear():1900,b=c?c.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,[k,y]=v.useState(!1);R(p);const F=void 0!==n&&"[object Date]"===Object.prototype.toString.call(n)?n:m,T=()=>{y(!0)},H=()=>{y(!1)};/* @__PURE__ */
+return O(S,{children:[
 /* @__PURE__ */e(L,{text:l,required:C,invalid:I}),
-/* @__PURE__ */e(V,{size:o,onClick:H,dataId:r,readOnly:!0,helperText:a,datePlaceHolderText:l?"":i,rightIconProps:{Component:w,onClick:H},currentValue:F?D(F.toString()).format(s):""}),
-/* @__PURE__ */e(q,{isOpen:k,title:null==h?void 0:h.title,onClose:M,withFooter:!1,closeIcon:!0,children:/* @__PURE__ */e(E,{minDate:d,maxDate:c,selected:D(F).isValid()?F:null,locale:p,inline:!0,...g,onChange:e=>{x&&f&&x(f,e),j&&j(e),M()},renderCustomHeader:t=>/* @__PURE__ */e(z,{...t,locale:p,startYear:Y,endYear:b,dataPrefix:u,isMobile:!0})})})]})};export{oe as SimpleDatePickerMobile};
+/* @__PURE__ */e(V,{size:o,onClick:T,dataTestId:r,readOnly:!0,helperText:a,datePlaceHolderText:l?"":s,rightIconProps:{Component:w,onClick:T},currentValue:F?D(F.toString()).format(i):""}),
+/* @__PURE__ */e(q,{isOpen:k,title:null==h?void 0:h.title,onClose:H,withFooter:!1,closeIcon:!0,children:/* @__PURE__ */e(E,{minDate:d,maxDate:c,selected:D(F).isValid()?F:null,locale:p,inline:!0,...g,onChange:e=>{x&&f&&x(f,e),j&&j(e),H()},renderCustomHeader:t=>/* @__PURE__ */e(z,{...t,locale:p,startYear:Y,endYear:b,dataPrefix:u,isMobile:!0})})})]})};export{oe as SimpleDatePickerMobile};

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -1,4 +1,4 @@
-import{jsxs as S,jsx as a}from"react/jsx-runtime";import{useState as x,useRef as w}from"react";import b from"dayjs";import F from"react-datepicker";import{Input as N}from"../../Input/Input.js";import{Label as P}from"../../../helperComponents/Label/Label.js";import{useImportFilesDynamically as V}from"../hooks.js";import _ from"../../SVGIcons/IconClock.js";const J=e=>{const{value:t,currentTime:r,name:o,setFieldValue:n,label:s,size:l,dataId:i,changeHandler:c,required:m,format:u="HH:mm",locale:d="hy",hasError:p,...f}=e,[h,j]=x(),I=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r,v=w(null);V(d);const g=e=>{j(e?b(e).format("HH:mm"):""),c&&c(e),n&&o&&n(o,e)};/* @__PURE__ */
+import{jsxs as S,jsx as a}from"react/jsx-runtime";import{useState as x,useRef as w}from"react";import b from"dayjs";import F from"react-datepicker";import{Input as N}from"../../Input/Input.js";import{Label as P}from"../../../helperComponents/Label/Label.js";import{useImportFilesDynamically as V}from"../hooks.js";import _ from"../../SVGIcons/IconClock.js";const J=e=>{const{value:t,currentTime:r,name:o,setFieldValue:s,label:n,size:l,dataTestId:i,changeHandler:c,required:m,format:u="HH:mm",locale:d="hy",hasError:p,...f}=e,[h,j]=x(),I=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:r,v=w(null);V(d);const g=e=>{j(e?b(e).format("HH:mm"):""),c&&c(e),s&&o&&s(o,e)};/* @__PURE__ */
 return S("div",{className:"picker-container input__inner",children:[
-/* @__PURE__ */a(P,{text:s,required:m,invalid:p}),
-/* @__PURE__ */a(F,{selected:b(I).isValid()?I:null,locale:d,showTimeSelect:!0,showTimeSelectOnly:!0,dateFormat:u,ref:v,...f,onChange:g,customInput:/* @__PURE__ */a(N,{handleChange:e=>{j(e.target.value)},handleBlurEvent:()=>{const e=/* @__PURE__ */new Date;if(e.setHours(0,0),!h||h.includes(":")&&":"!==h[2])return void g(e);const t=h.replace(":","");if(4===t.length){const r=Number(t.slice(0,2)),a=Number(t.slice(2,4));r<24&&a<60&&e.setHours(r,a)}g(e)},disabled:f.disabled,dataId:i,size:l,rightIconProps:{Component:_,onClick:()=>{var e,t;if(v.current){const r=null==(e=v.current)?void 0:e.isCalendarOpen();null==(t=v.current)||t.setOpen(!r)}}}})})]})};export{J as TimePickerDesktop};
+/* @__PURE__ */a(P,{text:n,required:m,invalid:p}),
+/* @__PURE__ */a(F,{selected:b(I).isValid()?I:null,locale:d,showTimeSelect:!0,showTimeSelectOnly:!0,dateFormat:u,ref:v,...f,onChange:g,customInput:/* @__PURE__ */a(N,{handleChange:e=>{j(e.target.value)},handleBlurEvent:()=>{const e=/* @__PURE__ */new Date;if(e.setHours(0,0),!h||h.includes(":")&&":"!==h[2])return void g(e);const t=h.replace(":","");if(4===t.length){const r=Number(t.slice(0,2)),a=Number(t.slice(2,4));r<24&&a<60&&e.setHours(r,a)}g(e)},disabled:f.disabled,dataTestId:i,size:l,rightIconProps:{Component:_,onClick:()=>{var e,t;if(v.current){const r=null==(e=v.current)?void 0:e.isCalendarOpen();null==(t=v.current)||t.setOpen(!r)}}}})})]})};export{J as TimePickerDesktop};

package/components/DatePicker/TimePicker/TimePickerMobile.js

@@ -1,5 +1,5 @@
-import{jsxs as I,Fragment as j,jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import{Label as H}from"../../../helperComponents/Label/Label.js";import{Input as v}from"../../Input/Input.js";import M from"../../SVGIcons/IconCalendarRight.js";import S from"dayjs";import{MobileModalContent as V}from"./MobileModalContent.js";const E=e=>{const{value:t,currentTime:o,format:r="HH:mm",label:a,required:l,hasError:n,size:m,placeholderText:s,dataId:d,changeHandler:p,setFieldValue:c,modalOptions:u,name:b}=e,f=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:o,[x,C]=y(!1),T=()=>C(!0),h=()=>C(!1);/* @__PURE__ */
+import{jsxs as I,Fragment as j,jsx as i}from"react/jsx-runtime";import{useState as y}from"react";import{Label as H}from"../../../helperComponents/Label/Label.js";import{Input as v}from"../../Input/Input.js";import M from"../../SVGIcons/IconCalendarRight.js";import S from"dayjs";import{MobileModalContent as V}from"./MobileModalContent.js";const E=e=>{const{value:t,currentTime:o,format:r="HH:mm",label:a,required:l,hasError:n,size:s,placeholderText:m,dataTestId:d,changeHandler:p,setFieldValue:c,modalOptions:u,name:b}=e,f=void 0!==t&&"[object Date]"===Object.prototype.toString.call(t)?t:o,[T,x]=y(!1),C=()=>x(!0),h=()=>x(!1);/* @__PURE__ */
 return I(j,{children:[
 /* @__PURE__ */i(H,{text:a,required:l,invalid:n}),
-/* @__PURE__ */i(v,{size:m,onClick:T,dataId:d,readOnly:!0,datePlaceHolderText:a?"":s,rightIconProps:{Component:M,onClick:T},currentValue:f?S(f.toString()).format(r):""}),
-/* @__PURE__ */i(V,{dateInitialValue:f,onApply:e=>{(e=>{p&&p(e),c&&b&&c(b,e)})(e),h()},mobileTitle:null==u?void 0:u.title,isOpen:x,closeTimePicker:h,modalApplyButtonText:null==u?void 0:u.btnConfirmText})]})};export{E as TimePickerMobile};
+/* @__PURE__ */i(v,{size:s,onClick:C,dataTestId:d,readOnly:!0,datePlaceHolderText:a?"":m,rightIconProps:{Component:M,onClick:C},currentValue:f?S(f.toString()).format(r):""}),
+/* @__PURE__ */i(V,{dateInitialValue:f,onApply:e=>{(e=>{p&&p(e),c&&b&&c(b,e)})(e),h()},mobileTitle:null==u?void 0:u.title,isOpen:T,closeTimePicker:h,modalApplyButtonText:null==u?void 0:u.btnConfirmText})]})};export{E as TimePickerMobile};

package/components/DatePicker/types.d.ts

@@ -1,9 +1,9 @@
+import { IFormCompProps } from '../../type';
 import { DatePickerProps } from 'react-datepicker';
 import { ReactNode } from 'react';
 type DatePickerDefaultProps = Omit<IFormCompProps, 'value'> & Omit<DatePickerProps, 'onChange' | 'value'>;
 export interface TDatepickerBaseProps extends DatePickerDefaultProps {
-    dataId?: string;
-    dataIdPrefix?: string;
+    dataTestIdPrefix?: string;
     label?: ReactNode;
     format?: string;
     inline?: boolean;
@@ -34,7 +34,7 @@ export interface ITimePickerProps extends TDatepickerBaseProps {
 }
 export interface IRangeDatePickerProps extends TDatepickerBaseProps {
     currentDates?: TRangePickerValues;
-    changeHandler: (date: TRangePickerValues) => void;
+    changeHandler?: (date: TRangePickerValues) => void;
     maxDate?: Date | undefined;
     value?: [Date, Date];
 }

package/components/Divider/Divider.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import t from"classnames";const m=r=>{const{type:i="primary",isHorizontal:e,className:a,color:o="light-grey"}=r;/* @__PURE__ */
-return s("hr",{className:t("divider",`divider--${i}`,`divider--${o}`,{"divider--horizontal":e,"divider--vertical":!e},a)})};export{m as Divider};
+import{jsx as o}from"react/jsx-runtime";import s from"classnames";const c=r=>{const{type:i="primary",isHorizontal:e,className:t,color:a="light-grey",dataTestId:d=""}=r;/* @__PURE__ */
+return o("hr",{"data-test-id":d,className:s("divider",`divider--${i}`,`divider--${a}`,{"divider--horizontal":e,"divider--vertical":!e},t)})};export{c as Divider};

package/components/Divider/types.d.ts

@@ -1,4 +1,5 @@
-export interface TDividerProps {
+import { IBaseProps } from '../../type';
+export interface TDividerProps extends IBaseProps {
     type: 'primary' | 'secondary';
     isHorizontal?: boolean;
     className?: string;

package/components/Empty/Empty.js

@@ -1,4 +1,4 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import{Text as t}from"../Text/Text.js";import{Image as c}from"../Image/Image.js";import{Button as u}from"../Button/Button.js";import g from"classnames";import p from"../../assets/images/no-result.svg.js";const _=s=>{const{size:a="large",mainMessage:l,paragraphMessage:r,buttonProps:o,className:n,illustration:i=p}=s;/* @__PURE__ */
-return m("div",{className:g("no-result "+("large"==a?"no-result--large":"no-result--small"),n),children:[
-/* @__PURE__ */e("div",{className:"no-result__icon",children:/* @__PURE__ */e(c,{imagePath:i})}),
-/* @__PURE__ */m("div",{className:"no-result__content",children:[l?/* @__PURE__ */e(t,{size:"large"==a?"large":"small",weight:"bold",children:l}):null,r?/* @__PURE__ */e(t,{size:"large"==a?"small":"xsmall",children:r}):null,o?/* @__PURE__ */e(u,{...o,size:"medium",className:"mt-4"}):null]})]})};export{_ as Empty};
+import{jsxs as m,jsx as a}from"react/jsx-runtime";import{Text as o}from"../Text/Text.js";import{Image as c}from"../Image/Image.js";import{Button as u}from"../Button/Button.js";import g from"classnames";import p from"../../assets/images/no-result.svg.js";const $=s=>{const{size:t="large",mainMessage:e,paragraphMessage:l,buttonProps:r,className:i,illustration:n=p,dataTestId:d=""}=s;/* @__PURE__ */
+return m("div",{"data-test-id":d,className:g("no-result "+("large"==t?"no-result--large":"no-result--small"),i),children:[
+/* @__PURE__ */a("div",{className:"no-result__icon",children:/* @__PURE__ */a(c,{imagePath:n,dataTestId:d?`${d}-image`:""})}),
+/* @__PURE__ */m("div",{className:"no-result__content",children:[e?/* @__PURE__ */a(o,{size:"large"==t?"large":"small",weight:"bold",dataTestId:d?`${d}-text`:"",children:e}):null,l?/* @__PURE__ */a(o,{size:"large"==t?"small":"xsmall",dataTestId:d?`${d}-subtext`:"",children:l}):null,r?/* @__PURE__ */a(u,{...r,size:"medium",className:"mt-4",dataTestId:r.dataTestId??(d?`${d}-action`:"")}):null]})]})};export{$ as Empty};

package/components/Empty/types.d.ts

@@ -1,5 +1,6 @@
+import { IBaseProps } from '../../type';
 import { TButtonPropTypes } from '../Button/types';
-export interface TEmptyProps {
+export interface TEmptyProps extends IBaseProps {
     size?: string;
     className?: string;
     mainMessage?: string;

package/components/FileUpload/DropzoneFileUpload/DropzoneFileUpload.js

@@ -1,7 +1,7 @@
-import{jsxs as u,jsx as t}from"react/jsx-runtime";import{forwardRef as y,useState as S,useCallback as k}from"react";import{useDropzone as q,ErrorCode as w}from"react-dropzone";import G from"../../SVGIcons/IconUpload.js";import{Text as x}from"../../Text/Text.js";import L from"classnames";import{FileTypeEnum as g}from"../../../type/file-upload.js";import{FileUploadMode as E}from"../types.js";import{generateAreaContent as O,getDropzoneLocale as B}from"./helpers.js";import{ErrorItem as H}from"./ErrorItem.js";import{PreviewItem as J}from"./PreviewItem.js";import{uniqueFiles as K}from"../../../utils/helpers.js";const Q=y(({maxSize:e=10485760,allowedTypes:a=[g.IMAGE,g.PDF,g.DOC],name:o,setFiles:s,setFieldValue:l,value:r,selectedFiles:i,maxFiles:m=1,mode:p=E.attach,locale:n,multiple:d=!1},c)=>{const f=r||i||[],z=f.length>=m?0:m-f.length,[F,h]=S([]),v=O({allowedTypes:a,maxSize:e}),y=B(n),{getRootProps:j,getInputProps:T,isFocused:D,isDragActive:I}=q({onDrop:(e,a)=>{if(0===z&&!d)return void h([{code:w.TooManyFiles,message:""}]);const o=K([...f,...e]),l=a.map(e=>e.errors).flat();null==s||s(o),_(o),h(l)},accept:v.acceptTypes,maxSize:e,maxFiles:d?0:z,multiple:d}),_=k(e=>{o&&l&&l(o,e)},[o,l]);/* @__PURE__ */
-return u("div",{className:"dz-file-upload",children:[p!==E.view?/* @__PURE__ */u("div",{...j(),className:L("dz-file-upload__area",{"dz-file-upload__area--focused":D,"dz-file-upload__area--active":I}),children:[
-/* @__PURE__ */t(G,{className:"mb-20",size:"xlarge"}),
-/* @__PURE__ */t("input",{...T(),name:o}),
-/* @__PURE__ */t(x,{type:"primary",weight:"semibold",className:"mb-6",children:y.title}),
-/* @__PURE__ */t(x,{size:"small",children:`${v.acceptTypesMessage} ${1===(null==a?void 0:a.length)?y.format:y.formats}, ${y.maxSize.replace("$1",v.maxSizeFormatted)}`})]}):null,
-/* @__PURE__ */u("div",{className:"dz-file-upload__files",children:[F.map(({code:e},a)=>/* @__PURE__ */t(H,{code:e,areaContent:v,onRemove:()=>(e=>{h(a=>a.filter((a,o)=>o!==e))})(a),locale:n},a)),f.map((e,a)=>/* @__PURE__ */t(J,{file:e,onRemove:()=>(e=>{const a=f.filter(a=>a.name!==e);0===a.length&&h([]),null==s||s(a),_(a)})(e.name),mode:p},a))]})]})});Q.displayName="DropzoneFileUpload";export{Q as DropzoneFileUpload};
+import{jsxs as g,jsx as i}from"react/jsx-runtime";import{forwardRef as k,useState as q,useCallback as w}from"react";import{useDropzone as G,ErrorCode as L}from"react-dropzone";import O from"../../SVGIcons/IconUpload.js";import{Text as E}from"../../Text/Text.js";import B from"classnames";import{FileTypeEnum as z}from"../../../type/file-upload.js";import{FileUploadMode as C}from"../types.js";import{generateAreaContent as H,getDropzoneLocale as I}from"./helpers.js";import{ErrorItem as J}from"./ErrorItem.js";import{PreviewItem as K}from"./PreviewItem.js";import{uniqueFiles as Q}from"../../../utils/helpers.js";const W=k(({maxSize:e=10485760,allowedTypes:a=[z.IMAGE,z.PDF,z.DOC],name:o,setFiles:s,setFieldValue:t,value:r,selectedFiles:l,maxFiles:m=1,mode:d=C.attach,locale:p,multiple:n=!1,dataTestId:c=""},f)=>{const u=r||l||[],x=u.length>=m?0:m-u.length,[F,h]=q([]),v=H({allowedTypes:a,maxSize:e}),T=I(p),{getRootProps:j,getInputProps:y,isFocused:$,isDragActive:D}=G({onDrop:(e,a)=>{if(0===x&&!n)return void h([{code:L.TooManyFiles,message:""}]);const o=Q([...u,...e]),t=a.map(e=>e.errors).flat();null==s||s(o),_(o),h(t)},accept:v.acceptTypes,maxSize:e,maxFiles:n?0:x,multiple:n}),_=w(e=>{o&&t&&t(o,e)},[o,t]);/* @__PURE__ */
+return g("div",{className:"dz-file-upload","data-test-id":c,children:[d!==C.view?/* @__PURE__ */g("div",{...j(),className:B("dz-file-upload__area",{"dz-file-upload__area--focused":$,"dz-file-upload__area--active":D}),"data-test-id":c?`${c}-dropzone`:"",children:[
+/* @__PURE__ */i(O,{className:"mb-20",size:"xlarge"}),
+/* @__PURE__ */i("input",{...y(),name:o,"data-test-id":c?`${c}-input`:""}),
+/* @__PURE__ */i(E,{type:"primary",weight:"semibold",className:"mb-6",children:T.title}),
+/* @__PURE__ */i(E,{size:"small",children:`${v.acceptTypesMessage} ${1===(null==a?void 0:a.length)?T.format:T.formats}, ${T.maxSize.replace("$1",v.maxSizeFormatted)}`})]}):null,
+/* @__PURE__ */g("div",{className:"dz-file-upload__files",children:[F.map(({code:e},a)=>/* @__PURE__ */i(J,{code:e,areaContent:v,onRemove:()=>(e=>{h(a=>a.filter((a,o)=>o!==e))})(a),locale:p,dataTestId:c?`${c}-error-${a}`:""},a)),u.map((e,a)=>/* @__PURE__ */i(K,{file:e,onRemove:()=>(e=>{const a=u.filter(a=>a.name!==e);0===a.length&&h([]),null==s||s(a),_(a)})(e.name),mode:d,dataTestId:c?`${c}-item-${a}`:""},a))]})]})});W.displayName="DropzoneFileUpload";export{W as DropzoneFileUpload};

package/components/FileUpload/DropzoneFileUpload/ErrorItem.d.ts

@@ -5,6 +5,7 @@ interface IErrorItemProps {
     areaContent: AreaContentDTO;
     onRemove: () => void;
     locale?: string;
+    dataTestId?: string;
 }
-export declare const ErrorItem: ({ code, onRemove, areaContent, locale }: IErrorItemProps) => ReactElement | null;
+export declare const ErrorItem: ({ code, onRemove, areaContent, locale, dataTestId }: IErrorItemProps) => ReactElement | null;
 export {};

package/components/FileUpload/DropzoneFileUpload/ErrorItem.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{useMemo as a}from"react";import{ErrorCode as o}from"react-dropzone";import{Alert as m}from"../../Alert/Alert.js";import{getDropzoneLocale as p}from"./helpers.js";const g=({code:e,onRemove:r,areaContent:t,locale:s})=>{const l=a(()=>{const r=p(s);return e===o.FileInvalidType?r.fileInvalidType.replace("$1",t.acceptTypesMessage):e===o.FileTooLarge?r.fileTooLarge.replace("$1",t.maxSizeFormatted):e===o.TooManyFiles?r.tooManyFiles:""},[e]);return l?/* @__PURE__ */n(m,{type:"error",text:l,closeIcon:!0,onClose:r}):null};export{g as ErrorItem};
+import{jsx as a}from"react/jsx-runtime";import{useMemo as m}from"react";import{ErrorCode as o}from"react-dropzone";import{Alert as p}from"../../Alert/Alert.js";import{getDropzoneLocale as f}from"./helpers.js";const F=({code:e,onRemove:r,areaContent:t,locale:s,dataTestId:l=""})=>{const n=m(()=>{const r=f(s);return e===o.FileInvalidType?r.fileInvalidType.replace("$1",t.acceptTypesMessage):e===o.FileTooLarge?r.fileTooLarge.replace("$1",t.maxSizeFormatted):e===o.TooManyFiles?r.tooManyFiles:""},[e]);return n?/* @__PURE__ */a(p,{type:"error",text:n,closeIcon:!0,onClose:r,dataTestId:l}):null};export{F as ErrorItem};

package/components/FileUpload/DropzoneFileUpload/PreviewItem.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement } from 'react';
 import { FileType, FileUploadMode } from '../types';
-export declare const PreviewItem: ({ file, onRemove, mode }: {
+export declare const PreviewItem: ({ file, onRemove, mode, dataTestId }: {
     file: FileType;
     onRemove: () => void;
     mode: FileUploadMode;
+    dataTestId?: string;
 }) => ReactElement;

package/components/FileUpload/DropzoneFileUpload/PreviewItem.js

@@ -1,7 +1,7 @@
-import{jsxs as l,jsx as e}from"react/jsx-runtime";import{Text as n}from"../../Text/Text.js";import{Button as s}from"../../Button/Button.js";import f from"../../SVGIcons/IconDelete.js";import{useMemo as _}from"react";import{FileUploadMode as t}from"../types.js";import{FilePreview as w}from"./FilePreview.js";import{shortenFileName as v,formatFileSize as z}from"./helpers.js";import h from"../../SVGIcons/IconArrowDownloadFilled.js";import u from"classnames";import"../../../helpers/format-date.js";import{downloadFile as F}from"../../../helpers/download-file.js";import"react-toastify";import"../../Snackbar/consts.js";import"dayjs";import"../../../consts/index.js";const B=({file:i,onRemove:o,mode:r})=>{const a=i.type.split("/")[0],m=_(()=>URL.createObjectURL(i),[i.name]);/* @__PURE__ */
-return l("div",{className:u("dz-file-upload__files--item",{"dz-file-upload__files--item--view":r===t.view}),onClick:()=>{r===t.view&&window.open(m,"_blank")},children:[
-/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__preview",children:/* @__PURE__ */e(w,{preview:m,type:a})}),
-/* @__PURE__ */l("div",{className:"dz-file-upload__files--item__info",children:[
-/* @__PURE__ */l("div",{className:"dz-file-upload__files--item__info-title",children:[
-/* @__PURE__ */e(n,{weight:"semibold",children:v(i.name,40)}),r===t.attach&&/* @__PURE__ */e(s,{size:"small",type:"tertiary",onClick:o,iconProps:{Component:f}}),r===t.view&&/* @__PURE__ */e(s,{size:"small",type:"tertiary",onClick:e=>{e.preventDefault(),e.stopPropagation(),F(m,i.name)},iconProps:{Component:h}})]}),
-/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__info-size",children:/* @__PURE__ */e(n,{size:"small",children:z(i.size)})})]})]})};export{B as PreviewItem};
+import{jsxs as m,jsx as e}from"react/jsx-runtime";import{Text as s}from"../../Text/Text.js";import{Button as p}from"../../Button/Button.js";import _ from"../../SVGIcons/IconDelete.js";import{useMemo as w}from"react";import{FileUploadMode as l}from"../types.js";import{FilePreview as v}from"./FilePreview.js";import{shortenFileName as z,formatFileSize as h}from"./helpers.js";import u from"../../SVGIcons/IconArrowDownloadFilled.js";import F from"classnames";import"../../../helpers/format-date.js";import{downloadFile as N}from"../../../helpers/download-file.js";import"react-toastify";import"../../Snackbar/consts.js";import"dayjs";import"../../../consts/index.js";const O=({file:i,onRemove:t,mode:o,dataTestId:a=""})=>{const r=i.type.split("/")[0],d=w(()=>URL.createObjectURL(i),[i.name]);/* @__PURE__ */
+return m("div",{className:F("dz-file-upload__files--item",{"dz-file-upload__files--item--view":o===l.view}),"data-test-id":a,onClick:()=>{o===l.view&&window.open(d,"_blank")},children:[
+/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__preview",children:/* @__PURE__ */e(v,{preview:d,type:r})}),
+/* @__PURE__ */m("div",{className:"dz-file-upload__files--item__info",children:[
+/* @__PURE__ */m("div",{className:"dz-file-upload__files--item__info-title",children:[
+/* @__PURE__ */e(s,{weight:"semibold",dataTestId:a?`${a}-text`:"",children:z(i.name,40)}),o===l.attach&&/* @__PURE__ */e(p,{size:"small",type:"tertiary",onClick:t,iconProps:{Component:_},dataTestId:a?`${a}-close`:""}),o===l.view&&/* @__PURE__ */e(p,{size:"small",type:"tertiary",onClick:e=>{e.preventDefault(),e.stopPropagation(),N(d,i.name)},iconProps:{Component:u},dataTestId:a?`${a}-action`:""})]}),
+/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__info-size",children:/* @__PURE__ */e(s,{size:"small",dataTestId:a?`${a}-size`:"",children:h(i.size)})})]})]})};export{O as PreviewItem};

package/components/FileUpload/FileUpload.js

@@ -1,6 +1,6 @@
-import{jsxs as k,jsx as t}from"react/jsx-runtime";import{useRef as T,useState as q,useCallback as u}from"react";import{FileUploadMode as g}from"./types.js";import{Button as H}from"../Button/Button.js";import{Label as V}from"../../helperComponents/Label/Label.js";import{UploadItems as D}from"./UploadItems.js";import{FILE_UPLOAD_ERRORS as z}from"../../consts/index.js";import{uniqueFiles as G,checkIsAllowedFileSize as J,checkIsAllowedTypes as K,getFormattedValues as Q}from"../../utils/helpers.js";import W from"../SVGIcons/IconEditFilled.js";import X from"../SVGIcons/IconEdit.js";import Y from"../SVGIcons/IconAttach.js";const ce=e=>{const{allowedTypes:l="application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd",label:i,getFiles:o,removeFiles:s,handleFileClick:a,name:n,setFieldValue:r,toBase64:d,required:c,disabled:p,buttonText:m,withFilePreview:f=!0,multiple:h=!0,uploadedFiles:j,value:F,labelAddons:v,onError:b,fileAllowedSize:x,mode:y=g.attach}=e,I=F||j||[],w=T(null),[A,C]=q(!1),S=()=>C(!A),E=()=>{w.current&&w.current.click()},L=u(e=>{n&&r&&r(n,e)},[n,r]),_=u(e=>{var t;const i=null==(t=e.target)?void 0:t.files,s=h?Array.from(i):[i[0]];if(s){(e=>{const t=e.filter(e=>!(x&&!J(x,e.size)));e.filter(e=>!(l&&!K(l,e.type))).length===e.length?t.length===e.length?(L(d?Q(e):e),o&&o(e)):b&&b(z.size):b&&b(z.type)})(G(h?[...s,...I]:s))}w.current&&(w.current.value="")},[I,h]),R=u((e,t)=>{if(I){const l=I.filter((e,l)=>l!==t);L(l),s&&s(e)}},[I,s]);/* @__PURE__ */
-return k("div",{className:"file-upload",children:[
-/* @__PURE__ */t(V,{text:i,required:c,disabled:p,labelAddons:v}),
-/* @__PURE__ */k("div",{className:"file-upload__inner",children:[
-/* @__PURE__ */t("input",{name:n,type:"file",multiple:h,className:"hide",ref:w,accept:l,onChange:_}),y===g.edit&&/* @__PURE__ */t("div",{className:"edit__icon",onMouseEnter:S,onMouseLeave:S,onClick:E,children:/* @__PURE__ */t(A?W:X,{size:"xxsmall",type:"secondary"})}),y===g.attach&&/* @__PURE__ */t(H,{type:"secondary",size:"medium",disabled:p,iconProps:{Component:Y},onClick:E,buttonText:m}),
-/* @__PURE__ */t(D,{handleFileClick:a,onRemove:R,files:I,withFilePreview:f})]})]})};export{ce as FileUpload};
+import{jsxs as z,jsx as o}from"react/jsx-runtime";import{useRef as H,useState as V,useCallback as g}from"react";import{FileUploadMode as h}from"./types.js";import{Button as D}from"../Button/Button.js";import{Label as G}from"../../helperComponents/Label/Label.js";import{UploadItems as J}from"./UploadItems.js";import{FILE_UPLOAD_ERRORS as A}from"../../consts/index.js";import{uniqueFiles as K,checkIsAllowedFileSize as Q,checkIsAllowedTypes as W,getFormattedValues as X}from"../../utils/helpers.js";import Y from"../SVGIcons/IconEditFilled.js";import Z from"../SVGIcons/IconEdit.js";import ee from"../SVGIcons/IconAttach.js";const me=e=>{const{allowedTypes:t="application/pdf, .png, .jpg, .jpeg, image/jpeg, image/png, image/jpg, text/plain, image/*, .pdf, .doc, .docx, application/vnd",label:i,getFiles:a,removeFiles:l,handleFileClick:s,name:n,setFieldValue:r,toBase64:d,required:c,disabled:p,buttonText:m,withFilePreview:u=!0,multiple:f=!0,uploadedFiles:j,value:F,labelAddons:I,onError:b,fileAllowedSize:v,mode:x=h.attach,size:y="medium",iconProps:k={Component:ee},dataTestId:w=""}=e,C=F||j||[],T=H(null),[S,E]=V(!1),L=()=>E(!S),_=()=>{T.current&&T.current.click()},P=g(e=>{n&&r&&r(n,e)},[n,r]),R=g(e=>{var i;const o=null==(i=e.target)?void 0:i.files,l=f?Array.from(o):[o[0]];if(l){(e=>{const i=e.filter(e=>!(v&&!Q(v,e.size)));e.filter(e=>!(t&&!W(t,e.type))).length===e.length?i.length===e.length?(P(d?X(e):e),a&&a(e)):b&&b(A.size):b&&b(A.type)})(K(f?[...l,...C]:l))}T.current&&(T.current.value="")},[C,f]),U=g((e,t)=>{if(C){const i=C.filter((e,i)=>i!==t);P(i),l&&l(e)}},[C,l]);/* @__PURE__ */
+return z("div",{className:"file-upload","data-test-id":w,children:[
+/* @__PURE__ */o(G,{text:i,required:c,disabled:p,labelAddons:I,dataTestId:w?`${w}-label`:""}),
+/* @__PURE__ */z("div",{className:"file-upload__inner",children:[
+/* @__PURE__ */o("input",{name:n,type:"file",multiple:f,className:"hide",ref:T,accept:t,"data-test-id":w?`${w}-input`:"",onChange:R}),x===h.edit&&/* @__PURE__ */o("div",{className:"edit__icon","data-test-id":w?`${w}-trigger`:"",onMouseEnter:L,onMouseLeave:L,onClick:_,children:/* @__PURE__ */o(S?Y:Z,{size:"xxsmall",type:"secondary"})}),x===h.attach&&/* @__PURE__ */o(D,{type:"secondary",size:y,disabled:p,iconProps:k,onClick:_,buttonText:m,dataTestId:w?`${w}-action`:""}),
+/* @__PURE__ */o(J,{handleFileClick:s,onRemove:U,files:C,withFilePreview:u,dataTestId:w})]})]})};export{me as FileUpload};

package/components/FileUpload/UploadItems.js

@@ -1,6 +1,6 @@
-import{jsx as e,Fragment as u,jsxs as l}from"react/jsx-runtime";import{Text as h}from"../Text/Text.js";import"react";import"../../consts/index.js";import{useFormProps as _}from"../../hooks/useFormProps.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{openFileInNewWindow as g}from"../../utils/helpers.js";import{ErrorMessage as v}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Button as N}from"../Button/Button.js";import F from"../SVGIcons/IconDelete.js";const D=s=>{const{files:o,onRemove:r,withFilePreview:i,handleFileClick:t}=s,{errors:m}=_(),n=m&&m.files&&m.files.length>0;/* @__PURE__ */
-return e(u,{children:o.map((s,o)=>{var a,p;/* @__PURE__ */
-return e("div",{className:"upload-item mt-4 "+(n&&null!=(a=m.files[o])&&a.message?"upload-item--error":""),children:/* @__PURE__ */e("div",{className:"upload-item__inner",children:/* @__PURE__ */l("div",{className:"upload-item__content mb-2",children:[
+import{jsx as o,Fragment as h,jsxs as l}from"react/jsx-runtime";import{Text as _}from"../Text/Text.js";import"react";import"../../consts/index.js";import{useFormProps as $}from"../../hooks/useFormProps.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{openFileInNewWindow as g}from"../../utils/helpers.js";import{ErrorMessage as I}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Button as v}from"../Button/Button.js";import N from"../SVGIcons/IconDelete.js";const D=e=>{const{files:s,onRemove:t,withFilePreview:r,handleFileClick:i,dataTestId:a=""}=e,{errors:m}=$(),n=m&&m.files&&m.files.length>0;/* @__PURE__ */
+return o(h,{children:s.map((e,s)=>{var d,p;/* @__PURE__ */
+return o("div",{className:"upload-item mt-4 "+(n&&null!=(d=m.files[s])&&d.message?"upload-item--error":""),"data-test-id":a?`${a}-item-${s}`:"",children:/* @__PURE__ */o("div",{className:"upload-item__inner",children:/* @__PURE__ */l("div",{className:"upload-item__content mb-2",children:[
 /* @__PURE__ */l("div",{className:"upload-item__content__inner pr-8",children:[
-/* @__PURE__ */e(h,{size:"small",lineHeight:"medium",className:"upload-item__text",onClick:e=>i&&g({e:e,file:s,handleFileClick:t}),children:s.name}),n&&/* @__PURE__ */e(v,{message:null==(p=m.files[o])?void 0:p.message})]}),
-/* @__PURE__ */e(N,{type:"tertiary",size:"small",iconProps:{Component:F},onClick:()=>{r(s,o)}})]})})},o)})})};export{D as UploadItems};
+/* @__PURE__ */o(_,{size:"small",lineHeight:"medium",className:"upload-item__text",dataTestId:a?`${a}-item-${s}-text`:"",onClick:s=>r&&g({e:s,file:e,handleFileClick:i}),children:e.name}),n&&/* @__PURE__ */o(I,{message:null==(p=m.files[s])?void 0:p.message,dataTestId:a?`${a}-item-${s}`:""})]}),
+/* @__PURE__ */o(v,{type:"tertiary",size:"small",iconProps:{Component:N},dataTestId:a?`${a}-item-${s}-close`:"",onClick:()=>{t(e,s)}})]})})},s)})})};export{D as UploadItems};

package/components/FileUpload/types.d.ts

@@ -1,7 +1,8 @@
 import { FILE_UPLOAD_ERRORS } from '../../consts';
-import { FileTypeEnum } from '../../type';
+import { FileTypeEnum, IBaseProps, IFormCompProps } from '../../type';
 import { Dispatch, SetStateAction } from 'react';
 import { Accept, DropzoneOptions } from 'react-dropzone';
+import { TButtonPropTypes } from '../Button/types';
 export interface TFileUploadProps extends IFormCompProps {
     allowedTypes?: string;
     label?: string | React.ReactElement;
@@ -20,13 +21,15 @@ export interface TFileUploadProps extends IFormCompProps {
     labelAddons?: React.ReactElement;
     onError?: (errorType: FILE_UPLOAD_ERRORS) => void;
     fileAllowedSize?: number;
+    size?: TButtonPropTypes['size'];
+    iconProps?: TButtonPropTypes['iconProps'];
 }
 export declare enum FileUploadMode {
     edit = "edit",
     attach = "attach",
     view = "view"
 }
-export interface IUploadItemPropTypes {
+export interface IUploadItemPropTypes extends IBaseProps {
     name?: string;
     onRemove: (file: File, index: number) => void;
     fileType?: string;

package/components/FormContainer/FormContainer.js

@@ -1 +1 @@
-import{jsx as t,jsxs as O,Fragment as P}from"react/jsx-runtime";import{useEffect as R,createElement as U}from"react";import{useForm as W}from"react-hook-form";import{yupResolver as q}from"@hookform/resolvers/yup";import z from"classnames";import{FormContext as A}from"../../context/types.js";import{Button as G}from"../Button/Button.js";const X=r=>{const{children:e,className:s="",shouldUnregister:o,shouldFocusError:i=!0,mode:a="onBlur",initialValues:m,validationScheme:n,buttonConfigs:l,formId:u,language:c,onSubmit:d}=r,{handleSubmit:g,register:f,setValue:h,control:S,formState:b,getValues:p,watch:F,reset:y,clearErrors:E,setError:v,trigger:j,getFieldState:x,unregister:V}=W({mode:a,resolver:q(n),defaultValues:m,shouldFocusError:i,shouldUnregister:o}),{errors:k,isDirty:B,isSubmitted:C,isSubmitting:N,dirtyFields:w}=b,D=r=>{d&&d(r,b,w)};return R(()=>{if(b.isSubmitted){const r=Object.keys(b.errors);r.length>0&&j(r)}},[c]),/* @__PURE__ */t("form",{onSubmit:g(D),id:u,className:z("form-container",s),children:/* @__PURE__ */t(A.Provider,{value:{trigger:j,register:f,errors:k,control:S,setValue:h,getValues:p,watch:F,reset:y,isDirty:B,isSubmitted:C,isSubmitting:N,clearErrors:E,setError:v,dirtyFields:w,getFieldState:x,unregister:V,onSubmit:()=>g(D)()},children:/* @__PURE__ */O(P,{children:[e,l&&/* @__PURE__ */t("div",{className:"form-container__buttons",children:l.map((r,e)=>/* @__PURE__ */U(G,{...r,key:e}))})]})})})};export{X as FormContainer};
+import{jsx as o,jsxs as O,Fragment as P}from"react/jsx-runtime";import{useEffect as R,createElement as U}from"react";import{useForm as W}from"react-hook-form";import{yupResolver as q}from"@hookform/resolvers/yup";import z from"classnames";import{FormContext as A}from"../../context/types.js";import{Button as G}from"../Button/Button.js";const Y=t=>{const{children:r,className:e="",shouldUnregister:s,shouldFocusError:i=!0,mode:a="onBlur",initialValues:n,validationScheme:m,buttonConfigs:l,formId:u,language:d,onSubmit:c,dataTestId:g=""}=t,{handleSubmit:f,register:h,setValue:b,control:S,formState:p,getValues:F,watch:y,reset:E,clearErrors:V,setError:v,trigger:j,getFieldState:x,unregister:k}=W({mode:a,resolver:q(m),defaultValues:n,shouldFocusError:i,shouldUnregister:s}),{errors:B,isDirty:I,isSubmitted:C,isSubmitting:N,dirtyFields:T,isValid:$}=p,w=t=>{c&&c(t,p,T)};return R(()=>{if(p.isSubmitted){const t=Object.keys(p.errors);t.length>0&&j(t)}},[d]),/* @__PURE__ */o("form",{onSubmit:f(w),id:u,"data-test-id":g,className:z("form-container",e),children:/* @__PURE__ */o(A.Provider,{value:{trigger:j,register:h,errors:B,control:S,setValue:b,getValues:F,watch:y,reset:E,isDirty:I,isSubmitted:C,isSubmitting:N,clearErrors:V,setError:v,dirtyFields:T,getFieldState:x,unregister:k,isValid:$,onSubmit:()=>f(w)()},children:/* @__PURE__ */O(P,{children:[r,l&&/* @__PURE__ */o("div",{className:"form-container__buttons","data-test-id":g?`${g}-buttons`:"",children:l.map((t,r)=>/* @__PURE__ */U(G,{...t,key:r,dataTestId:g?`${g}-button-${r}`:t.dataTestId}))})]})})})};export{Y as FormContainer};

package/components/FormContainer/types.d.ts

@@ -1,3 +1,4 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
 import { FormState, ValidationMode } from 'react-hook-form';
 import { AnyObjectSchema } from 'yup';
@@ -5,7 +6,7 @@ import { TButtonPropTypes } from '../Button/types';
 export type TDirtyFields = Partial<Readonly<{
     [x: string]: unknown;
 }>>;
-export interface FormPropTypes {
+export interface FormPropTypes extends IBaseProps {
     className?: string;
     onSubmit?: (data: TFormData, formState: FormState<TFormData>, dirtyFields?: TDirtyFields) => void;
     children?: ReactNode;

package/components/FormField/FormField.js

@@ -1,3 +1,3 @@
-import{jsx as s,jsxs as M,Fragment as V}from"react/jsx-runtime";import{useContext as N}from"react";import{ErrorMessage as C}from"@hookform/error-message";import{ErrorMessage as j}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as v}from"../../context/types.js";import{Controller as y}from"react-hook-form";import D from"classnames";const b=r=>{const{As:e,name:o,className:a="",dataId:t="",hideErrorMessage:l=!1,errorMessageIcon:n,defaultValue:i}=r,{register:m,errors:d,setValue:u,control:c}=N(v);if(!m)return null;const f=m(o);/* @__PURE__ */
-return s("div",{className:D("form-container__field",a,o),children:/* @__PURE__ */s(y,{control:c,name:o,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>{var i;/* @__PURE__ */
-return M(V,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataId:t,...f,setFieldValue:(r,e,s)=>u(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...s}),...r}),l?null:/* @__PURE__ */s(C,{name:null!=(i=null==d?void 0:d[o])&&i.root?`${o}.root`:o,errors:d,render:({message:r})=>/* @__PURE__ */s(j,{dataId:t,message:r||"",className:"full-width",icon:n})})]})}})})};export{b as FormField};
+import{jsx as s,jsxs as M,Fragment as V}from"react/jsx-runtime";import{useContext as N}from"react";import{ErrorMessage as C}from"@hookform/error-message";import{ErrorMessage as T}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{FormContext as j}from"../../context/types.js";import{Controller as v}from"react-hook-form";import y from"classnames";const b=r=>{const{As:e,name:o,className:a="",dataTestId:t="",hideErrorMessage:l=!1,errorMessageIcon:n,defaultValue:i}=r,{register:m,errors:d,setValue:u,control:c}=N(j);if(!m)return null;const f=m(o);/* @__PURE__ */
+return s("div",{className:y("form-container__field",a,o),children:/* @__PURE__ */s(v,{control:c,name:o,...i?{defaultValue:i}:{},render:({field:r,fieldState:a})=>{var i;/* @__PURE__ */
+return M(V,{children:[e({hasError:!!a.error,isValid:a.isTouched&&a.isDirty&&!a.invalid,dataTestId:t,...f,setFieldValue:(r,e,s)=>u(r,e,{shouldValidate:!0,shouldDirty:!0,shouldTouch:!0,...s}),...r}),l?null:/* @__PURE__ */s(C,{name:null!=(i=null==d?void 0:d[o])&&i.root?`${o}.root`:o,errors:d,render:({message:r})=>/* @__PURE__ */s(T,{dataTestId:t,message:r||"",className:"full-width",icon:n})})]})}})})};export{b as FormField};

package/components/FormField/types.d.ts

@@ -1,8 +1,8 @@
-export interface TFormFieldPropTypes {
+import { IBaseProps, IFormCompProps } from '../../type';
+export interface TFormFieldPropTypes extends IBaseProps {
     As: (props: IFormCompProps) => React.ReactElement;
     name: string;
     className?: string;
-    dataId?: string;
     hideErrorMessage?: boolean;
     errorMessageIcon?: string;
     defaultValue?: any;

package/components/Heading/Heading.js

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:l="h1",weight:t="regular",onClick:o=d,dataId:m=""}=e;/* @__PURE__ */
-return n(l,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,t,r&&`lh-${r}`,s),children:a})};export{f as Heading};
+import{jsx as n}from"react/jsx-runtime";import{noop as d}from"../../utils/helpers.js";import c from"classnames";const f=e=>{const{children:a,className:s="",size:i="small",lineHeight:r="large",type:t="h1",weight:l="regular",onClick:o=d,dataTestId:m=""}=e;/* @__PURE__ */
+return n(t,{dataid:m,onClick:o,className:c("heading",i&&`heading-${i}`,l,r&&`lh-${r}`,s),children:a})};export{f as Heading};

package/components/Heading/types.d.ts

@@ -1,5 +1,6 @@
+import { IBaseProps } from '../../type';
 import { ElementType, ReactNode } from 'react';
-export interface HeadingPropTypes {
+export interface HeadingPropTypes extends IBaseProps {
     children?: ReactNode;
     type?: ElementType;
     size?: 'xsmall' | 'small' | 'standard' | 'medium' | 'large' | 'xlarge';
@@ -7,5 +8,4 @@ export interface HeadingPropTypes {
     lineHeight?: 'xsmall' | 'small' | 'medium' | 'large';
     className?: string;
     onClick?: (event: TClickEventType) => void;
-    dataId?: string;
 }

package/components/Image/Image.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";const d=a=>{const{name:e,imagePath:s="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:t,backgroundSize:g,className:m="",isFullWidth:c,isFullHeight:r,ratio:l}=a;return t?/* @__PURE__ */i("div",{className:`image image--bg ${m}`,style:{backgroundImage:""+(s?`url(${s})`:""),backgroundSize:g,aspectRatio:l}}):/* @__PURE__ */i("img",{className:`image ${m}`,src:s,alt:e,style:{aspectRatio:l,width:c?"100%":"",height:r?"100%":""}})};export{d as Image};
+import{jsx as i}from"react/jsx-runtime";const n=a=>{const{name:e,imagePath:t="static/media/src/assets/images/image-placeholder.png",isBackgroundImage:s,backgroundSize:g,className:m="",isFullWidth:c,isFullHeight:r,ratio:d,dataTestId:l=""}=a;return s?/* @__PURE__ */i("div",{"data-test-id":l,className:`image image--bg ${m}`,style:{backgroundImage:""+(t?`url(${t})`:""),backgroundSize:g,aspectRatio:d}}):/* @__PURE__ */i("img",{"data-test-id":l,className:`image ${m}`,src:t,alt:e,style:{aspectRatio:d,width:c?"100%":"",height:r?"100%":""}})};export{n as Image};

package/components/Image/types.d.ts

@@ -1,4 +1,5 @@
-export interface ImagePropTypes {
+import { IBaseProps } from '../../type';
+export interface ImagePropTypes extends IBaseProps {
     name?: string;
     imagePath?: string;
     className?: string;

package/components/Input/Input.js

@@ -1,9 +1,9 @@
-import{jsx as l,jsxs as d,Fragment as E}from"react/jsx-runtime";import r,{useMemo as V}from"react";import I from"react-input-mask";import h from"classnames";import{NumericFormat as P}from"react-number-format";import{ErrorMessage as ii}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Label as li}from"../../helperComponents/Label/Label.js";import{Text as k}from"../Text/Text.js";import ni from"../SVGIcons/IconCheckmarkCircleFilled.js";const mi=r.forwardRef(({datePlaceHolderText:e,className:a,size:s="medium",error:n,hasError:r,label:i,mask:o,maskChar:t,maskPlaceholder:m,currentValue:c,name:u,leftIconProps:p,rightIconProps:g,disabled:f,required:v,readonly:C,placeholder:N,type:x="text",helperText:b,successMessage:y,maxCount:_,setFieldValue:w,handleChange:j,dataId:z="",isValid:F,allowLeadingZeros:L,thousandSeparator:M="",allowNegative:B=!1,hideCounter:T=!1,labelAddons:A,witUpperCase:S=!1,isAllowed:$,onChange:q,handleBlurEvent:O,...R},U)=>{const Z=void 0!==r?r:!!n,G=i===N?"":N||e,H=e=>{const l=e.target.value,a="numeric"===x?l.replace(new RegExp(M,"g"),""):l;l.length-1!==_&&(q&&q(e),w&&u&&w(u,a),j&&j(e,S?a.toUpperCase():a))},D=V(()=>c?c.length:R&&R.value&&"string"==typeof R.value?R.value.length:0,[R,c]),J=e=>{var l;null==(l=null==R?void 0:R.onBlur)||l.call(R,e),null==O||O(e)},K=o?
-/* @__PURE__ */l(I,{name:u,mask:o,ref:()=>U&&U(),...R,placeholder:G,onBlur:J,onChange:H,disabled:f,"data-id":z,className:""+(Z?"with-error-styles":""),...c?{value:c}:{},maskChar:t,maskPlaceholder:m}):"numeric"===x?
-/* @__PURE__ */l(P,{...R,name:u,onChange:H,placeholder:G,readOnly:C,allowLeadingZeros:L,thousandSeparator:M,allowNegative:B,maxLength:_,inputMode:"numeric",disabled:f,isAllowed:$,onBlur:J,...void 0!==c?{value:c}:{}}):
-/* @__PURE__ */l("input",{readOnly:C,disabled:f,name:u,ref:U,type:x,placeholder:G,"data-id":z,...R,onBlur:J,onChange:H,...void 0!==c?{value:c}:{}});/* @__PURE__ */
-return d("div",{className:h(`input input--${s}`,a,{"input--icon-left":p,"input--icon-right":g,"input--invalid":Z||!!n,"input--valid":F,"input--disabled":f}),children:[
-/* @__PURE__ */l(li,{text:i,required:v,disabled:f,labelAddons:A,dataId:z}),
-/* @__PURE__ */d("div",{className:"input__inner",children:[K,null!=p&&p.Component?/* @__PURE__ */l(p.Component,{size:"small",...p,className:h("input__icon","input__icon--left",{[p.className||""]:!!p.className})}):null,null!=g&&g.Component?/* @__PURE__ */l(g.Component,{size:"small",...g,className:h("input__icon","input__icon--right",{[g.className||""]:!!g.className})}):null]}),n||y||b||_?/* @__PURE__ */d("div",{className:"input__message mt-8",children:[Z&&n?/* @__PURE__ */l(ii,{message:n,icon:"infoFilled",dataId:z}):null,y?/* @__PURE__ */l(k,{size:"small",type:"success",className:"flexbox align-items--center",children:/* @__PURE__ */d(E,{children:[
+import{jsx as l,jsxs as d,Fragment as T}from"react/jsx-runtime";import r,{useMemo as V}from"react";import I from"react-input-mask";import h from"classnames";import{NumericFormat as P}from"react-number-format";import{ErrorMessage as ii}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Label as li}from"../../helperComponents/Label/Label.js";import{Text as k}from"../Text/Text.js";import ni from"../SVGIcons/IconCheckmarkCircleFilled.js";const mi=r.forwardRef(({datePlaceHolderText:e,className:a,size:s="medium",error:n,hasError:r,label:i,mask:t,maskChar:o,maskPlaceholder:m,currentValue:c,name:u,leftIconProps:p,rightIconProps:g,disabled:f,required:v,readonly:C,placeholder:N,type:x="text",helperText:b,successMessage:y,maxCount:_,setFieldValue:w,handleChange:j,dataTestId:z="",isValid:E,allowLeadingZeros:F,thousandSeparator:L="",allowNegative:M=!1,hideCounter:B=!1,labelAddons:A,witUpperCase:S=!1,isAllowed:$,onChange:q,handleBlurEvent:O,...R},U)=>{const Z=void 0!==r?r:!!n,G=i===N?"":N||e,H=e=>{const l=e.target.value,a="numeric"===x?l.replace(new RegExp(L,"g"),""):l;l.length-1!==_&&(q&&q(e),w&&u&&w(u,a),j&&j(e,S?a.toUpperCase():a))},D=V(()=>c?c.length:R&&R.value&&"string"==typeof R.value?R.value.length:0,[R,c]),J=e=>{var l;null==(l=null==R?void 0:R.onBlur)||l.call(R,e),null==O||O(e)},K=t?
+/* @__PURE__ */l(I,{name:u,mask:t,ref:()=>U&&U(),...R,placeholder:G,onBlur:J,onChange:H,disabled:f,"data-test-id":z,className:""+(Z?"with-error-styles":""),...c?{value:c}:{},maskChar:o,maskPlaceholder:m}):"numeric"===x?
+/* @__PURE__ */l(P,{...R,name:u,onChange:H,placeholder:G,readOnly:C,allowLeadingZeros:F,thousandSeparator:L,allowNegative:M,maxLength:_,inputMode:"numeric",disabled:f,isAllowed:$,onBlur:J,...void 0!==c?{value:c}:{}}):
+/* @__PURE__ */l("input",{readOnly:C,disabled:f,name:u,ref:U,type:x,placeholder:G,"data-test-id":z,...R,onBlur:J,onChange:H,...void 0!==c?{value:c}:{}});/* @__PURE__ */
+return d("div",{className:h(`input input--${s}`,a,{"input--icon-left":p,"input--icon-right":g,"input--invalid":Z||!!n,"input--valid":E,"input--disabled":f}),children:[
+/* @__PURE__ */l(li,{text:i,required:v,disabled:f,labelAddons:A,dataTestId:z}),
+/* @__PURE__ */d("div",{className:"input__inner",children:[K,null!=p&&p.Component?/* @__PURE__ */l(p.Component,{size:"small",...p,className:h("input__icon","input__icon--left",{[p.className||""]:!!p.className})}):null,null!=g&&g.Component?/* @__PURE__ */l(g.Component,{size:"small",...g,className:h("input__icon","input__icon--right",{[g.className||""]:!!g.className})}):null]}),n||y||b||_?/* @__PURE__ */d("div",{className:"input__message mt-8",children:[Z&&n?/* @__PURE__ */l(ii,{message:n,icon:"infoFilled",dataTestId:z}):null,y?/* @__PURE__ */l(k,{size:"small",type:"success",className:"flexbox align-items--center",children:/* @__PURE__ */d(T,{children:[
 /* @__PURE__ */l(ni,{type:"success",size:"xsmall"}),
-/* @__PURE__ */l("span",{className:"ml-4",children:y})]})}):null,!b||y||Z||n?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",children:b}),!_||T||r?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",className:"input__counter",children:`${D}/${_}`})]}):null]})});mi.displayName="FormInput";export{mi as Input};
+/* @__PURE__ */l("span",{className:"ml-4",children:y})]})}):null,!b||y||Z||n?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",children:b}),!_||B||r?null:/* @__PURE__ */l(k,{size:"small",type:f?"disabled":"secondary",className:"input__counter",children:`${D}/${_}`})]}):null]})});mi.displayName="FormInput";export{mi as Input};

package/components/Input/types.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactElement, RefObject, FocusEvent } from 'react';
-import { ISVGIconProps } from '../../type';
+import { ISVGIconProps, IFormCompProps } from '../../type';
 export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onFocus' | 'value' | 'onChange' | 'autoComplete'> {
     mask?: string;
     maskChar?: string | null;
@@ -39,4 +39,5 @@ export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttribut
         value: string;
         floatValue: number | undefined;
     }) => boolean;
+    allowEmptyFormatting?: boolean;
 }

package/components/LineChart/LineChart.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TLineChartProps } from './types';
+export declare const LineChart: ({ data, dataTestId }: TLineChartProps) => React.ReactElement;

package/components/LineChart/LineChart.js

@@ -0,0 +1,9 @@
+import{jsxs as i,jsx as t,Fragment as $}from"react/jsx-runtime";import m from"classnames";import{Text as c}from"../Text/Text.js";import{Divider as g}from"../Divider/Divider.js";import{generateLinePath as _,formatWithDots as d}from"./helper.js";const y=({data:e,dataTestId:a=""})=>{const s=_(e);/* @__PURE__ */
+return i("div",{"data-test-id":a,children:[
+/* @__PURE__ */t("div",{className:"bar",children:s.map(({percentage:e,color:i},r)=>/* @__PURE__ */t("div",{"data-test-id":a?`${a}-segment-${r}`:"",className:m("bar__segment",`bar__segment--color-${i}`,{"bar__segment--first":0===r,"bar__segment--last":r===s.length-1}),style:{flexBasis:`${e}%`}},`line-chart-segment-${r}`))}),
+/* @__PURE__ */t("div",{className:"line-chart-status",children:s.map(({label:e,dataCurrency:r,color:l,quantity:n,isHidden:o},h)=>!o&&/* @__PURE__ */i($,{children:[
+/* @__PURE__ */i("div",{className:"flexbox justify-content--between pt-6 pb-6","data-test-id":a?`${a}-item-${h}`:"",children:[
+/* @__PURE__ */i("div",{className:"flexbox align-items--center",children:[
+/* @__PURE__ */t("span",{className:m("status__circle",`status__circle--${l}`)}),
+/* @__PURE__ */t(c,{type:"tertiary",dataTestId:a?`${a}-label-${h}`:"",children:e})]}),
+/* @__PURE__ */t("div",{children:/* @__PURE__ */i(c,{dataTestId:a?`${a}-value-${h}`:"",children:[d(n)," ",r]})})]},`line-chart-status-${h}`),h!==s.length-1&&/* @__PURE__ */t(g,{type:"primary",isHorizontal:!0,color:"grey"})]}))})]})};export{y as LineChart};

package/components/LineChart/helper.d.ts

@@ -0,0 +1,3 @@
+import { TLineChartProps, TLineChartDataItemWithPercentage } from './types';
+export declare const generateLinePath: (data: TLineChartProps["data"]) => TLineChartDataItemWithPercentage[];
+export declare const formatWithDots: (num: number) => string;

package/components/LineChart/helper.js

@@ -0,0 +1 @@
+const o=e=>{if(!e||0===e.length)return[];const t=e.reduce((e,{quantity:t})=>e+t,0);return e.map(e=>({...e,percentage:e.quantity/t*100}))},u=e=>new Intl.NumberFormat("en-US",{useGrouping:!0}).format(e).replace(/,/g,".");export{u as formatWithDots,o as generateLinePath};

package/components/LineChart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LineChart';
+export * from './types';

package/components/LineChart/index.js

@@ -0,0 +1 @@
+import{LineChart as o}from"./LineChart.js";export{o as LineChart};

package/components/LineChart/types.d.ts

@@ -0,0 +1,15 @@
+import { IBaseProps } from '../../type';
+export type TLineChartColor = 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey' | 'red';
+export type TLineChartDataItem = {
+    quantity: number;
+    dataCurrency?: string;
+    label: string;
+    color: TLineChartColor;
+    isHidden?: boolean;
+};
+export interface TLineChartDataItemWithPercentage extends TLineChartDataItem {
+    percentage: number;
+}
+export type TLineChartProps = IBaseProps & {
+    data: Array<TLineChartDataItem>;
+};

package/components/Link/Link.js

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as o}from"react/jsx-runtime";import m from"classnames";const h=a=>{const{children:e,afterLink:n,beforeLink:r,className:t="",url:i,dataId:l="",target:s,type:c="brand",onclick:k}=a;return r||n?/* @__PURE__ */d("span",{className:t,children:[r,
-/* @__PURE__ */o("a",{onClick:a=>{k&&(a.preventDefault(),k())},href:i,className:`link link-${c}`,"data-id":l?`${l}-link`:"",target:s,children:e}),n]}):/* @__PURE__ */o("a",{onClick:a=>{k&&(a.preventDefault(),k())},href:i,className:m(`link ${t} link-${c}`),"data-id":l?`${l}-link`:"",target:s,children:e})};export{h as Link};
+import{jsxs as d,jsx as o}from"react/jsx-runtime";import m from"classnames";const h=e=>{const{children:a,afterLink:t,beforeLink:n,className:r="",url:s,dataTestId:i="",target:l,type:c="brand",onclick:k}=e;return n||t?/* @__PURE__ */d("span",{className:r,children:[n,
+/* @__PURE__ */o("a",{onClick:e=>{k&&(e.preventDefault(),k())},href:s,className:`link link-${c}`,"data-test-id":i?`${i}-link`:"",target:l,children:a}),t]}):/* @__PURE__ */o("a",{onClick:e=>{k&&(e.preventDefault(),k())},href:s,className:m(`link ${r} link-${c}`),"data-test-id":i?`${i}-link`:"",target:l,children:a})};export{h as Link};

package/components/Link/types.d.ts

@@ -1,10 +1,10 @@
+import { IBaseProps } from '../../type';
 type TLinkTypes = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
-export interface LinkPropTypes {
+export interface LinkPropTypes extends IBaseProps {
     children?: string | React.ReactElement;
     className?: string;
     type?: TLinkTypes;
     url?: string;
-    dataId?: string;
     target?: string;
     beforeLink?: string | React.ReactElement;
     afterLink?: string | React.ReactElement;

package/components/Menu/Menu.js

@@ -1,3 +1,3 @@
 import{jsx as n,Fragment as c,jsxs as j}from"react/jsx-runtime";import{useState as k,useId as w,useMemo as E}from"react";import{createPortal as H}from"react-dom";import{useGetElemSizes as g}from"../../hooks/useGetElemSizes.js";import{useGetElemPositions as I}from"../../hooks/useGetElemPositions.js";import{useGetTooltipPosition as T}from"../../hooks/useGetTooltipPosition.js";import{useHideOnScroll as z}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as F}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{OptionItem as L}from"../../helperComponents/OptionItem/OptionItem.js";import W from"classnames";const _=e=>{const{menuItems:t=[],parentRef:o,onClose:s,isOpen:i,position:l="bottom-right",className:r="",children:m=null}=e,[a,p]=k(null);F(a,s,i,w()),z(s);const{left:u,top:d}=I(o),{width:f,height:h}=g(o),{width:O,height:b}=g(a),P=T({tooltipRef:a,elemRef:o,initialPosition:l,hasTriangle:!1}),S=E(()=>"bottom-right"===P?{left:u+4,top:d+4+h}:"bottom-left"===P?{left:u-O+f,top:d+4+h}:"top-right"===P?{left:u+4,top:d-b-4}:"top-left"===P?{left:u-O+f,top:d-b-4}:{left:u,top:d+4+h},[u,d,f,P,O,h,b]);return o&&i?/* @__PURE__ */n(c,{children:H(
 /* @__PURE__ */n("div",{className:W("select","select--menu",r),style:S,ref:p,children:/* @__PURE__ */j(c,{children:[m,
-/* @__PURE__ */n(c,{children:null==t?void 0:t.map(({label:e,meta:t,value:o,handler:i,iconProps:l,disabled:r,dataId:m})=>/* @__PURE__ */n(L,{dataId:m,disabled:r,data:{label:e,value:o,meta:t},labelLeftIconProps:l,onClick:()=>{s(),i&&i()}},o))})]})}),document.body)}):null};export{_ as Menu};
+/* @__PURE__ */n(c,{children:null==t?void 0:t.map(({label:e,meta:t,value:o,handler:i,iconProps:l,disabled:r,dataTestId:m})=>/* @__PURE__ */n(L,{dataTestId:m,disabled:r,data:{label:e,value:o,meta:t},labelLeftIconProps:l,onClick:()=>{s(),i&&i()}},o))})]})}),document.body)}):null};export{_ as Menu};

package/components/Menu/NestedMenu.js

@@ -1,3 +1,3 @@
-import{jsx as i,Fragment as w}from"react/jsx-runtime";import{useState as x,useId as E,useMemo as H}from"react";import{createPortal as T}from"react-dom";import{useGetElemSizes as h}from"../../hooks/useGetElemSizes.js";import{useGetElemPositions as $}from"../../hooks/useGetElemPositions.js";import{useGetTooltipPosition as j}from"../../hooks/useGetTooltipPosition.js";import{useHideOnScroll as v}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as z}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import C from"classnames";import"motion/react";import"dayjs";import"../../consts/index.js";import{CollapseGroup as F}from"../Collapse/CollapseGroup/CollapseGroup.js";import{OptionItem as L}from"../../helperComponents/OptionItem/OptionItem.js";const it=({menuItems:e=[],parentRef:t,onClose:o,isOpen:s,position:m="bottom-right",className:l=""})=>{const[r,a]=x(null);z(r,o,!!s,E()),v(o);const{left:n,top:p}=$(t),{width:u,height:c}=h(t),{width:d,height:f}=h(r),b=j({tooltipRef:r,elemRef:t,initialPosition:m,hasTriangle:!1}),k=H(()=>"bottom-right"===b?{left:n+4,top:p+4+c}:"bottom-left"===b?{right:0,top:p+4+c}:"top-right"===b?{left:n+4,top:p-f-4}:"top-left"===b?{left:n-d+u,top:p-f-4}:{left:n,top:p+4+c},[n,p,u,b,d,c,f]);if(!t||!s)return null;const I=e.map((e,t)=>({...e,content:e.subItems?/* @__PURE__ */i("div",{className:"nested-menu__sub-items select",children:e.subItems.map(({label:e,meta:s,value:m,handler:l,iconProps:r,disabled:a,dataId:n})=>/* @__PURE__ */i(L,{dataId:n,disabled:a,data:{label:e,value:m,meta:s},labelLeftIconProps:r,onClick:()=>{o(),null==l||l()},className:"nested-menu__sub-item"},`${t}-${m}`))}):null}));/* @__PURE__ */
+import{jsx as i,Fragment as w}from"react/jsx-runtime";import{useState as x,useId as E,useMemo as H}from"react";import{createPortal as T}from"react-dom";import{useGetElemSizes as h}from"../../hooks/useGetElemSizes.js";import{useGetElemPositions as $}from"../../hooks/useGetElemPositions.js";import{useGetTooltipPosition as j}from"../../hooks/useGetTooltipPosition.js";import{useHideOnScroll as v}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import{useOnOutsideClick as z}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import C from"classnames";import"motion/react";import"dayjs";import"../../consts/index.js";import{CollapseGroup as F}from"../Collapse/CollapseGroup/CollapseGroup.js";import{OptionItem as L}from"../../helperComponents/OptionItem/OptionItem.js";const it=({menuItems:e=[],parentRef:t,onClose:o,isOpen:s,position:m="bottom-right",className:l=""})=>{const[r,a]=x(null);z(r,o,!!s,E()),v(o);const{left:n,top:p}=$(t),{width:u,height:c}=h(t),{width:d,height:f}=h(r),b=j({tooltipRef:r,elemRef:t,initialPosition:m,hasTriangle:!1}),k=H(()=>"bottom-right"===b?{left:n+4,top:p+4+c}:"bottom-left"===b?{right:0,top:p+4+c}:"top-right"===b?{left:n+4,top:p-f-4}:"top-left"===b?{left:n-d+u,top:p-f-4}:{left:n,top:p+4+c},[n,p,u,b,d,c,f]);if(!t||!s)return null;const I=e.map((e,t)=>({...e,content:e.subItems?/* @__PURE__ */i("div",{className:"nested-menu__sub-items select",children:e.subItems.map(({label:e,meta:s,value:m,handler:l,iconProps:r,disabled:a,dataTestId:n})=>/* @__PURE__ */i(L,{dataTestId:n,disabled:a,data:{label:e,value:m,meta:s},labelLeftIconProps:r,onClick:()=>{o(),null==l||l()},className:"nested-menu__sub-item"},`${t}-${m}`))}):null}));/* @__PURE__ */
 return i(w,{children:T(
 /* @__PURE__ */i("div",{className:C("nested-menu",l),style:k,ref:a,children:/* @__PURE__ */i(F,{items:I})}),document.body)})};export{it as NestedMenu};

package/components/Menu/types.d.ts

@@ -1,11 +1,11 @@
+import { IBaseProps } from '../../type';
 import { ReactNode } from 'react';
-export type TMenuItem = {
+export type TMenuItem = IBaseProps & {
     label: TItemLabel;
     value: TItemValue;
     iconProps?: TSelectIconProps;
     handler?: TCallBackFn;
     disabled?: boolean;
-    dataId?: string;
     meta?: string;
 };
 export type TMenuProps = {

package/components/Modal/ModalConfirmation.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { TModalConfirmationPropTypes } from './types';
-export declare const ModalConfirmation: ({ isOpen, onClose, onSubmit, title, className, size, buttonProps, dataIdPrefix, closeOnOutsideClick, iconProps, subtitle }: TModalConfirmationPropTypes) => ReactElement | null;
+export declare const ModalConfirmation: ({ isOpen, onClose, onSubmit, title, className, size, buttonProps, dataTestIdPrefix, closeOnOutsideClick, iconProps, subtitle }: TModalConfirmationPropTypes) => ReactElement | null;