hrm_ui_lib 2.0.0-alpha.32 → 2.0.0-alpha.33

package/README.md

@@ -29,21 +29,6 @@ How to use mixins:
 }
 ```
 
-## Icon Usage
-
-**For optimal tree-shaking**, import icons directly when icon names are known at build time:
-```typescript
-import { IconPerson, IconHome } from 'hrm_ui_lib/components/SVGIcons'
-```
-
-**For dynamic icon selection** (e.g., icon names from API or user input), use `IconDynamicComponent`:
-```typescript
-import { IconDynamicComponent } from 'hrm_ui_lib'
-<IconDynamicComponent componentName="person" />
-```
-
-The library uses an explicit icon registry instead of dynamic template string imports, which allows better tree-shaking while still supporting dynamic icon loading.
-
 # How to create new icon
     1. Add a new svg file in `svg-icons` folder.
     2. Make sure the icon is matching with the design.

package/components/Alert/Alert.js

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

package/components/Checkbox/Checkbox.js

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

package/components/DatePicker/CustomHeader/CustomHeader.js

@@ -1,7 +1,7 @@
-import{jsxs as p,jsx as r}from"react/jsx-runtime";import"../../Select/Select/Select.js";import"../../Select/MultiSelect/MultiSelect.js";import"react";import"../../Input/Input.js";import"classnames";import{noop as d,getYearOptions as N}from"../../../utils/helpers.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import{ButtonSelect as h}from"../../Select/ButtonSelect/ButtonSelect.js";import C from"../../SVGIcons/IconChevronLeft.js";import S from"../../SVGIcons/IconChevronRight.js";import{generateMonthOptions as Y}from"./helpers.js";const G=e=>{const{date:t,dataPrefix:o,changeYear:s,changeMonth:l,decreaseMonth:a,increaseMonth:i,startYear:n,endYear:c,prevMonthButtonDisabled:m,nextMonthButtonDisabled:u,locale:f,isMobile:j=!1}=e,I=Y(f),x=null==t?void 0:t.getMonth(),b=null==t?void 0:t.getFullYear();/* @__PURE__ */
+import{jsxs as p,jsx as r}from"react/jsx-runtime";import"../../Select/Select/Select.js";import"../../Select/MultiSelect/MultiSelect.js";import"react";import"../../Input/Input.js";import"classnames";import{noop as d,getYearOptions as N}from"../../../utils/helpers.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"../../SVGIcons/icon-registry.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import{ButtonSelect as h}from"../../Select/ButtonSelect/ButtonSelect.js";import C from"../../SVGIcons/IconChevronLeft.js";import S from"../../SVGIcons/IconChevronRight.js";import{generateMonthOptions as Y}from"./helpers.js";const J=e=>{const{date:t,dataPrefix:o,changeYear:s,changeMonth:i,decreaseMonth:l,increaseMonth:a,startYear:n,endYear:c,prevMonthButtonDisabled:m,nextMonthButtonDisabled:u,locale:f,isMobile:j=!1}=e,I=Y(f),x=null==t?void 0:t.getMonth(),b=null==t?void 0:t.getFullYear();/* @__PURE__ */
 return p("div",{className:"flexbox custom_header_container",children:[
-/* @__PURE__ */r(C,{size:"small",className:"cursor-pointer",dataId:o?`${o}-prev-month-button`:"",onClick:m?d:a,type:m?"disabled":"primary"}),
+/* @__PURE__ */r(C,{size:"small",className:"cursor-pointer",dataId:o?`${o}-prev-month-button`:"",onClick:m?d:l,type:m?"disabled":"primary"}),
 /* @__PURE__ */p("div",{className:"selects_container",children:[
-/* @__PURE__ */r(h,{size:"small",type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:48},placeHolder:(e=>{const t=I.find(t=>t.value===e);return null==t?void 0:t.label.toString()})(x),dataId:o?`${o}-month-select`:"",options:I,selectedItem:x,setSelectedItem:e=>l(e),dropdownWidth:150,isRequiredField:!0}),
+/* @__PURE__ */r(h,{size:"small",type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:48},placeHolder:(e=>{const t=I.find(t=>t.value===e);return null==t?void 0:t.label.toString()})(x),dataId:o?`${o}-month-select`:"",options:I,selectedItem:x,setSelectedItem:e=>i(e),dropdownWidth:150,isRequiredField:!0}),
 /* @__PURE__ */r(h,{type:"tertiary",className:"date_picker_select",offsets:j?{}:{top:42,left:138},placeHolder:b.toString(),dataId:o?`${o}-year-select`:"",size:"small",options:N(n,c),selectedItem:b,setSelectedItem:e=>s(e),dropdownWidth:100,isRequiredField:!0})]}),
-/* @__PURE__ */r(S,{size:"small",className:"cursor-pointer",dataId:o?`${o}-next-month-button`:"",onClick:u?d:i,type:u?"disabled":"primary"})]})};export{G as CustomHeader};
+/* @__PURE__ */r(S,{size:"small",className:"cursor-pointer",dataId:o?`${o}-next-month-button`:"",onClick:u?d:a,type:u?"disabled":"primary"})]})};export{J as CustomHeader};

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"motion/react";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"react-toastify/dist/ReactToastify.css";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:h,dataIdPrefix:j,modalOptions:C,...b}=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),R=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(I)},[I]),!Array.isArray(v))return null;const T=()=>{M(!0)},H=()=>{M(!1)},[S,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"motion/react";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../SVGIcons/icon-registry.js";import"react-toastify/dist/ReactToastify.css";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:h,modalOptions:C,...b}=e;K(u);const g=p?p.getFullYear():1900,I=d?d.getFullYear():/* @__PURE__ */(new Date).getFullYear()+5,k=void 0!==r&&Array.isArray(r)?r:o,[v,F]=D(k),[A,M]=D(!1),[O,P]=D(!1),R=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(k)},[k]),!Array.isArray(v))return null;const S=()=>{M(!0)},T=()=>{M(!1)},[H,Y]=v;/* @__PURE__ */
 return f(q,{children:[
-/* @__PURE__ */a(y,{readOnly:!0,onClick:T,dataId:m,disabled:x,placeholder:h,currentValue:(e=>{if(A&&!O)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:T}}),
-/* @__PURE__ */f(W,{isOpen:A,title:null==C?void 0:C.title,onClose:H,buttonProps:{confirm:{buttonText:null==C?void 0:C.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),P(!0),H()}},cancel:{buttonText:null==C?void 0:C.btnCancelText,onClick:H}},closeIcon:!0,children:[
+/* @__PURE__ */a(y,{readOnly:!0,onClick:S,dataId:m,disabled:x,placeholder:j,currentValue:(e=>{if(A&&!O)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:A,title:null==C?void 0:C.title,onClose:T,buttonProps:{confirm:{buttonText:null==C?void 0:C.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),P(!0),T()}},cancel:{buttonText:null==C?void 0:C.btnCancelText,onClick:T}},closeIcon:!0,children:[
 /* @__PURE__ */f("div",{className:"flexbox justify-content--between mb-16 gap-16",children:[
-/* @__PURE__ */a(y,{readOnly:!0,value:i(S,c)}),
+/* @__PURE__ */a(y,{readOnly:!0,value:i(H,c)}),
 /* @__PURE__ */a(y,{readOnly:!0,value:i(Y,c)})]}),
-/* @__PURE__ */a(G,{...b,inline:!0,locale:u,minDate:p,maxDate:d,startDate:S,endDate:Y,selectsRange:!0,disabled:x,onChange:R,onClickOutside:()=>{const[e,t]=v;(!e||!t)&&R([null,null])},renderCustomHeader:e=>/* @__PURE__ */a(X,{...e,locale:u,startYear:g,endYear:k,dataPrefix:j,isMobile:!0})})]})]})});Z.displayName="RangeDatePickerMobile";export{Z as RangeDatePickerMobile};
+/* @__PURE__ */a(G,{...b,inline:!0,locale:u,minDate:p,maxDate:d,startDate:H,endDate:Y,selectsRange:!0,disabled:x,onChange:R,onClickOutside:()=>{const[e,t]=v;(!e||!t)&&R([null,null])},renderCustomHeader:e=>/* @__PURE__ */a(X,{...e,locale:u,startYear:g,endYear:I,dataPrefix:h,isMobile:!0})})]})]})});Z.displayName="RangeDatePickerMobile";export{Z as RangeDatePickerMobile};

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"react-toastify/dist/ReactToastify.css";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__ */
+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"../../SVGIcons/icon-registry.js";import"react-toastify/dist/ReactToastify.css";import"dayjs";import"../../../consts/index.js";const O=({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};
+/* @__PURE__ */e("div",{className:"dz-file-upload__files--item__info-size",children:/* @__PURE__ */e(n,{size:"small",children:z(i.size)})})]})]})};export{O as PreviewItem};

package/components/FileUpload/DropzoneFileUpload/helpers.js

@@ -1 +1 @@
-import{FILE_ACCEPT_TYPE as $}from"../../../consts/index.js";import"../../../helpers/format-date.js";import{getTranslationLocale as p}from"../../../helpers/locale.js";import"react/jsx-runtime";import"react-toastify";import"classnames";import"dayjs";import"react-toastify/dist/ReactToastify.css";const L=(e,o)=>e.length>o?e.replace(/^(.{10}).*?(.{10}\.[^.]*)$/,"$1...$2"):e,s=(e,o=0)=>e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(o)} KB`:e<1073741824?`${(e/1048576).toFixed(o)} MB`:`${(e/1073741824).toFixed(o)} GB`,S=({allowedTypes:e,maxSize:o,locale:t})=>{const a=e.map(e=>$[e]).flat(),r=c(t),i=1===e.length?e[0]:e.reduce((e,o,t,a)=>t===a.length-1?`${e} ${r.or} ${o}`:e?`${e}, ${o}`:o,"");return{acceptTypes:a,maxSizeFormatted:s(o),acceptTypesMessage:i}},c=e=>{const o={en:{title:"Choose a file or drop it here",format:"format",formats:"formats",maxSize:"Maximum size up to $1.",fileInvalidType:"The file type should be $1",fileTooLarge:"The file is too large (Max $1)",tooManyFiles:"Too many files. Please select one file.",or:"or"},ru:{title:"Выберите файл или перетащите его сюда",format:"формат",formats:"форматы",maxSize:"Максимальный размер до $1",fileInvalidType:"Тип файла должен быть $1",fileTooLarge:"Файл слишком большой (Максимум $1)",tooManyFiles:"Слишком много файлов. Пожалуйста, выберите один файл.",or:"или"},hy:{title:"Ընտրեք ֆայլ կամ քաշեք այն այստեղ",format:"ֆորմատ",formats:"ֆորմատներ",maxSize:"Առավելագույն չափը՝ մինչև $1",fileInvalidType:"Ֆայլի տեսակը պետք է լինի $1",fileTooLarge:"Ֆայլը չափազանց մեծ է (Առավելագույնը $1)",tooManyFiles:"Չափազանց շատ ֆայլեր։ Խնդրում ենք ընտրել միայն մեկ ֆայլ։",or:"կամ"}};return o[e||p()]||o.en};export{s as formatFileSize,S as generateAreaContent,c as getDropzoneLocale,L as shortenFileName};
+import{FILE_ACCEPT_TYPE as p}from"../../../consts/index.js";import"../../../helpers/format-date.js";import{getTranslationLocale as $}from"../../../helpers/locale.js";import"react/jsx-runtime";import"react-toastify";import"classnames";import"dayjs";import"react";import"../../SVGIcons/icon-registry.js";import"react-toastify/dist/ReactToastify.css";const C=(e,o)=>e.length>o?e.replace(/^(.{10}).*?(.{10}\.[^.]*)$/,"$1...$2"):e,s=(e,o=0)=>e<1024?`${e} B`:e<1048576?`${(e/1024).toFixed(o)} KB`:e<1073741824?`${(e/1048576).toFixed(o)} MB`:`${(e/1073741824).toFixed(o)} GB`,v=({allowedTypes:e,maxSize:o,locale:t})=>{const a=e.map(e=>p[e]).flat(),r=c(t),i=1===e.length?e[0]:e.reduce((e,o,t,a)=>t===a.length-1?`${e} ${r.or} ${o}`:e?`${e}, ${o}`:o,"");return{acceptTypes:a,maxSizeFormatted:s(o),acceptTypesMessage:i}},c=e=>{const o={en:{title:"Choose a file or drop it here",format:"format",formats:"formats",maxSize:"Maximum size up to $1.",fileInvalidType:"The file type should be $1",fileTooLarge:"The file is too large (Max $1)",tooManyFiles:"Too many files. Please select one file.",or:"or"},ru:{title:"Выберите файл или перетащите его сюда",format:"формат",formats:"форматы",maxSize:"Максимальный размер до $1",fileInvalidType:"Тип файла должен быть $1",fileTooLarge:"Файл слишком большой (Максимум $1)",tooManyFiles:"Слишком много файлов. Пожалуйста, выберите один файл.",or:"или"},hy:{title:"Ընտրեք ֆայլ կամ քաշեք այն այստեղ",format:"ֆորմատ",formats:"ֆորմատներ",maxSize:"Առավելագույն չափը՝ մինչև $1",fileInvalidType:"Ֆայլի տեսակը պետք է լինի $1",fileTooLarge:"Ֆայլը չափազանց մեծ է (Առավելագույնը $1)",tooManyFiles:"Չափազանց շատ ֆայլեր։ Խնդրում ենք ընտրել միայն մեկ ֆայլ։",or:"կամ"}};return o[e||$()]||o.en};export{s as formatFileSize,v as generateAreaContent,c as getDropzoneLocale,C as shortenFileName};

package/components/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { ISVGIconProps } from '../SVGIcons/types';
+interface IconDynamicComponentProps extends ISVGIconProps {
+    componentName: string;
+}
+export declare const IconDynamicComponent: ({ componentName, ...rest }: IconDynamicComponentProps) => ReactElement | null;
+export {};

package/components/IconDynamicComponent/IconDynamicComponent.js

@@ -0,0 +1 @@
+import{jsx as l}from"react/jsx-runtime";import{useMemo as i,Suspense as m}from"react";import{getIcon as u}from"../SVGIcons/icon-registry.js";const r=/* @__PURE__ */new Map,g=({componentName:e,...n})=>{const t=i(()=>{if(!e)return null;const n=`Icon${t=e,t.replace(/^[a-z]/,r=>r.toUpperCase()).replace(/[A-Z]/g,r=>` ${r}`).trim().split(/\s|_|-/).map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join("")}`;var t;if(r.has(n))return r.get(n);const o=u(n);return o?(r.set(n,o),o):null},[e]);return t?/* @__PURE__ */l(m,{fallback:null,children:/* @__PURE__ */l(t,{...n})}):null};export{g as IconDynamicComponent};

package/components/IconDynamicComponent/index.d.ts

@@ -0,0 +1 @@
+export * from './IconDynamicComponent';

package/components/IconDynamicComponent/index.js

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

package/components/SVGIcons/icon-registry.d.ts

@@ -2,5 +2,5 @@ import type React from 'react';
 import type { ISVGIconProps } from './types';
 export type IconComponent = React.ComponentType<ISVGIconProps>;
 declare const iconRegistry: Record<string, React.LazyExoticComponent<IconComponent>>;
-export declare const getIcon: (iconName: string) => React.LazyExoticComponent<IconComponent> | undefined;
+export declare const getIcon: (iconName: string) => React.LazyExoticComponent<IconComponent>;
 export default iconRegistry;

package/components/SVGIcons/icon-registry.js

@@ -1 +1 @@
-import{lazy as i}from"react";const o={add:i(()=>import("./IconAdd.js")),addCircle:i(()=>import("./IconAddCircle.js")),addCircleFilled:i(()=>import("./IconAddCircleFilled.js")),addFilled:i(()=>import("./IconAddFilled.js")),airplaneTakeOff:i(()=>import("./IconAirplaneTakeOff.js")),airplaneTakeOffFilled:i(()=>import("./IconAirplaneTakeOffFilled.js")),alert:i(()=>import("./IconAlert.js")),alertBadge:i(()=>import("./IconAlertBadge.js")),alertBadgeFilled:i(()=>import("./IconAlertBadgeFilled.js")),alertFilled:i(()=>import("./IconAlertFilled.js")),am:i(()=>import("./IconAm.js")),amd:i(()=>import("./IconAmd.js")),amdFilled:i(()=>import("./IconAmdFilled.js")),apple:i(()=>import("./IconApple.js")),arrowDown:i(()=>import("./IconArrowDown.js")),arrowDownFilled:i(()=>import("./IconArrowDownFilled.js")),arrowDownLeft:i(()=>import("./IconArrowDownLeft.js")),arrowDownLeftFilled:i(()=>import("./IconArrowDownLeftFilled.js")),arrowDownload:i(()=>import("./IconArrowDownload.js")),arrowDownloadFilled:i(()=>import("./IconArrowDownloadFilled.js")),arrowEnter:i(()=>import("./IconArrowEnter.js")),arrowEnterFilled:i(()=>import("./IconArrowEnterFilled.js")),arrowExit:i(()=>import("./IconArrowExit.js")),arrowExitFilled:i(()=>import("./IconArrowExitFilled.js")),arrowExportLeftToRight:i(()=>import("./IconArrowExportLeftToRight.js")),arrowExportLeftToRightFilled:i(()=>import("./IconArrowExportLeftToRightFilled.js")),arrowExportRightToLeft:i(()=>import("./IconArrowExportRightToLeft.js")),arrowExportRightToLeftFilled:i(()=>import("./IconArrowExportRightToLeftFilled.js")),arrowExportUp:i(()=>import("./IconArrowExportUp.js")),arrowExportUpFilled:i(()=>import("./IconArrowExportUpFilled.js")),arrowImport:i(()=>import("./IconArrowImport.js")),arrowImportFilled:i(()=>import("./IconArrowImportFilled.js")),arrowLeft:i(()=>import("./IconArrowLeft.js")),arrowLeftFilled:i(()=>import("./IconArrowLeftFilled.js")),arrowRepeatAll:i(()=>import("./IconArrowRepeatAll.js")),arrowRepeatAllFilled:i(()=>import("./IconArrowRepeatAllFilled.js")),arrowReset:i(()=>import("./IconArrowReset.js")),arrowResetFilled:i(()=>import("./IconArrowResetFilled.js")),arrowRight:i(()=>import("./IconArrowRight.js")),arrowRightFilled:i(()=>import("./IconArrowRightFilled.js")),arrowSort:i(()=>import("./IconArrowSort.js")),arrowSortFilled:i(()=>import("./IconArrowSortFilled.js")),arrowSync:i(()=>import("./IconArrowSync.js")),arrowSyncFilled:i(()=>import("./IconArrowSyncFilled.js")),arrowUp:i(()=>import("./IconArrowUp.js")),arrowUpFilled:i(()=>import("./IconArrowUpFilled.js")),arrowUpLeft:i(()=>import("./IconArrowUpLeft.js")),arrowUpLeftFilled:i(()=>import("./IconArrowUpLeftFilled.js")),arrowUpRight:i(()=>import("./IconArrowUpRight.js")),arrowUpRightFilled:i(()=>import("./IconArrowUpRightFilled.js")),attach:i(()=>import("./IconAttach.js")),attachFilled:i(()=>import("./IconAttachFilled.js")),beach:i(()=>import("./IconBeach.js")),beachFilled:i(()=>import("./IconBeachFilled.js")),book:i(()=>import("./IconBook.js")),bookFilled:i(()=>import("./IconBookFilled.js")),bookmark:i(()=>import("./IconBookmark.js")),bookmarkFilled:i(()=>import("./IconBookmarkFilled.js")),briefcase:i(()=>import("./IconBriefcase.js")),briefcaseFilled:i(()=>import("./IconBriefcaseFilled.js")),building:i(()=>import("./IconBuilding.js")),buildingBank:i(()=>import("./IconBuildingBank.js")),buildingBankFilled:i(()=>import("./IconBuildingBankFilled.js")),buildingFilled:i(()=>import("./IconBuildingFilled.js")),bulletListAdd:i(()=>import("./IconBulletListAdd.js")),bulletListAddFilled:i(()=>import("./IconBulletListAddFilled.js")),calculator:i(()=>import("./IconCalculator.js")),calculatorFilled:i(()=>import("./IconCalculatorFilled.js")),calendarClock:i(()=>import("./IconCalendarClock.js")),calendarClockFilled:i(()=>import("./IconCalendarClockFilled.js")),calendarDay:i(()=>import("./IconCalendarDay.js")),calendarDayFilled:i(()=>import("./IconCalendarDayFilled.js")),calendarEmpty:i(()=>import("./IconCalendarEmpty.js")),calendarLeft:i(()=>import("./IconCalendarLeft.js")),calendarLeftFilled:i(()=>import("./IconCalendarLeftFilled.js")),calendarRight:i(()=>import("./IconCalendarRight.js")),calendarRightFilled:i(()=>import("./IconCalendarRightFilled.js")),call:i(()=>import("./IconCall.js")),callFilled:i(()=>import("./IconCallFilled.js")),card:i(()=>import("./IconCard.js")),cardFilled:i(()=>import("./IconCardFilled.js")),caretDown:i(()=>import("./IconCaretDown.js")),caretDownFilled:i(()=>import("./IconCaretDownFilled.js")),caretDownRight:i(()=>import("./IconCaretDownRight.js")),caretDownRightFilled:i(()=>import("./IconCaretDownRightFilled.js")),caretLeft:i(()=>import("./IconCaretLeft.js")),caretLeftFilled:i(()=>import("./IconCaretLeftFilled.js")),caretRight:i(()=>import("./IconCaretRight.js")),caretRightFilled:i(()=>import("./IconCaretRightFilled.js")),caretUp:i(()=>import("./IconCaretUp.js")),caretUpFilled:i(()=>import("./IconCaretUpFilled.js")),chartPerson:i(()=>import("./IconChartPerson.js")),chartPersonFilled:i(()=>import("./IconChartPersonFilled.js")),chat:i(()=>import("./IconChat.js")),chatFilled:i(()=>import("./IconChatFilled.js")),chatMultiple:i(()=>import("./IconChatMultiple.js")),chatMultipleFilled:i(()=>import("./IconChatMultipleFilled.js")),checkboxArrowRight:i(()=>import("./IconCheckboxArrowRight.js")),checkboxArrowRightFilled:i(()=>import("./IconCheckboxArrowRightFilled.js")),checkmark:i(()=>import("./IconCheckmark.js")),checkmarkCircle:i(()=>import("./IconCheckmarkCircle.js")),checkmarkCircleFilled:i(()=>import("./IconCheckmarkCircleFilled.js")),checkmarkFilled:i(()=>import("./IconCheckmarkFilled.js")),chevronDoubleLeft:i(()=>import("./IconChevronDoubleLeft.js")),chevronDoubleRight:i(()=>import("./IconChevronDoubleRight.js")),chevronDown:i(()=>import("./IconChevronDown.js")),chevronDownFilled:i(()=>import("./IconChevronDownFilled.js")),chevronLeft:i(()=>import("./IconChevronLeft.js")),chevronLeftFilled:i(()=>import("./IconChevronLeftFilled.js")),chevronRight:i(()=>import("./IconChevronRight.js")),chevronRightFilled:i(()=>import("./IconChevronRightFilled.js")),chevronUp:i(()=>import("./IconChevronUp.js")),chevronUpDown:i(()=>import("./IconChevronUpDown.js")),chevronUpDownFilled:i(()=>import("./IconChevronUpDownFilled.js")),chevronUpFilled:i(()=>import("./IconChevronUpFilled.js")),clipboardDay:i(()=>import("./IconClipboardDay.js")),clock:i(()=>import("./IconClock.js")),clockDismiss:i(()=>import("./IconClockDismiss.js")),clockDismissFilled:i(()=>import("./IconClockDismissFilled.js")),clockFilled:i(()=>import("./IconClockFilled.js")),comment:i(()=>import("./IconComment.js")),commentFilled:i(()=>import("./IconCommentFilled.js")),contractCard:i(()=>import("./IconContractCard.js")),contractCardFilled:i(()=>import("./IconContractCardFilled.js")),copy:i(()=>import("./IconCopy.js")),copyFilled:i(()=>import("./IconCopyFilled.js")),cubeTree:i(()=>import("./IconCubeTree.js")),cubeTreeFilled:i(()=>import("./IconCubeTreeFilled.js")),database:i(()=>import("./IconDatabase.js")),databaseFilled:i(()=>import("./IconDatabaseFilled.js")),delete:i(()=>import("./IconDelete.js")),deleteFilled:i(()=>import("./IconDeleteFilled.js")),deviceMeetingRoom:i(()=>import("./IconDeviceMeetingRoom.js")),deviceMeetingRoomFilled:i(()=>import("./IconDeviceMeetingRoomFilled.js")),dismiss:i(()=>import("./IconDismiss.js")),dismissCircle:i(()=>import("./IconDismissCircle.js")),dismissCircleFilled:i(()=>import("./IconDismissCircleFilled.js")),dismissFilled:i(()=>import("./IconDismissFilled.js")),document:i(()=>import("./IconDocument.js")),documentBulletList:i(()=>import("./IconDocumentBulletList.js")),documentBulletListFilled:i(()=>import("./IconDocumentBulletListFilled.js")),documentEdit:i(()=>import("./IconDocumentEdit.js")),documentEditFilled:i(()=>import("./IconDocumentEditFilled.js")),documentFilled:i(()=>import("./IconDocumentFilled.js")),documentPerson:i(()=>import("./IconDocumentPerson.js")),edit:i(()=>import("./IconEdit.js")),editFilled:i(()=>import("./IconEditFilled.js")),errorCircle:i(()=>import("./IconErrorCircle.js")),errorCircleFilled:i(()=>import("./IconErrorCircleFilled.js")),eur:i(()=>import("./IconEur.js")),eurFilled:i(()=>import("./IconEurFilled.js")),expandUpLeft:i(()=>import("./IconExpandUpLeft.js")),expandUpLeftFilled:i(()=>import("./IconExpandUpLeftFilled.js")),expandUpRight:i(()=>import("./IconExpandUpRight.js")),expandUpRightFilled:i(()=>import("./IconExpandUpRightFilled.js")),eyeOff:i(()=>import("./IconEyeOff.js")),eyeOffFilled:i(()=>import("./IconEyeOffFilled.js")),eyeOn:i(()=>import("./IconEyeOn.js")),eyeOnFilled:i(()=>import("./IconEyeOnFilled.js")),facebook:i(()=>import("./IconFacebook.js")),fastAcceleration:i(()=>import("./IconFastAcceleration.js")),fastAccelerationFilled:i(()=>import("./IconFastAccelerationFilled.js")),feed:i(()=>import("./IconFeed.js")),feedFilled:i(()=>import("./IconFeedFilled.js")),filter:i(()=>import("./IconFilter.js")),filterFilled:i(()=>import("./IconFilterFilled.js")),flag:i(()=>import("./IconFlag.js")),flagFilled:i(()=>import("./IconFlagFilled.js")),folderLink:i(()=>import("./IconFolderLink.js")),folderLinkFilled:i(()=>import("./IconFolderLinkFilled.js")),food:i(()=>import("./IconFood.js")),foodFilled:i(()=>import("./IconFoodFilled.js")),gb:i(()=>import("./IconGb.js")),globe:i(()=>import("./IconGlobe.js")),globeFilled:i(()=>import("./IconGlobeFilled.js")),google:i(()=>import("./IconGoogle.js")),handOpenHeart:i(()=>import("./IconHandOpenHeart.js")),handOpenHeartFilled:i(()=>import("./IconHandOpenHeartFilled.js")),heart:i(()=>import("./IconHeart.js")),heartFilled:i(()=>import("./IconHeartFilled.js")),history:i(()=>import("./IconHistory.js")),historyFilled:i(()=>import("./IconHistoryFilled.js")),home:i(()=>import("./IconHome.js")),homeFilled:i(()=>import("./IconHomeFilled.js")),image:i(()=>import("./IconImage.js")),imageFilled:i(()=>import("./IconImageFilled.js")),info:i(()=>import("./IconInfo.js")),infoFilled:i(()=>import("./IconInfoFilled.js")),instagram:i(()=>import("./IconInstagram.js")),keyReset:i(()=>import("./IconKeyReset.js")),keyResetFilled:i(()=>import("./IconKeyResetFilled.js")),library:i(()=>import("./IconLibrary.js")),libraryFilled:i(()=>import("./IconLibraryFilled.js")),link:i(()=>import("./IconLink.js")),linkFilled:i(()=>import("./IconLinkFilled.js")),linkedin:i(()=>import("./IconLinkedin.js")),list:i(()=>import("./IconList.js")),listFilled:i(()=>import("./IconListFilled.js")),location:i(()=>import("./IconLocation.js")),locationFilled:i(()=>import("./IconLocationFilled.js")),lockClosed:i(()=>import("./IconLockClosed.js")),lockClosedFilled:i(()=>import("./IconLockClosedFilled.js")),lockOpen:i(()=>import("./IconLockOpen.js")),lockOpenFilled:i(()=>import("./IconLockOpenFilled.js")),mail:i(()=>import("./IconMail.js")),mailAdd:i(()=>import("./IconMailAdd.js")),mailAddFilled:i(()=>import("./IconMailAddFilled.js")),mailArrowForward:i(()=>import("./IconMailArrowForward.js")),mailArrowForwardFilled:i(()=>import("./IconMailArrowForwardFilled.js")),mailFilled:i(()=>import("./IconMailFilled.js")),mailLink:i(()=>import("./IconMailLink.js")),mailLinkFilled:i(()=>import("./IconMailLinkFilled.js")),medium:i(()=>import("./IconMedium.js")),more:i(()=>import("./IconMore.js")),moreFilled:i(()=>import("./IconMoreFilled.js")),moreVertical:i(()=>import("./IconMoreVertical.js")),moreVerticalFilled:i(()=>import("./IconMoreVerticalFilled.js")),navigation:i(()=>import("./IconNavigation.js")),navigationFilled:i(()=>import("./IconNavigationFilled.js")),notebook:i(()=>import("./IconNotebook.js")),notebookAdd:i(()=>import("./IconNotebookAdd.js")),notebookAddFilled:i(()=>import("./IconNotebookAddFilled.js")),notebookFilled:i(()=>import("./IconNotebookFilled.js")),onlyEmployee:i(()=>import("./IconOnlyEmployee.js")),open:i(()=>import("./IconOpen.js")),openFilled:i(()=>import("./IconOpenFilled.js")),patient:i(()=>import("./IconPatient.js")),patientFilled:i(()=>import("./IconPatientFilled.js")),people:i(()=>import("./IconPeople.js")),peopleAdd:i(()=>import("./IconPeopleAdd.js")),peopleAddFilled:i(()=>import("./IconPeopleAddFilled.js")),peopleFilled:i(()=>import("./IconPeopleFilled.js")),peopleList:i(()=>import("./IconPeopleList.js")),peopleListFilled:i(()=>import("./IconPeopleListFilled.js")),peopleTeam:i(()=>import("./IconPeopleTeam.js")),peopleTeamFilled:i(()=>import("./IconPeopleTeamFilled.js")),percent:i(()=>import("./IconPercent.js")),person:i(()=>import("./IconPerson.js")),personAccount:i(()=>import("./IconPersonAccount.js")),personAccountFilled:i(()=>import("./IconPersonAccountFilled.js")),personAdd:i(()=>import("./IconPersonAdd.js")),personAddFilled:i(()=>import("./IconPersonAddFilled.js")),personArrowLeft:i(()=>import("./IconPersonArrowLeft.js")),personArrowLeftFilled:i(()=>import("./IconPersonArrowLeftFilled.js")),personArrowRight:i(()=>import("./IconPersonArrowRight.js")),personArrowRightFilled:i(()=>import("./IconPersonArrowRightFilled.js")),personBoard:i(()=>import("./IconPersonBoard.js")),personFilled:i(()=>import("./IconPersonFilled.js")),personMinus:i(()=>import("./IconPersonMinus.js")),personStar:i(()=>import("./IconPersonStar.js")),personStarFilled:i(()=>import("./IconPersonStarFilled.js")),personSubtract:i(()=>import("./IconPersonSubtract.js")),personSubtractFilled:i(()=>import("./IconPersonSubtractFilled.js")),phone:i(()=>import("./IconPhone.js")),phoneFilled:i(()=>import("./IconPhoneFilled.js")),plugConnected:i(()=>import("./IconPlugConnected.js")),pos:i(()=>import("./IconPos.js")),posFilled:i(()=>import("./IconPosFilled.js")),prohibited:i(()=>import("./IconProhibited.js")),prohibitedFilled:i(()=>import("./IconProhibitedFilled.js")),projectProduct:i(()=>import("./IconProjectProduct.js")),question:i(()=>import("./IconQuestion.js")),questionFilled:i(()=>import("./IconQuestionFilled.js")),redo:i(()=>import("./IconRedo.js")),redoFilled:i(()=>import("./IconRedoFilled.js")),ru:i(()=>import("./IconRu.js")),rub:i(()=>import("./IconRub.js")),rubFilled:i(()=>import("./IconRubFilled.js")),save:i(()=>import("./IconSave.js")),saveFilled:i(()=>import("./IconSaveFilled.js")),savings:i(()=>import("./IconSavings.js")),savingsFilled:i(()=>import("./IconSavingsFilled.js")),search:i(()=>import("./IconSearch.js")),searchFilled:i(()=>import("./IconSearchFilled.js")),selectAllOff:i(()=>import("./IconSelectAllOff.js")),selectAllOffFilled:i(()=>import("./IconSelectAllOffFilled.js")),selectAllOn:i(()=>import("./IconSelectAllOn.js")),selectAllOnFilled:i(()=>import("./IconSelectAllOnFilled.js")),send:i(()=>import("./IconSend.js")),sendFilled:i(()=>import("./IconSendFilled.js")),settings:i(()=>import("./IconSettings.js")),settingsFilled:i(()=>import("./IconSettingsFilled.js")),share:i(()=>import("./IconShare.js")),shareAndroid:i(()=>import("./IconShareAndroid.js")),shareAndroidFilled:i(()=>import("./IconShareAndroidFilled.js")),shareFilled:i(()=>import("./IconShareFilled.js")),signOut:i(()=>import("./IconSignOut.js")),signOutFilled:i(()=>import("./IconSignOutFilled.js")),spinner:i(()=>import("./IconSpinner.js")),spinnerFilled:i(()=>import("./IconSpinnerFilled.js")),status:i(()=>import("./IconStatus.js")),statusFilled:i(()=>import("./IconStatusFilled.js")),subtract:i(()=>import("./IconSubtract.js")),subtractCircle:i(()=>import("./IconSubtractCircle.js")),subtractCircleFilled:i(()=>import("./IconSubtractCircleFilled.js")),subtractFilled:i(()=>import("./IconSubtractFilled.js")),tableCellEdit:i(()=>import("./IconTableCellEdit.js")),tableCellEditFilled:i(()=>import("./IconTableCellEditFilled.js")),telegram:i(()=>import("./IconTelegram.js")),timer:i(()=>import("./IconTimer.js")),timerFilled:i(()=>import("./IconTimerFilled.js")),trophy:i(()=>import("./IconTrophy.js")),trophyFilled:i(()=>import("./IconTrophyFilled.js")),twitter:i(()=>import("./IconTwitter.js")),undo:i(()=>import("./IconUndo.js")),undoFilled:i(()=>import("./IconUndoFilled.js")),unitsEmployee:i(()=>import("./IconUnitsEmployee.js")),upload:i(()=>import("./IconUpload.js")),us:i(()=>import("./IconUs.js")),usd:i(()=>import("./IconUsd.js")),usdFilled:i(()=>import("./IconUsdFilled.js")),userMinus:i(()=>import("./IconUserMinus.js")),video:i(()=>import("./IconVideo.js")),videoFilled:i(()=>import("./IconVideoFilled.js")),wallet:i(()=>import("./IconWallet.js")),walletFilled:i(()=>import("./IconWalletFilled.js")),warning:i(()=>import("./IconWarning.js")),warningFilled:i(()=>import("./IconWarningFilled.js")),youtube:i(()=>import("./IconYoutube.js"))},e=i=>o[i];export{o as default,e as getIcon};
+import{lazy as o}from"react";const r={IconAdd:o(()=>import("./IconAdd.js")),IconAddCircle:o(()=>import("./IconAddCircle.js")),IconAddCircleFilled:o(()=>import("./IconAddCircleFilled.js")),IconAddFilled:o(()=>import("./IconAddFilled.js")),IconAirplaneTakeOff:o(()=>import("./IconAirplaneTakeOff.js")),IconAirplaneTakeOffFilled:o(()=>import("./IconAirplaneTakeOffFilled.js")),IconAlert:o(()=>import("./IconAlert.js")),IconAlertBadge:o(()=>import("./IconAlertBadge.js")),IconAlertBadgeFilled:o(()=>import("./IconAlertBadgeFilled.js")),IconAlertFilled:o(()=>import("./IconAlertFilled.js")),IconAm:o(()=>import("./IconAm.js")),IconAmd:o(()=>import("./IconAmd.js")),IconAmdFilled:o(()=>import("./IconAmdFilled.js")),IconApple:o(()=>import("./IconApple.js")),IconArrowDown:o(()=>import("./IconArrowDown.js")),IconArrowDownFilled:o(()=>import("./IconArrowDownFilled.js")),IconArrowDownLeft:o(()=>import("./IconArrowDownLeft.js")),IconArrowDownLeftFilled:o(()=>import("./IconArrowDownLeftFilled.js")),IconArrowDownload:o(()=>import("./IconArrowDownload.js")),IconArrowDownloadFilled:o(()=>import("./IconArrowDownloadFilled.js")),IconArrowEnter:o(()=>import("./IconArrowEnter.js")),IconArrowEnterFilled:o(()=>import("./IconArrowEnterFilled.js")),IconArrowExit:o(()=>import("./IconArrowExit.js")),IconArrowExitFilled:o(()=>import("./IconArrowExitFilled.js")),IconArrowExportLeftToRight:o(()=>import("./IconArrowExportLeftToRight.js")),IconArrowExportLeftToRightFilled:o(()=>import("./IconArrowExportLeftToRightFilled.js")),IconArrowExportRightToLeft:o(()=>import("./IconArrowExportRightToLeft.js")),IconArrowExportRightToLeftFilled:o(()=>import("./IconArrowExportRightToLeftFilled.js")),IconArrowExportUp:o(()=>import("./IconArrowExportUp.js")),IconArrowExportUpFilled:o(()=>import("./IconArrowExportUpFilled.js")),IconArrowImport:o(()=>import("./IconArrowImport.js")),IconArrowImportFilled:o(()=>import("./IconArrowImportFilled.js")),IconArrowLeft:o(()=>import("./IconArrowLeft.js")),IconArrowLeftFilled:o(()=>import("./IconArrowLeftFilled.js")),IconArrowRepeatAll:o(()=>import("./IconArrowRepeatAll.js")),IconArrowRepeatAllFilled:o(()=>import("./IconArrowRepeatAllFilled.js")),IconArrowReset:o(()=>import("./IconArrowReset.js")),IconArrowResetFilled:o(()=>import("./IconArrowResetFilled.js")),IconArrowRight:o(()=>import("./IconArrowRight.js")),IconArrowRightFilled:o(()=>import("./IconArrowRightFilled.js")),IconArrowSort:o(()=>import("./IconArrowSort.js")),IconArrowSortFilled:o(()=>import("./IconArrowSortFilled.js")),IconArrowSync:o(()=>import("./IconArrowSync.js")),IconArrowSyncFilled:o(()=>import("./IconArrowSyncFilled.js")),IconArrowUp:o(()=>import("./IconArrowUp.js")),IconArrowUpFilled:o(()=>import("./IconArrowUpFilled.js")),IconArrowUpLeft:o(()=>import("./IconArrowUpLeft.js")),IconArrowUpLeftFilled:o(()=>import("./IconArrowUpLeftFilled.js")),IconArrowUpRight:o(()=>import("./IconArrowUpRight.js")),IconArrowUpRightFilled:o(()=>import("./IconArrowUpRightFilled.js")),IconAttach:o(()=>import("./IconAttach.js")),IconAttachFilled:o(()=>import("./IconAttachFilled.js")),IconBeach:o(()=>import("./IconBeach.js")),IconBeachFilled:o(()=>import("./IconBeachFilled.js")),IconBook:o(()=>import("./IconBook.js")),IconBookFilled:o(()=>import("./IconBookFilled.js")),IconBookmark:o(()=>import("./IconBookmark.js")),IconBookmarkFilled:o(()=>import("./IconBookmarkFilled.js")),IconBriefcase:o(()=>import("./IconBriefcase.js")),IconBriefcaseFilled:o(()=>import("./IconBriefcaseFilled.js")),IconBuilding:o(()=>import("./IconBuilding.js")),IconBuildingBank:o(()=>import("./IconBuildingBank.js")),IconBuildingBankFilled:o(()=>import("./IconBuildingBankFilled.js")),IconBuildingFilled:o(()=>import("./IconBuildingFilled.js")),IconBulletListAdd:o(()=>import("./IconBulletListAdd.js")),IconBulletListAddFilled:o(()=>import("./IconBulletListAddFilled.js")),IconCalculator:o(()=>import("./IconCalculator.js")),IconCalculatorFilled:o(()=>import("./IconCalculatorFilled.js")),IconCalendarClock:o(()=>import("./IconCalendarClock.js")),IconCalendarClockFilled:o(()=>import("./IconCalendarClockFilled.js")),IconCalendarDay:o(()=>import("./IconCalendarDay.js")),IconCalendarDayFilled:o(()=>import("./IconCalendarDayFilled.js")),IconCalendarEmpty:o(()=>import("./IconCalendarEmpty.js")),IconCalendarLeft:o(()=>import("./IconCalendarLeft.js")),IconCalendarLeftFilled:o(()=>import("./IconCalendarLeftFilled.js")),IconCalendarRight:o(()=>import("./IconCalendarRight.js")),IconCalendarRightFilled:o(()=>import("./IconCalendarRightFilled.js")),IconCall:o(()=>import("./IconCall.js")),IconCallFilled:o(()=>import("./IconCallFilled.js")),IconCard:o(()=>import("./IconCard.js")),IconCardFilled:o(()=>import("./IconCardFilled.js")),IconCaretDown:o(()=>import("./IconCaretDown.js")),IconCaretDownFilled:o(()=>import("./IconCaretDownFilled.js")),IconCaretDownRight:o(()=>import("./IconCaretDownRight.js")),IconCaretDownRightFilled:o(()=>import("./IconCaretDownRightFilled.js")),IconCaretLeft:o(()=>import("./IconCaretLeft.js")),IconCaretLeftFilled:o(()=>import("./IconCaretLeftFilled.js")),IconCaretRight:o(()=>import("./IconCaretRight.js")),IconCaretRightFilled:o(()=>import("./IconCaretRightFilled.js")),IconCaretUp:o(()=>import("./IconCaretUp.js")),IconCaretUpFilled:o(()=>import("./IconCaretUpFilled.js")),IconChartPerson:o(()=>import("./IconChartPerson.js")),IconChartPersonFilled:o(()=>import("./IconChartPersonFilled.js")),IconChat:o(()=>import("./IconChat.js")),IconChatFilled:o(()=>import("./IconChatFilled.js")),IconChatMultiple:o(()=>import("./IconChatMultiple.js")),IconChatMultipleFilled:o(()=>import("./IconChatMultipleFilled.js")),IconCheckboxArrowRight:o(()=>import("./IconCheckboxArrowRight.js")),IconCheckboxArrowRightFilled:o(()=>import("./IconCheckboxArrowRightFilled.js")),IconCheckmark:o(()=>import("./IconCheckmark.js")),IconCheckmarkCircle:o(()=>import("./IconCheckmarkCircle.js")),IconCheckmarkCircleFilled:o(()=>import("./IconCheckmarkCircleFilled.js")),IconCheckmarkFilled:o(()=>import("./IconCheckmarkFilled.js")),IconChevronDoubleLeft:o(()=>import("./IconChevronDoubleLeft.js")),IconChevronDoubleRight:o(()=>import("./IconChevronDoubleRight.js")),IconChevronDown:o(()=>import("./IconChevronDown.js")),IconChevronDownFilled:o(()=>import("./IconChevronDownFilled.js")),IconChevronLeft:o(()=>import("./IconChevronLeft.js")),IconChevronLeftFilled:o(()=>import("./IconChevronLeftFilled.js")),IconChevronRight:o(()=>import("./IconChevronRight.js")),IconChevronRightFilled:o(()=>import("./IconChevronRightFilled.js")),IconChevronUp:o(()=>import("./IconChevronUp.js")),IconChevronUpDown:o(()=>import("./IconChevronUpDown.js")),IconChevronUpDownFilled:o(()=>import("./IconChevronUpDownFilled.js")),IconChevronUpFilled:o(()=>import("./IconChevronUpFilled.js")),IconClipboardDay:o(()=>import("./IconClipboardDay.js")),IconClock:o(()=>import("./IconClock.js")),IconClockDismiss:o(()=>import("./IconClockDismiss.js")),IconClockDismissFilled:o(()=>import("./IconClockDismissFilled.js")),IconClockFilled:o(()=>import("./IconClockFilled.js")),IconComment:o(()=>import("./IconComment.js")),IconCommentFilled:o(()=>import("./IconCommentFilled.js")),IconContractCard:o(()=>import("./IconContractCard.js")),IconContractCardFilled:o(()=>import("./IconContractCardFilled.js")),IconCopy:o(()=>import("./IconCopy.js")),IconCopyFilled:o(()=>import("./IconCopyFilled.js")),IconCubeTree:o(()=>import("./IconCubeTree.js")),IconCubeTreeFilled:o(()=>import("./IconCubeTreeFilled.js")),IconDatabase:o(()=>import("./IconDatabase.js")),IconDatabaseFilled:o(()=>import("./IconDatabaseFilled.js")),IconDelete:o(()=>import("./IconDelete.js")),IconDeleteFilled:o(()=>import("./IconDeleteFilled.js")),IconDeviceMeetingRoom:o(()=>import("./IconDeviceMeetingRoom.js")),IconDeviceMeetingRoomFilled:o(()=>import("./IconDeviceMeetingRoomFilled.js")),IconDismiss:o(()=>import("./IconDismiss.js")),IconDismissCircle:o(()=>import("./IconDismissCircle.js")),IconDismissCircleFilled:o(()=>import("./IconDismissCircleFilled.js")),IconDismissFilled:o(()=>import("./IconDismissFilled.js")),IconDocument:o(()=>import("./IconDocument.js")),IconDocumentBulletList:o(()=>import("./IconDocumentBulletList.js")),IconDocumentBulletListFilled:o(()=>import("./IconDocumentBulletListFilled.js")),IconDocumentEdit:o(()=>import("./IconDocumentEdit.js")),IconDocumentEditFilled:o(()=>import("./IconDocumentEditFilled.js")),IconDocumentFilled:o(()=>import("./IconDocumentFilled.js")),IconDocumentPerson:o(()=>import("./IconDocumentPerson.js")),IconEdit:o(()=>import("./IconEdit.js")),IconEditFilled:o(()=>import("./IconEditFilled.js")),IconErrorCircle:o(()=>import("./IconErrorCircle.js")),IconErrorCircleFilled:o(()=>import("./IconErrorCircleFilled.js")),IconEur:o(()=>import("./IconEur.js")),IconEurFilled:o(()=>import("./IconEurFilled.js")),IconExpandUpLeft:o(()=>import("./IconExpandUpLeft.js")),IconExpandUpLeftFilled:o(()=>import("./IconExpandUpLeftFilled.js")),IconExpandUpRight:o(()=>import("./IconExpandUpRight.js")),IconExpandUpRightFilled:o(()=>import("./IconExpandUpRightFilled.js")),IconEyeOff:o(()=>import("./IconEyeOff.js")),IconEyeOffFilled:o(()=>import("./IconEyeOffFilled.js")),IconEyeOn:o(()=>import("./IconEyeOn.js")),IconEyeOnFilled:o(()=>import("./IconEyeOnFilled.js")),IconFacebook:o(()=>import("./IconFacebook.js")),IconFastAcceleration:o(()=>import("./IconFastAcceleration.js")),IconFastAccelerationFilled:o(()=>import("./IconFastAccelerationFilled.js")),IconFeed:o(()=>import("./IconFeed.js")),IconFeedFilled:o(()=>import("./IconFeedFilled.js")),IconFilter:o(()=>import("./IconFilter.js")),IconFilterFilled:o(()=>import("./IconFilterFilled.js")),IconFlag:o(()=>import("./IconFlag.js")),IconFlagFilled:o(()=>import("./IconFlagFilled.js")),IconFolderLink:o(()=>import("./IconFolderLink.js")),IconFolderLinkFilled:o(()=>import("./IconFolderLinkFilled.js")),IconFood:o(()=>import("./IconFood.js")),IconFoodFilled:o(()=>import("./IconFoodFilled.js")),IconGb:o(()=>import("./IconGb.js")),IconGlobe:o(()=>import("./IconGlobe.js")),IconGlobeFilled:o(()=>import("./IconGlobeFilled.js")),IconGoogle:o(()=>import("./IconGoogle.js")),IconHandOpenHeart:o(()=>import("./IconHandOpenHeart.js")),IconHandOpenHeartFilled:o(()=>import("./IconHandOpenHeartFilled.js")),IconHeart:o(()=>import("./IconHeart.js")),IconHeartFilled:o(()=>import("./IconHeartFilled.js")),IconHistory:o(()=>import("./IconHistory.js")),IconHistoryFilled:o(()=>import("./IconHistoryFilled.js")),IconHome:o(()=>import("./IconHome.js")),IconHomeFilled:o(()=>import("./IconHomeFilled.js")),IconImage:o(()=>import("./IconImage.js")),IconImageFilled:o(()=>import("./IconImageFilled.js")),IconInfo:o(()=>import("./IconInfo.js")),IconInfoFilled:o(()=>import("./IconInfoFilled.js")),IconInstagram:o(()=>import("./IconInstagram.js")),IconKeyReset:o(()=>import("./IconKeyReset.js")),IconKeyResetFilled:o(()=>import("./IconKeyResetFilled.js")),IconLibrary:o(()=>import("./IconLibrary.js")),IconLibraryFilled:o(()=>import("./IconLibraryFilled.js")),IconLink:o(()=>import("./IconLink.js")),IconLinkFilled:o(()=>import("./IconLinkFilled.js")),IconLinkedin:o(()=>import("./IconLinkedin.js")),IconList:o(()=>import("./IconList.js")),IconListFilled:o(()=>import("./IconListFilled.js")),IconLocation:o(()=>import("./IconLocation.js")),IconLocationFilled:o(()=>import("./IconLocationFilled.js")),IconLockClosed:o(()=>import("./IconLockClosed.js")),IconLockClosedFilled:o(()=>import("./IconLockClosedFilled.js")),IconLockOpen:o(()=>import("./IconLockOpen.js")),IconLockOpenFilled:o(()=>import("./IconLockOpenFilled.js")),IconMail:o(()=>import("./IconMail.js")),IconMailAdd:o(()=>import("./IconMailAdd.js")),IconMailAddFilled:o(()=>import("./IconMailAddFilled.js")),IconMailArrowForward:o(()=>import("./IconMailArrowForward.js")),IconMailArrowForwardFilled:o(()=>import("./IconMailArrowForwardFilled.js")),IconMailFilled:o(()=>import("./IconMailFilled.js")),IconMailLink:o(()=>import("./IconMailLink.js")),IconMailLinkFilled:o(()=>import("./IconMailLinkFilled.js")),IconMedium:o(()=>import("./IconMedium.js")),IconMore:o(()=>import("./IconMore.js")),IconMoreFilled:o(()=>import("./IconMoreFilled.js")),IconMoreVertical:o(()=>import("./IconMoreVertical.js")),IconMoreVerticalFilled:o(()=>import("./IconMoreVerticalFilled.js")),IconNavigation:o(()=>import("./IconNavigation.js")),IconNavigationFilled:o(()=>import("./IconNavigationFilled.js")),IconNotebook:o(()=>import("./IconNotebook.js")),IconNotebookAdd:o(()=>import("./IconNotebookAdd.js")),IconNotebookAddFilled:o(()=>import("./IconNotebookAddFilled.js")),IconNotebookFilled:o(()=>import("./IconNotebookFilled.js")),IconOnlyEmployee:o(()=>import("./IconOnlyEmployee.js")),IconOpen:o(()=>import("./IconOpen.js")),IconOpenFilled:o(()=>import("./IconOpenFilled.js")),IconPatient:o(()=>import("./IconPatient.js")),IconPatientFilled:o(()=>import("./IconPatientFilled.js")),IconPeople:o(()=>import("./IconPeople.js")),IconPeopleAdd:o(()=>import("./IconPeopleAdd.js")),IconPeopleAddFilled:o(()=>import("./IconPeopleAddFilled.js")),IconPeopleFilled:o(()=>import("./IconPeopleFilled.js")),IconPeopleList:o(()=>import("./IconPeopleList.js")),IconPeopleListFilled:o(()=>import("./IconPeopleListFilled.js")),IconPeopleTeam:o(()=>import("./IconPeopleTeam.js")),IconPeopleTeamFilled:o(()=>import("./IconPeopleTeamFilled.js")),IconPercent:o(()=>import("./IconPercent.js")),IconPerson:o(()=>import("./IconPerson.js")),IconPersonAccount:o(()=>import("./IconPersonAccount.js")),IconPersonAccountFilled:o(()=>import("./IconPersonAccountFilled.js")),IconPersonAdd:o(()=>import("./IconPersonAdd.js")),IconPersonAddFilled:o(()=>import("./IconPersonAddFilled.js")),IconPersonArrowLeft:o(()=>import("./IconPersonArrowLeft.js")),IconPersonArrowLeftFilled:o(()=>import("./IconPersonArrowLeftFilled.js")),IconPersonArrowRight:o(()=>import("./IconPersonArrowRight.js")),IconPersonArrowRightFilled:o(()=>import("./IconPersonArrowRightFilled.js")),IconPersonBoard:o(()=>import("./IconPersonBoard.js")),IconPersonFilled:o(()=>import("./IconPersonFilled.js")),IconPersonMinus:o(()=>import("./IconPersonMinus.js")),IconPersonStar:o(()=>import("./IconPersonStar.js")),IconPersonStarFilled:o(()=>import("./IconPersonStarFilled.js")),IconPersonSubtract:o(()=>import("./IconPersonSubtract.js")),IconPersonSubtractFilled:o(()=>import("./IconPersonSubtractFilled.js")),IconPhone:o(()=>import("./IconPhone.js")),IconPhoneFilled:o(()=>import("./IconPhoneFilled.js")),IconPlugConnected:o(()=>import("./IconPlugConnected.js")),IconPos:o(()=>import("./IconPos.js")),IconPosFilled:o(()=>import("./IconPosFilled.js")),IconProhibited:o(()=>import("./IconProhibited.js")),IconProhibitedFilled:o(()=>import("./IconProhibitedFilled.js")),IconProjectProduct:o(()=>import("./IconProjectProduct.js")),IconQuestion:o(()=>import("./IconQuestion.js")),IconQuestionFilled:o(()=>import("./IconQuestionFilled.js")),IconRedo:o(()=>import("./IconRedo.js")),IconRedoFilled:o(()=>import("./IconRedoFilled.js")),IconRu:o(()=>import("./IconRu.js")),IconRub:o(()=>import("./IconRub.js")),IconRubFilled:o(()=>import("./IconRubFilled.js")),IconSave:o(()=>import("./IconSave.js")),IconSaveFilled:o(()=>import("./IconSaveFilled.js")),IconSavings:o(()=>import("./IconSavings.js")),IconSavingsFilled:o(()=>import("./IconSavingsFilled.js")),IconSearch:o(()=>import("./IconSearch.js")),IconSearchFilled:o(()=>import("./IconSearchFilled.js")),IconSelectAllOff:o(()=>import("./IconSelectAllOff.js")),IconSelectAllOffFilled:o(()=>import("./IconSelectAllOffFilled.js")),IconSelectAllOn:o(()=>import("./IconSelectAllOn.js")),IconSelectAllOnFilled:o(()=>import("./IconSelectAllOnFilled.js")),IconSend:o(()=>import("./IconSend.js")),IconSendFilled:o(()=>import("./IconSendFilled.js")),IconSettings:o(()=>import("./IconSettings.js")),IconSettingsFilled:o(()=>import("./IconSettingsFilled.js")),IconShare:o(()=>import("./IconShare.js")),IconShareAndroid:o(()=>import("./IconShareAndroid.js")),IconShareAndroidFilled:o(()=>import("./IconShareAndroidFilled.js")),IconShareFilled:o(()=>import("./IconShareFilled.js")),IconSignOut:o(()=>import("./IconSignOut.js")),IconSignOutFilled:o(()=>import("./IconSignOutFilled.js")),IconSpinner:o(()=>import("./IconSpinner.js")),IconSpinnerFilled:o(()=>import("./IconSpinnerFilled.js")),IconStatus:o(()=>import("./IconStatus.js")),IconStatusFilled:o(()=>import("./IconStatusFilled.js")),IconSubtract:o(()=>import("./IconSubtract.js")),IconSubtractCircle:o(()=>import("./IconSubtractCircle.js")),IconSubtractCircleFilled:o(()=>import("./IconSubtractCircleFilled.js")),IconSubtractFilled:o(()=>import("./IconSubtractFilled.js")),IconTableCellEdit:o(()=>import("./IconTableCellEdit.js")),IconTableCellEditFilled:o(()=>import("./IconTableCellEditFilled.js")),IconTelegram:o(()=>import("./IconTelegram.js")),IconTimer:o(()=>import("./IconTimer.js")),IconTimerFilled:o(()=>import("./IconTimerFilled.js")),IconTrophy:o(()=>import("./IconTrophy.js")),IconTrophyFilled:o(()=>import("./IconTrophyFilled.js")),IconTwitter:o(()=>import("./IconTwitter.js")),IconUndo:o(()=>import("./IconUndo.js")),IconUndoFilled:o(()=>import("./IconUndoFilled.js")),IconUnitsEmployee:o(()=>import("./IconUnitsEmployee.js")),IconUpload:o(()=>import("./IconUpload.js")),IconUs:o(()=>import("./IconUs.js")),IconUsd:o(()=>import("./IconUsd.js")),IconUsdFilled:o(()=>import("./IconUsdFilled.js")),IconUserMinus:o(()=>import("./IconUserMinus.js")),IconVideo:o(()=>import("./IconVideo.js")),IconVideoFilled:o(()=>import("./IconVideoFilled.js")),IconWallet:o(()=>import("./IconWallet.js")),IconWalletFilled:o(()=>import("./IconWalletFilled.js")),IconWarning:o(()=>import("./IconWarning.js")),IconWarningFilled:o(()=>import("./IconWarningFilled.js")),IconYoutube:o(()=>import("./IconYoutube.js"))},n=o=>r[o];export{r as default,n as getIcon};

package/components/Select/FilterSelect/FilterSelect.js

@@ -1,4 +1,4 @@
-import{jsx as t,Fragment as y,jsxs as z}from"react/jsx-runtime";import{useState as c,useId as G,useCallback as h}from"react";import{createPortal as H}from"react-dom";import{useHideOnScroll as L}from"../../../hooks/useHideOnScroll.js";import"../../../context/types.js";import{useOnOutsideClick as A}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{FilterDropdownContent as B}from"./FilterDropdown.js";import{FilterGroupDropdownContent as q}from"./FilterGroupDropdown.js";import{Footer as E}from"../SharedComponents/Footer.js";import"classnames";import"dayjs";import"../../../consts/index.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as J}from"../SharedComponents/Loading.js";import{Input as K}from"../../Input/Input.js";import M from"../../SVGIcons/IconSearchFilled.js";import Q from"../../SVGIcons/IconDismissFilled.js";const Fe=e=>{const{isLoading:o,isGrouped:s,options:r,isOpen:l,setFieldValue:n,name:a,footerButtonProps:i,selectedItems:p,setSelectedItems:m,closeHandler:d,parentRef:u,language:f="en",...j}=e,[C,F]=c(null),[S,I]=c(p),[g,k]=c("");A(C,d,l,G()),L(d);const v=h(e=>{I(o=>[...o,e])},[]),x=e=>{m&&m(e),a&&n&&n(a,e),d()},D=e=>void 0!==S.find(o=>o.value===e),_=h(()=>{x(S),d()},[S]),O=({value:e})=>{I(o=>o.filter(o=>o.value!==e))};return l?/* @__PURE__ */t(y,{children:H(
-/* @__PURE__ */t("div",{className:"select filter",children:/* @__PURE__ */z("div",{className:"select__options",ref:F,children:[
-/* @__PURE__ */t(K,{onChange:e=>{e.preventDefault(),e.stopPropagation(),k(e.target.value)},className:"filter__input",size:"small",currentValue:g,rightIconProps:{size:""===g?"small":"xsmall",Component:""===g?M:Q,onClick:()=>{k("")}}}),
-/* @__PURE__ */t("div",{className:"select__options__scroll scrollbar scrollbar--vertical ",children:o?/* @__PURE__ */t(J,{}):/* @__PURE__ */t(s?q:B,{checkIsSelected:D,onItemDeselect:O,filterValue:g,onItemSelect:v,options:r,...j})}),o?null:/* @__PURE__ */t(E,{buttonProps:i,onCancel:()=>{x(p),I(p),d()},onApply:_,language:f})]})}),u)}):null};export{Fe as FilterSelect};
+import{jsx as t,Fragment as y,jsxs as z}from"react/jsx-runtime";import{useState as c,useId as G,useCallback as h}from"react";import{createPortal as H}from"react-dom";import{useHideOnScroll as L}from"../../../hooks/useHideOnScroll.js";import"../../../context/types.js";import{useOnOutsideClick as A}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import{FilterDropdownContent as B}from"./FilterDropdown.js";import{FilterGroupDropdownContent as q}from"./FilterGroupDropdown.js";import{Footer as E}from"../SharedComponents/Footer.js";import"classnames";import"dayjs";import"../../../consts/index.js";import"../../SVGIcons/icon-registry.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as J}from"../SharedComponents/Loading.js";import{Input as K}from"../../Input/Input.js";import M from"../../SVGIcons/IconSearchFilled.js";import Q from"../../SVGIcons/IconDismissFilled.js";const Se=o=>{const{isLoading:e,isGrouped:s,options:r,isOpen:l,setFieldValue:n,name:i,footerButtonProps:a,selectedItems:p,setSelectedItems:m,closeHandler:d,parentRef:u,language:f="en",...j}=o,[C,S]=c(null),[I,F]=c(p),[g,k]=c("");A(C,d,l,G()),L(d);const v=h(o=>{F(e=>[...e,o])},[]),x=o=>{m&&m(o),i&&n&&n(i,o),d()},D=o=>void 0!==I.find(e=>e.value===o),_=h(()=>{x(I),d()},[I]),O=({value:o})=>{F(e=>e.filter(e=>e.value!==o))};return l?/* @__PURE__ */t(y,{children:H(
+/* @__PURE__ */t("div",{className:"select filter",children:/* @__PURE__ */z("div",{className:"select__options",ref:S,children:[
+/* @__PURE__ */t(K,{onChange:o=>{o.preventDefault(),o.stopPropagation(),k(o.target.value)},className:"filter__input",size:"small",currentValue:g,rightIconProps:{size:""===g?"small":"xsmall",Component:""===g?M:Q,onClick:()=>{k("")}}}),
+/* @__PURE__ */t("div",{className:"select__options__scroll scrollbar scrollbar--vertical ",children:e?/* @__PURE__ */t(J,{}):/* @__PURE__ */t(s?q:B,{checkIsSelected:D,onItemDeselect:O,filterValue:g,onItemSelect:v,options:r,...j})}),e?null:/* @__PURE__ */t(E,{buttonProps:a,onCancel:()=>{x(p),F(p),d()},onApply:_,language:f})]})}),u)}):null};export{Se as FilterSelect};

package/components/Select/MultiSelect/MultiSelect.js

@@ -1,3 +1,3 @@
-import{jsx as f,jsxs as U,Fragment as V}from"react/jsx-runtime";import{forwardRef as X,useState as l,useMemo as Y,useEffect as C,useId as Z}from"react";import{OptionsWrapper as $}from"./OptionsWrapper.js";import{Footer as ee}from"../SharedComponents/Footer.js";import"classnames";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as oe}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{InputSelectWrapper as te}from"../SharedComponents/InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as re}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";import{useIsMobile as ne}from"../../../hooks/useGetIsMobile.js";import{SELECT_TRANSLATIONS as se}from"../localization.js";const le=X((e,o)=>{const{isMobileFullScreen:t=!0,options:s,footerButtonProps:r,selectedItems:n,setSelectedItems:a,name:i,setFieldValue:p,value:d,label:c,placeHolder:m,isRequiredField:u,labelAddons:h,className:S="",disabled:j,dropdownWidth:b,align:I="left",size:x,isButtonSelect:O,checkboxInfo:g,translations:F,hasError:W,language:k="en",hideSelectedOptions:w=!1,...R}=e,[v,M]=l(null),z=d||n||[],[T,y]=l(!1),[A,B]=l(z),[E,N]=l(null),D=()=>y(!1),G=Y(()=>(null==A?void 0:A.length)!==(null==z?void 0:z.length)||-1!==(null==A?void 0:A.findIndex(e=>-1===(null==z?void 0:z.findIndex(o=>o.value===e.value)))),[A,z]);C(()=>{B(d||[])},[d]),C(()=>{n&&B(n||[])},[n]);const q=()=>{B(z),D()};oe(E,q,T,Z());const H=(e=!1)=>{((e,o)=>{a&&a(e,o),i&&p&&p(i,e),D()})(A,e)},L=O?re:te,P={...se[k],...F},X=ne();/* @__PURE__ */
-return f(L,{dropdownRef:v,isOpen:T,setIsOpen:y,containerRef:E,setContainerRef:N,dropdownWidth:b,setDropdownRef:M,size:x,label:c,align:I,disabled:j,className:S,labelAddons:h,placeHolder:m,selectedValues:A,isRequiredField:u,overflowText:P.overflowText,hasError:W,applySelectedItems:H,isMobile:X&&t,hideSelectedOptions:w,children:/* @__PURE__ */U(V,{children:[
-/* @__PURE__ */f($,{options:s,isOpen:T,translations:P,setIsOpen:y,dropdownRef:v,openDropdown:()=>y(!0),selectedValues:A,setSelectedValues:B,containerRef:E,dropdownWidth:b,isMobileFullScreen:t,...R}),!s.length||X&&t?null:/* @__PURE__ */f(ee,{checkboxInfo:g,hasChange:G,buttonProps:r,onCancel:q,onApply:H,language:k})]})})});le.displayName="MultiSelect";export{le as MultiSelect};
+import{jsx as f,jsxs as U,Fragment as V}from"react/jsx-runtime";import{forwardRef as X,useState as l,useMemo as Y,useEffect as C,useId as Z}from"react";import{OptionsWrapper as $}from"./OptionsWrapper.js";import{Footer as ee}from"../SharedComponents/Footer.js";import"classnames";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import{useOnOutsideClick as oe}from"../../../hooks/useOnOutsideClick.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../../SVGIcons/icon-registry.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{InputSelectWrapper as te}from"../SharedComponents/InputSelectWrapper/InputSelectWrapper.js";import{ButtonSelectWrapper as re}from"../SharedComponents/ButtonSelectWrapper/ButtonSelectWrapper.js";import{useIsMobile as ne}from"../../../hooks/useGetIsMobile.js";import{SELECT_TRANSLATIONS as se}from"../localization.js";const le=X((e,o)=>{const{isMobileFullScreen:s=!0,options:t,footerButtonProps:r,selectedItems:n,setSelectedItems:a,name:i,setFieldValue:p,value:d,label:c,placeHolder:m,isRequiredField:u,labelAddons:S,className:h="",disabled:j,dropdownWidth:I,align:b="left",size:x,isButtonSelect:O,checkboxInfo:g,translations:F,hasError:W,language:k="en",hideSelectedOptions:w=!1,...R}=e,[v,M]=l(null),y=d||n||[],[z,T]=l(!1),[A,B]=l(y),[E,N]=l(null),D=()=>T(!1),G=Y(()=>(null==A?void 0:A.length)!==(null==y?void 0:y.length)||-1!==(null==A?void 0:A.findIndex(e=>-1===(null==y?void 0:y.findIndex(o=>o.value===e.value)))),[A,y]);C(()=>{B(d||[])},[d]),C(()=>{n&&B(n||[])},[n]);const q=()=>{B(y),D()};oe(E,q,z,Z());const H=(e=!1)=>{((e,o)=>{a&&a(e,o),i&&p&&p(i,e),D()})(A,e)},L=O?re:te,P={...se[k],...F},X=ne();/* @__PURE__ */
+return f(L,{dropdownRef:v,isOpen:z,setIsOpen:T,containerRef:E,setContainerRef:N,dropdownWidth:I,setDropdownRef:M,size:x,label:c,align:b,disabled:j,className:h,labelAddons:S,placeHolder:m,selectedValues:A,isRequiredField:u,overflowText:P.overflowText,hasError:W,applySelectedItems:H,isMobile:X&&s,hideSelectedOptions:w,children:/* @__PURE__ */U(V,{children:[
+/* @__PURE__ */f($,{options:t,isOpen:z,translations:P,setIsOpen:T,dropdownRef:v,openDropdown:()=>T(!0),selectedValues:A,setSelectedValues:B,containerRef:E,dropdownWidth:I,isMobileFullScreen:s,...R}),!t.length||X&&s?null:/* @__PURE__ */f(ee,{checkboxInfo:g,hasChange:G,buttonProps:r,onCancel:q,onApply:H,language:k})]})})});le.displayName="MultiSelect";export{le as MultiSelect};

package/components/Select/MultiSelect/OptionsWrapper.js

@@ -1 +1 @@
-import{jsx as u}from"react/jsx-runtime";import{useRef as v,useCallback as B,useMemo as L}from"react";import"classnames";import"../../Checkbox/Checkbox.js";import"react-dom";import{useGetElemSizes as R}from"../../../hooks/useGetElemSizes.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as V,useGetHasTopSpace as x}from"../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{getStringWidth as y}from"../../../utils/helpers.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as D}from"../SharedComponents/Loading.js";import"../../Input/Input.js";import{useIsMobile as H}from"../../../hooks/useGetIsMobile.js";import{MultiSelectGrouped as k}from"./MultiSelectGrouped/MultiSelectGrouped.js";import{MultiBase as N}from"./MultiBase/MultiBase.js";import{MultiSelectWithTabs as j}from"./MultiSelectWithTabs/MultiSelectWithTabs.js";import{SELECTED_VISIBLE_MIN_COUNT as z}from"../constants.js";const at=e=>{const{isLoading:t,withTabs:o,isGrouped:s,isOpen:r,containerRef:a,options:i,selectedValues:l,setSelectedValues:p,setIsOpen:m,dropdownRef:n,isMobileFullScreen:c,...S}=e,{width:d}=R(a),h=v(null),f=o?j:s?k:N,M=B(e=>y(e,14)>d-80,[d]),b=L(()=>s||o?i.reduce((e,t)=>{const{data:o}=t;return e+o.length},0):i.length,[i]),{hasBottomSpace:C,bottomSpace:G}=V({element:n,input:h.current}),I=x({element:n,input:h.current}),g=H()&&c;return t?/* @__PURE__ */u(D,{}):/* @__PURE__ */u(f,{options:i,isOpen:r,isMobile:g,hasBottomSpace:C,selectedValues:l,onItemSelect:e=>{p([...l,e])},onItemDeselect:e=>{p(l.filter(t=>t.value!==e.value))},setSelectedValues:p,closeDropdown:()=>m(!1),checkIsValueOverflowed:M,isSearchAvailable:b>z,scrollableContentStyle:{...C||I?{}:{maxHeight:G-65-56}},...S})};export{at as OptionsWrapper};
+import{jsx as u}from"react/jsx-runtime";import{useRef as v,useCallback as B,useMemo as L}from"react";import"classnames";import"../../Checkbox/Checkbox.js";import"react-dom";import{useGetElemSizes as R}from"../../../hooks/useGetElemSizes.js";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import{useGetHasBottomSpace as V,useGetHasTopSpace as x}from"../../../hooks/useGetHasBottomSpace.js";import"react-hook-form";import{getStringWidth as y}from"../../../utils/helpers.js";import"../../SVGIcons/icon-registry.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"motion/react";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../SharedComponents/ContentTop.js";import{Loading as D}from"../SharedComponents/Loading.js";import"../../Input/Input.js";import{useIsMobile as H}from"../../../hooks/useGetIsMobile.js";import{MultiSelectGrouped as k}from"./MultiSelectGrouped/MultiSelectGrouped.js";import{MultiBase as N}from"./MultiBase/MultiBase.js";import{MultiSelectWithTabs as j}from"./MultiSelectWithTabs/MultiSelectWithTabs.js";import{SELECTED_VISIBLE_MIN_COUNT as z}from"../constants.js";const ft=e=>{const{isLoading:t,withTabs:o,isGrouped:s,isOpen:r,containerRef:i,options:a,selectedValues:l,setSelectedValues:p,setIsOpen:m,dropdownRef:n,isMobileFullScreen:c,...S}=e,{width:d}=R(i),h=v(null),f=o?j:s?k:N,M=B(e=>y(e,14)>d-80,[d]),b=L(()=>s||o?a.reduce((e,t)=>{const{data:o}=t;return e+o.length},0):a.length,[a]),{hasBottomSpace:G,bottomSpace:C}=V({element:n,input:h.current}),I=x({element:n,input:h.current}),g=H()&&c;return t?/* @__PURE__ */u(D,{}):/* @__PURE__ */u(f,{options:a,isOpen:r,isMobile:g,hasBottomSpace:G,selectedValues:l,onItemSelect:e=>{p([...l,e])},onItemDeselect:e=>{p(l.filter(t=>t.value!==e.value))},setSelectedValues:p,closeDropdown:()=>m(!1),checkIsValueOverflowed:M,isSearchAvailable:b>z,scrollableContentStyle:{...G||I?{}:{maxHeight:C-65-56}},...S})};export{ft as OptionsWrapper};

package/components/Select/SharedComponents/Actions.js

@@ -1,3 +1,3 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{Button as u}from"../../Button/Button.js";import{Menu as f}from"../../Menu/Menu.js";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import{Text as b}from"../../Text/Text.js";import"dayjs";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import d from"../../SVGIcons/IconMore.js";const L=o=>{const{selectActions:e,innerLabel:r}=o,[n,a]=s(!1),[l,m]=s(null);return e.length?/* @__PURE__ */i("div",{className:"action-bar",children:[r?/* @__PURE__ */t(b,{size:"xsmall",type:"secondary",className:"action-bar__label",children:r}):null,
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{Button as u}from"../../Button/Button.js";import{Menu as f}from"../../Menu/Menu.js";import"react-dom";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import{Text as b}from"../../Text/Text.js";import"dayjs";import"../../Collapse/CollapseGroup/CollapseGroup.js";import"../../SVGIcons/icon-registry.js";import"../../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../../Checkbox/Checkbox.js";import d from"../../SVGIcons/IconMore.js";const P=o=>{const{selectActions:e,innerLabel:r}=o,[n,a]=s(!1),[l,m]=s(null);return e.length?/* @__PURE__ */i("div",{className:"action-bar",children:[r?/* @__PURE__ */t(b,{size:"xsmall",type:"secondary",className:"action-bar__label",children:r}):null,
 /* @__PURE__ */i("div",{ref:m,className:"action-bar__right",children:[
-/* @__PURE__ */t(u,{type:"tertiary",onClick:()=>a(!0),iconProps:{Component:d},size:"small"}),l?/* @__PURE__ */t(f,{menuItems:e,parentRef:l,onClose:()=>a(!1),position:"bottom-left",isOpen:n}):null]})]}):null};export{L as Actions};
+/* @__PURE__ */t(u,{type:"tertiary",onClick:()=>a(!0),iconProps:{Component:d},size:"small"}),l?/* @__PURE__ */t(f,{menuItems:e,parentRef:l,onClose:()=>a(!1),position:"bottom-left",isOpen:n}):null]})]}):null};export{P as Actions};

package/components/Snackbar/Snackbar.js

@@ -1,3 +1,5 @@
-import{jsx as a,jsxs as o}from"react/jsx-runtime";import{toast as m,ToastContainer as l,Slide as d}from"react-toastify";import{Text as u}from"../Text/Text.js";import{Button as c}from"../Button/Button.js";import{DEFAULT_DURATION as f}from"./consts.js";import"react-toastify/dist/ReactToastify.css";const h=({actionProps:t,toastId:s,type:e="information",text:r})=>/* @__PURE__ */o("div",{"data-id":`${e}-toast-message`,className:"snackbar",children:[
-/* @__PURE__ */a("div",{className:"snackbar__content",children:/* @__PURE__ */a(u,{className:"snackbar__text pl-16 pr-8",type:"primary",size:"standard",weight:"regular",lineHeight:"large",children:r})}),t?/* @__PURE__ */a(c,{size:"small",type:"tertiary",...t,onClick:a=>{var o;m.dismiss(s),null==(o=null==t?void 0:t.onClick)||o.call(t,a)}}):null]},s),x=t=>{const{toastId:a,closeSnackbar:s,actionProps:o,duration:e=f}=t;m(h(t),{className:"_container",toastId:a,autoClose:!o&&e}),m.onChange(t=>{"removed"===t.status&&(null==s||s(t.id))})},T=t=>{const{duration:s=1e3,position:o="bottom-center"}=t;/* @__PURE__ */
-return a(l,{className:"snackbar-wrapper",theme:"light",hideProgressBar:!0,transition:d,position:o,autoClose:s,closeButton:()=>null})};export{T as Snackbar,x as notify};
+import{jsx as a,jsxs as o}from"react/jsx-runtime";import{toast as m,ToastContainer as l,Slide as c}from"react-toastify";import{Text as d}from"../Text/Text.js";import{Button as u}from"../Button/Button.js";import{DEFAULT_DURATION as f,TYPE_MAPPING as N,ICONS_MAPPING as h}from"./consts.js";import{IconDynamicComponent as C}from"../IconDynamicComponent/IconDynamicComponent.js";import"react-toastify/dist/ReactToastify.css";const g=({actionProps:t,toastId:s,type:n="information",text:e})=>/* @__PURE__ */o("div",{"data-id":`${n}-toast-message`,className:"snackbar",children:[
+/* @__PURE__ */o("div",{className:"snackbar__content",children:[
+/* @__PURE__ */a(C,{componentName:h[n],type:N[n],size:"medium"}),
+/* @__PURE__ */a(d,{className:"snackbar__text pl-16 pr-8",type:"primary",size:"standard",weight:"regular",lineHeight:"large",children:e})]}),t?/* @__PURE__ */a(u,{size:"small",type:"tertiary",...t,onClick:a=>{var o;m.dismiss(s),null==(o=null==t?void 0:t.onClick)||o.call(t,a)}}):null]},s),y=t=>{const{toastId:a,closeSnackbar:o,actionProps:s,duration:n=f}=t;m(g(t),{className:"_container",toastId:a,autoClose:!s&&n}),m.onChange(t=>{"removed"===t.status&&(null==o||o(t.id))})},A=t=>{const{duration:o=1e3,position:s="bottom-center"}=t;/* @__PURE__ */
+return a(l,{className:"snackbar-wrapper",theme:"light",hideProgressBar:!0,transition:c,position:s,autoClose:o,closeButton:()=>null})};export{A as Snackbar,y as notify};

package/components/TableV2/AdvancedPagination.js

@@ -1,4 +1,4 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as v,useEffect as C}from"react";import{Input as x}from"../Input/Input.js";import{Button as N}from"../Button/Button.js";import{Select as _}from"../Select/Select/Select.js";import"../Select/MultiSelect/MultiSelect.js";import I from"classnames";import{Text as z}from"../Text/Text.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import S from"../SVGIcons/IconChevronRight.js";import"../Collapse/CollapseGroup/CollapseGroup.js";import m from"../SVGIcons/IconMore.js";import"../Select/SharedComponents/ContentTop.js";import{OPTIONS as k}from"./constants/index.js";import $ from"../SVGIcons/IconChevronLeft.js";import y from"../SVGIcons/IconChevronDoubleLeft.js";import T from"../SVGIcons/IconChevronDoubleRight.js";function te({table:e,totalCount:t,buttonText:o}){const[a,n]=v("1"),s=e.getState().pagination.pageIndex,l=e.getState().pagination.pageSize;return C(()=>{e.getPageCount()<Number(a)&&n("1")},[e.getPageCount(),e.getState().pagination]),/* @__PURE__ */r("div",{className:"advanced-table__pagination",children:[
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as v,useEffect as C}from"react";import{Input as x}from"../Input/Input.js";import{Button as N}from"../Button/Button.js";import{Select as _}from"../Select/Select/Select.js";import"../Select/MultiSelect/MultiSelect.js";import I from"classnames";import{Text as z}from"../Text/Text.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import"../SVGIcons/icon-registry.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import"../Checkbox/Checkbox.js";import"react-dom";import"motion/react";import S from"../SVGIcons/IconChevronRight.js";import"../Collapse/CollapseGroup/CollapseGroup.js";import m from"../SVGIcons/IconMore.js";import"../Select/SharedComponents/ContentTop.js";import{OPTIONS as k}from"./constants/index.js";import $ from"../SVGIcons/IconChevronLeft.js";import y from"../SVGIcons/IconChevronDoubleLeft.js";import T from"../SVGIcons/IconChevronDoubleRight.js";function oe({table:e,totalCount:t,buttonText:o}){const[a,n]=v("1"),s=e.getState().pagination.pageIndex,l=e.getState().pagination.pageSize;return C(()=>{e.getPageCount()<Number(a)&&n("1")},[e.getPageCount(),e.getState().pagination]),/* @__PURE__ */r("div",{className:"advanced-table__pagination",children:[
 /* @__PURE__ */i(_,{setSelectedItem:t=>(t=>{t&&e.setPagination({pageIndex:0,pageSize:Number(t)})})(t),selectedItem:`${l}`,className:"no-border",options:k}),
 /* @__PURE__ */r("div",{className:"advanced-table__pagination__right",children:[
 /* @__PURE__ */r(z,{type:"tertiary",children:[s*l+1," - ",(s+1)*l," / ",t]}),
@@ -9,4 +9,4 @@ import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as v,useEffect
 /* @__PURE__ */i("li",{className:"previous "+(e.getCanPreviousPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"prev",role:"button",onClick:()=>e.firstPage(),children:/* @__PURE__ */i(y,{size:"small"})})}),
 /* @__PURE__ */i("li",{className:"previous "+(e.getCanPreviousPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"prev",role:"button",onClick:()=>e.previousPage(),children:/* @__PURE__ */i($,{size:"small"})})}),(()=>{const t=s,i=e.getPageCount(),o=[];return i<=7?Array.from({length:i},(e,t)=>t+1):(o.push(1),t<=3?o.push(2,3,4,5,"+++",i):t>i-5?o.push("---",i-4,i-3,i-2,i-1,i):o.push("---",t,t+1,t+2,"+++",i),o)})().map((t,o)=>"---"===t?/* @__PURE__ */i("li",{className:"pagination__more",children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+s-3),children:/* @__PURE__ */i(m,{size:"small"})})},`ellipsis-${o}`):"+++"===t?/* @__PURE__ */i("li",{className:"pagination__more",children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+s+3),children:/* @__PURE__ */i(m,{size:"small"})})},`ellipsis-${o}`):/* @__PURE__ */i("li",{className:I({active:t===s+1}),children:/* @__PURE__ */i("a",{role:"button",onClick:()=>e.setPageIndex(+t-1),children:t})},t)),
 /* @__PURE__ */i("li",{className:"next "+(e.getCanNextPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"next",role:"button",onClick:()=>e.nextPage(),children:/* @__PURE__ */i(S,{size:"small"})})}),
-/* @__PURE__ */i("li",{className:"next "+(e.getCanNextPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"next",role:"button",onClick:()=>e.lastPage(),children:/* @__PURE__ */i(T,{size:"small"})})})]})]})]})}export{te as AdvancedPagination};
+/* @__PURE__ */i("li",{className:"next "+(e.getCanNextPage()?"":"disabled"),children:/* @__PURE__ */i("a",{rel:"next",role:"button",onClick:()=>e.lastPage(),children:/* @__PURE__ */i(T,{size:"small"})})})]})]})]})}export{oe as AdvancedPagination};

package/components/TableV2/ColumnSettings.js

@@ -1,8 +1,8 @@
-import{jsxs as n,jsx as i}from"react/jsx-runtime";import{useState as d}from"react";import{Button as h}from"../Button/Button.js";import _ from"../SVGIcons/IconSettings.js";import{Switcher as a}from"../Switcher/Switcher.js";import{Menu as b}from"../Menu/Menu.js";import"react-dom";import{Positions as v}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import"dayjs";import"../Collapse/CollapseGroup/CollapseGroup.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import"../Checkbox/Checkbox.js";const N=["select","actions","expand"];function U({table:e,tooltipText:o,hiddenColumns:t=[],allToggleText:s="All"}){const[l,r]=d(null),[c,m]=d(!1),p=N.concat(t);/* @__PURE__ */
+import{jsxs as n,jsx as i}from"react/jsx-runtime";import{useState as d}from"react";import{Button as h}from"../Button/Button.js";import _ from"../SVGIcons/IconSettings.js";import{Switcher as a}from"../Switcher/Switcher.js";import{Menu as b}from"../Menu/Menu.js";import"react-dom";import{Positions as v}from"../Tooltip/types.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import"classnames";import"motion/react";import"dayjs";import"../Collapse/CollapseGroup/CollapseGroup.js";import"../SVGIcons/icon-registry.js";import"../FileUpload/DropzoneFileUpload/DropzoneFileUpload.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import"../Checkbox/Checkbox.js";const N=["select","actions","expand"];function q({table:e,tooltipText:o,hiddenColumns:t=[],allToggleText:s="All"}){const[l,r]=d(null),[c,m]=d(!1),p=N.concat(t);/* @__PURE__ */
 return n("div",{ref:r,children:[
 /* @__PURE__ */i(h,{type:"secondary",iconProps:{Component:_},onClick:()=>m(e=>!e)}),
 /* @__PURE__ */i(b,{className:"settings-menu",position:"top-left",onClose:()=>{m(!1)},isOpen:c,parentRef:l,children:/* @__PURE__ */n("div",{className:"settings-menu__dropdown",children:[
 /* @__PURE__ */i("div",{className:"relative",children:/* @__PURE__ */i("div",{className:"settings-menu__dropdown__option sticky",children:/* @__PURE__ */i(a,{label:s,selectedValue:e.getIsAllColumnsVisible(),onClick:()=>e.toggleAllColumnsVisible(),inlineType:!0,size:"small"})})}),
 /* @__PURE__ */i("div",{className:"scrollbar--content scrollbar scrollbar--vertical",children:e.getAllLeafColumns().map(e=>{if(null==p||!p.includes(e.id)){const t="string"==typeof e.columnDef.header?e.columnDef.header:e.columnDef.id;/* @__PURE__ */
 return n("div",{className:"settings-menu__dropdown__option",children:[o&&!e.getCanHide()&&/* @__PURE__ */i(y,{position:v.TOP_CENTER,text:o,id:e.columnDef.id}),
-/* @__PURE__ */i(a,{label:t,id:e.columnDef.id,selectedValue:e.getIsVisible(),onClick:()=>(e=>{const o=e.getToggleVisibilityHandler();o&&o({target:{checked:!e.getIsVisible()}})})(e),disabled:!e.getCanHide(),inlineType:!0,size:"small"})]},e.id)}})})]})})]})}export{U as ColumnSettings};
+/* @__PURE__ */i(a,{label:t,id:e.columnDef.id,selectedValue:e.getIsVisible(),onClick:()=>(e=>{const o=e.getToggleVisibilityHandler();o&&o({target:{checked:!e.getIsVisible()}})})(e),disabled:!e.getCanHide(),inlineType:!0,size:"small"})]},e.id)}})})]})})]})}export{q as ColumnSettings};

package/helperComponents/ErrorMessage/ErrorMessage.js

@@ -1 +1,2 @@
-import{jsx as r,Fragment as m}from"react/jsx-runtime";import{Text as o}from"../../components/Text/Text.js";import{generateDataTestId as t}from"../../utils/helpers.js";import n from"classnames";const g=({message:e,icon:s,dataId:a,className:i})=>/* @__PURE__ */r(o,{className:n("error-message",i),size:"small",type:"danger",dataId:t("error-message",a),children:/* @__PURE__ */r(m,{children:/* @__PURE__ */r("span",{children:e})})});export{g as ErrorMessage};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{Text as n}from"../../components/Text/Text.js";import{IconDynamicComponent as p}from"../../components/IconDynamicComponent/IconDynamicComponent.js";import{generateDataTestId as i}from"../../utils/helpers.js";import l from"classnames";const N=({message:s,icon:a,dataId:m,className:r})=>/* @__PURE__ */e(n,{className:l("error-message",r),size:"small",type:"danger",dataId:i("error-message",m),children:/* @__PURE__ */o(t,{children:[a&&/* @__PURE__ */e(p,{componentName:a,className:"mr-4",size:"xsmall",type:"danger"}),
+/* @__PURE__ */e("span",{children:s})]})});export{N as ErrorMessage};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hrm_ui_lib",
-  "version": " 2.0.0-alpha.32",
+  "version": "2.0.0-alpha.33",
   "description": "UI library for Dino",
   "main": "./index.cjs",
   "module": "./index.js",