hrm_ui_lib 0.0.1-beta.0

package/components/Copy/Copy.d.ts

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

package/components/Copy/Copy.js

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

package/components/Copy/index.d.ts

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

package/components/Copy/index.js

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

package/components/Copy/types.d.ts

@@ -0,0 +1,6 @@
+export type TCopyProps = {
+    className?: string;
+    textAfterCopy?: string;
+    text: string;
+    dataId?: string;
+};

package/components/Counter/Counter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ICounterProps } from './types';
+export declare const Counter: React.ForwardRefExoticComponent<ICounterProps & React.RefAttributes<unknown>>;

package/components/Counter/Counter.js

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

package/components/Counter/index.d.ts

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

package/components/Counter/index.js

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

package/components/Counter/types.d.ts

@@ -0,0 +1,9 @@
+export interface ICounterProps extends IFormCompProps {
+    min?: number;
+    max?: number;
+    handleChange?: (value: number | string | undefined) => void;
+    counter?: number;
+    customError?: string;
+    label?: string;
+    required?: boolean;
+}

package/components/DarkModeSwitcher/DarkModeSwitcher.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TSwitcherProps } from './types';
+export declare const DarkModeSwitcher: React.ForwardRefExoticComponent<TSwitcherProps & React.RefAttributes<unknown>>;

package/components/DarkModeSwitcher/DarkModeSwitcher.js

@@ -0,0 +1,6 @@
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{forwardRef as y,useMemo as z}from"react";import w from"classnames";import{Label as S}from"../../helperComponents/Label/Label.js";import C from"../SVGIcons/IconMoon.js";import I from"../SVGIcons/IconSun.js";const M=y((a,s)=>{const{onClick:l,id:r="",name:o,value:t,disabled:i,label:c,inlineType:d=!1,dataId:m,size:h="small",setFieldValue:p,selectedValue:b,className:f="",labelAddons:k,orientation:u="right",hasSpaceBetween:x=!0}=a,_=!!t||!!b,M=z(()=>/* @__PURE__ */e(S,{text:c,disabled:i,labelAddons:k,size:d?"standard":h,className:"switcher__label"}),[c,i,k,d,h]),N="small"===h?"xsmall":"small";/* @__PURE__ */
+return n("div",{className:w("dark-mode-switcher",{"dark-mode-switcher--inline":d,"dark-mode-switcher--space-between":x}),children:[c&&"right"===u&&M,
+/* @__PURE__ */n("label",{id:r,className:w("controller","controller--switch",`controller--switch-${h}`,f,{"controller--disabled":i}),children:[
+/* @__PURE__ */e("input",{"data-id":m,type:"checkbox",tabIndex:0,onChange:()=>{o&&p&&p(o,!_),l&&l(!_)},checked:_,disabled:i}),
+/* @__PURE__ */n("span",{className:"controller__icon",children:[/* @__PURE__ */e(b?I:C,{type:"warning",size:N}),
+/* @__PURE__ */e("span",{className:"controller__icon__inner"})]})]}),c&&"left"===u&&M]})});M.displayName="DarkModeSwitcher";export{M as DarkModeSwitcher};

package/components/DarkModeSwitcher/index.d.ts

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

package/components/DarkModeSwitcher/index.js

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

package/components/DarkModeSwitcher/types.d.ts

@@ -0,0 +1,17 @@
+export interface TSwitcherProps extends IFormCompProps {
+    onClick?: (isChecked: boolean) => void;
+    className?: string;
+    disabled?: boolean;
+    selectedValue?: boolean;
+    size?: 'large' | 'small';
+    inlineType?: boolean;
+    id?: string;
+    label?: string;
+    labelAddons?: React.ReactElement;
+    orientation?: 'left' | 'right';
+    hasSpaceBetween?: boolean;
+}
+export declare enum ThemeMode {
+    Light = "light",
+    Dark = "dark"
+}

package/components/DarkModeSwitcher/types.js

@@ -0,0 +1 @@
+var t=/* @__PURE__ */(t=>(t.Light="light",t.Dark="dark",t))(t||{});export{t as ThemeMode};

package/components/DatePicker/CustomHeader/CustomHeader.d.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+interface TProps extends ReactDatePickerCustomHeaderProps {
+    startYear: number;
+    endYear: number;
+    dataPrefix?: string;
+    isMobile?: boolean;
+    locale?: string;
+}
+export declare const CustomHeader: (props: TProps) => ReactElement;
+export {};

package/components/DatePicker/CustomHeader/CustomHeader.js

@@ -0,0 +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"../../../helperComponents/ErrorMessage/consts.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: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__ */
+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__ */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,{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{J as CustomHeader};

package/components/DatePicker/CustomHeader/helpers.d.ts

@@ -0,0 +1 @@
+export declare const generateMonthOptions: (locale?: string) => TSelectOptions;

package/components/DatePicker/CustomHeader/helpers.js

@@ -0,0 +1 @@
+import{MONTHS as o}from"../localization.js";const l=(t="hy")=>{let a=t;return o[t]||(a="hy"),o[a].map((o,t)=>({label:o,value:t}))};export{l as generateMonthOptions};

package/components/DatePicker/RangeDatePicker/RangeDatePicker.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IRangeDatePickerProps } from '../types';
+export declare const RangeDatePicker: (props: IRangeDatePickerProps) => ReactElement;

package/components/DatePicker/RangeDatePicker/RangeDatePicker.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{RangeDatePickerDesktop as i}from"./RangeDatePickerDesktop.js";import{useIsMobile as r}from"../../../hooks/useGetIsMobile.js";import{RangeDatePickerMobile as t}from"./RangeDatePickerMobile.js";const b=e=>r()?/* @__PURE__ */o(t,{...e}):/* @__PURE__ */o(i,{...e});export{b as RangeDatePicker};

package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IRangeDatePickerProps } from '../types';
+export declare const RangeDatePickerDesktop: React.ForwardRefExoticComponent<IRangeDatePickerProps & React.RefAttributes<any>>;

package/components/DatePicker/RangeDatePicker/RangeDatePickerDesktop.js

@@ -0,0 +1,4 @@
+import{jsxs as N,jsx as o}from"react/jsx-runtime";import{forwardRef as S,useState as V,useRef as E,useEffect as L}from"react";import $ from"dayjs";import q from"react-datepicker";import{Input as w}from"../../Input/Input.js";import{DateFormat as H}from"../types.js";import{useImportFilesDynamically as T}from"../hooks.js";import{isSameDay as z}from"../../../utils/helpers.js";import{Label as B}from"../../../helperComponents/Label/Label.js";import G from"../../SVGIcons/IconCalendarRight.js";const J=S((e,r)=>{const{value:a,currentDates:t=[],setFieldValue:s,name:n,changeHandler:i,dataId:l,format:c=H.LongDate,maxDate:m,minDate:p,locale:u="hy",disabled:d,placeholderText:f,label:D,hasError:h,required:y,...j}=e;T(u);const k=void 0!==a&&Array.isArray(a)?a:t,[I,g]=V(k),x=E(null),b=e=>{e&&Array.isArray(e)&&(g(e),i&&i(e),s&&n&&s(n,e))};if(L(()=>{g(k)},[k]),!Array.isArray(I))return null;const v=e=>e?$(e).format(c):"";/* @__PURE__ */
+return N("div",{className:"picker-container input__inner",children:[
+/* @__PURE__ */o(B,{text:D,required:y,invalid:h}),
+/* @__PURE__ */o(q,{...j,locale:u,minDate:p,maxDate:m,startDate:I[0],endDate:I[1],selectsRange:!0,disabled:d,onChange:b,onClickOutside:()=>{const[e,r]=I;(!e||!r)&&b([null,null])},ref:x,customInput:/* @__PURE__ */o("div",{className:"date-picker_input-container",children:/* @__PURE__ */o(w,{dataId:l,disabled:d,placeholder:f,currentValue:(e=>{const[r,a]=e,t=v(r),s=v(a);return z(r,a)||!e[1]?t:`${t} - ${s}`})(I),rightIconProps:{Component:G,onClick:()=>{var e,r;if(x.current){const a=null==(e=x.current)?void 0:e.isCalendarOpen();null==(r=x.current)||r.setOpen(!a)}}}})})})]})});J.displayName="RangeDatePickerDesktop";export{J as RangeDatePickerDesktop};

package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IRangeDatePickerProps } from '../types';
+export declare const RangeDatePickerMobile: React.ForwardRefExoticComponent<IRangeDatePickerProps & React.RefAttributes<any>>;

package/components/DatePicker/RangeDatePicker/RangeDatePickerMobile.js

@@ -0,0 +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{CustomHeader as X}from"../CustomHeader/CustomHeader.js";import{formatDate as i}from"../../../helpers/format-date.js";import"react-toastify";import"../../Snackbar/consts.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: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),R=e=>{e&&Array.isArray(e)&&F(e)};if(B(()=>{F(I)},[I]),!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:S,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:S}}),
+/* @__PURE__ */f(W,{isOpen:A,title:null==h?void 0:h.title,onClose:T,buttonProps:{confirm:{buttonText:null==h?void 0:h.btnConfirmText,onClick:()=>{l&&l(v),s&&n&&s(n,v),P(!0),T()}},cancel:{buttonText:null==h?void 0:h.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(H,c)}),
+/* @__PURE__ */a(y,{readOnly:!0,value:i(Y,c)})]}),
+/* @__PURE__ */a(G,{...C,inline:!0,locale:u,minDate:p,maxDate:d,startDate:H,endDate:Y,selectsRange:!0,disabled:x,onChange:R,onClickOutside:()=>{const[e,a]=v;(!e||!a)&&R([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/RangeDatePicker/index.d.ts

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

package/components/DatePicker/RangeDatePicker/index.js

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

package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISimpleDatePickerProps } from '../types';
+export declare const SimpleDatePicker: React.ForwardRefExoticComponent<ISimpleDatePickerProps & React.RefAttributes<unknown>>;

package/components/DatePicker/SimpleDatePicker/SimpleDatePicker.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as r}from"react";import{SimpleDatePickerDesktop as o}from"./SimpleDatePickerDesktop.js";import{useIsMobile as m}from"../../../hooks/useGetIsMobile.js";import{SimpleDatePickerMobile as t}from"./SimpleDatePickerMobile.js";const p=r((e,r)=>m()?/* @__PURE__ */i(t,{...e}):/* @__PURE__ */i(o,{...e}));p.displayName="SimpleDatePicker";export{p as SimpleDatePicker};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ISimpleDatePickerProps } from '../types';
+export declare const SimpleDatePickerDesktop: (props: ISimpleDatePickerProps) => ReactElement;

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerDesktop.js

@@ -0,0 +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:[
+/* @__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};

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ISimpleDatePickerProps } from '../types';
+export declare const SimpleDatePickerMobile: (props: ISimpleDatePickerProps) => ReactElement;

package/components/DatePicker/SimpleDatePicker/SimpleDatePickerMobile.js

@@ -0,0 +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{CustomHeader as z}from"../CustomHeader/CustomHeader.js";import E from"react-datepicker";import{Label as L}from"../../../helperComponents/Label/Label.js";const re=t=>{const{size:r,dataId:o,helperText:a,label:l,placeholderText:s,format:i="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:[
+/* @__PURE__ */e(L,{text:l,required:C,invalid:I}),
+/* @__PURE__ */e(V,{size:r,onClick:H,dataId:o,readOnly:!0,helperText:a,datePlaceHolderText:l?"":s,rightIconProps:{Component:w,onClick:H},currentValue:F?D(F.toString()).format(i):""}),
+/* @__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{re as SimpleDatePickerMobile};

package/components/DatePicker/SimpleDatePicker/index.d.ts

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

package/components/DatePicker/SimpleDatePicker/index.js

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

package/components/DatePicker/TimePicker/MobileModalContent.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import '@ncdai/react-wheel-picker/style.css';
+type TProps = {
+    mobileTitle?: string;
+    isOpen: boolean;
+    onApply: (selectedDate: Date) => void;
+    closeTimePicker: () => void;
+    dateInitialValue: Date | undefined;
+    modalApplyButtonText?: string;
+};
+export declare const MobileModalContent: ({ onApply, isOpen, mobileTitle, modalApplyButtonText, closeTimePicker, dateInitialValue }: TProps) => ReactElement;
+export {};

package/components/DatePicker/TimePicker/MobileModalContent.js

@@ -0,0 +1,4 @@
+import{jsx as i,jsxs as k}from"react/jsx-runtime";import{useState as m}from"react";import{Modal as u}from"../../Modal/Modal.js";import"classnames";import"../../../consts/index.js";import"../../../context/types.js";import"../../../hooks/useScreenSize.js";import"react-hook-form";import"dayjs";import{HOUR_OPTIONS as g,MINUTE_OPTIONS as b}from"./consts.js";import{WheelPickerWrapper as w,WheelPicker as l}from"@ncdai/react-wheel-picker";import"@ncdai/react-wheel-picker/style.css";const y=({onApply:e,isOpen:t,mobileTitle:o,modalApplyButtonText:r="Apply",closeTimePicker:s,dateInitialValue:p=/* @__PURE__ */new Date})=>{const[c,a]=m(`${p.getHours()}`),[n,h]=m(`${p.getMinutes()}`);/* @__PURE__ */
+return i(u,{isOpen:t,title:o,onClose:s,className:"time-picker-mobile",buttonProps:{confirm:{buttonText:r,onClick:()=>{const i=/* @__PURE__ */new Date;i.setHours(+c,+n,0),e(i)},className:"time_apply_button"}},closeIcon:!0,children:/* @__PURE__ */i("div",{className:"mobile_time_picker",children:/* @__PURE__ */k(w,{className:"mobile_time_picker-wheel-picker",children:[
+/* @__PURE__ */i(l,{value:`${c}`,options:g,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__hour",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__hour"},onValueChange:e=>{a(e)}}),
+/* @__PURE__ */i(l,{value:`${n}`,options:b,infinite:!0,classNames:{optionItem:"mobile_time_picker-wheel-picker-item mobile_time_picker-wheel-picker-item__minute",highlightWrapper:"mobile_time_picker-wheel-picker-highlight",highlightItem:"mobile_time_picker-wheel-picker-highlight-item__minute"},onValueChange:e=>{h(e)}})]})})})};export{y as MobileModalContent};

package/components/DatePicker/TimePicker/TimePicker.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ITimePickerProps } from '../types';
+export declare const TimePicker: (props: ITimePickerProps) => ReactElement;

package/components/DatePicker/TimePicker/TimePicker.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useIsMobile as e}from"../../../hooks/useGetIsMobile.js";import{TimePickerMobile as r}from"./TimePickerMobile.js";import{TimePickerDesktop as m}from"./TimePickerDesktop.js";const k=i=>e()?/* @__PURE__ */o(r,{...i}):/* @__PURE__ */o(m,{...i});export{k as TimePicker};

package/components/DatePicker/TimePicker/TimePickerDesktop.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ITimePickerProps } from '../types';
+export declare const TimePickerDesktop: (props: ITimePickerProps) => React.ReactElement;

package/components/DatePicker/TimePicker/TimePickerDesktop.js

@@ -0,0 +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__ */
+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};

package/components/DatePicker/TimePicker/TimePickerMobile.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ITimePickerProps } from '../types';
+export declare const TimePickerMobile: (props: ITimePickerProps) => ReactElement;

package/components/DatePicker/TimePicker/TimePickerMobile.js

@@ -0,0 +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__ */
+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};

package/components/DatePicker/TimePicker/consts.d.ts

@@ -0,0 +1,4 @@
+export declare const HOUR_LENGTH = 24;
+export declare const MINUTE_LENGTH = 60;
+export declare const HOUR_OPTIONS: import("@ncdai/react-wheel-picker").WheelPickerOption[];
+export declare const MINUTE_OPTIONS: import("@ncdai/react-wheel-picker").WheelPickerOption[];

package/components/DatePicker/TimePicker/consts.js

@@ -0,0 +1 @@
+import{createArray as o}from"./helpers.js";const t=24,r=60,O=o(t),T=o(r);export{t as HOUR_LENGTH,O as HOUR_OPTIONS,r as MINUTE_LENGTH,T as MINUTE_OPTIONS};

package/components/DatePicker/TimePicker/helpers.d.ts

@@ -0,0 +1,3 @@
+import type { WheelPickerOption } from '@ncdai/react-wheel-picker';
+export declare const createArray: (length: number, add?: number) => WheelPickerOption[];
+export declare const meridiemOptions: WheelPickerOption[];

package/components/DatePicker/TimePicker/helpers.js

@@ -0,0 +1 @@
+const o=(a,e=0)=>Array.from({length:a},(a,r)=>{const t=r+e;return{label:t.toString().padStart(2,"0"),value:t.toString()}}),n=[{label:"AM",value:"AM"},{label:"PM",value:"PM"}];export{o as createArray,n as meridiemOptions};

package/components/DatePicker/TimePicker/index.d.ts

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

package/components/DatePicker/TimePicker/index.js

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

package/components/DatePicker/hooks.d.ts

@@ -0,0 +1,4 @@
+import 'dayjs/locale/hy-am';
+import 'dayjs/locale/ru';
+import 'dayjs/locale/en';
+export declare function useImportFilesDynamically(dayjsLocale: string): void;

package/components/DatePicker/hooks.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as m}from"react";import{registerLocale as r}from"react-datepicker";import{locale as i}from"dayjs";import{hy as f}from"date-fns/locale/hy";import{enGB as p}from"date-fns/locale/en-GB";import{ru as s}from"date-fns/locale/ru";import"dayjs/locale/hy-am";import"dayjs/locale/ru";import"dayjs/locale/en";import{DayJSLocale as l}from"../../type/locale.js";function x(a){const[o,r]=e(!1);m(()=>{a&&(async()=>{r(!1),i(l[a]),setTimeout(()=>{r(!0)},0)})()},[a])}r("hy",f),r("en",p),r("ru",s);export{x as useImportFilesDynamically};

package/components/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TimePicker';
+export * from './SimpleDatePicker';
+export * from './RangeDatePicker';

package/components/DatePicker/index.js

@@ -0,0 +1 @@
+import{TimePicker as o}from"./TimePicker/TimePicker.js";import{SimpleDatePicker as m}from"./SimpleDatePicker/SimpleDatePicker.js";import{RangeDatePicker as p}from"./RangeDatePicker/RangeDatePicker.js";export{p as RangeDatePicker,m as SimpleDatePicker,o as TimePicker};

package/components/DatePicker/localization.d.ts

@@ -0,0 +1,3 @@
+export declare const MONTHS: {
+    [key: string]: string[];
+};

package/components/DatePicker/localization.js

@@ -0,0 +1 @@
+const e={en:["January","February","March","April","May","June","July","August","September","October","November","December"],ru:["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"],hy:["Հունվար","Փետրվար","Մարտ","Ապրիլ","Մայիս","Հունիս","Հուլիս","Օգոստոս","Սեպտեմբեր","Հոկտեմբեր","Նոյեմբեր","Դեկտեմբեր"]};export{e as MONTHS};

package/components/DatePicker/types.d.ts

@@ -0,0 +1,46 @@
+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;
+    label?: ReactNode;
+    format?: string;
+    inline?: boolean;
+    modalOptions?: {
+        title?: string;
+        btnConfirmText?: string;
+        btnCancelText?: string;
+    };
+    locale?: string;
+}
+export interface ISimpleDatePickerProps extends TDatepickerBaseProps {
+    helperText?: string;
+    currentDate?: Date | undefined;
+    changeHandler?: (date: Date | null) => void;
+    excludeDates?: Date[];
+    required?: boolean;
+    value?: Date;
+    size?: 'large' | 'small';
+}
+export interface ITimePickerProps extends TDatepickerBaseProps {
+    currentTime?: Date | undefined;
+    changeHandler?: (date: Date | null) => void;
+    required?: boolean;
+    filterTime?: (date: Date) => boolean;
+    value?: Date;
+    size?: 'large' | 'small';
+    modalApplyButtonText?: string;
+}
+export interface IRangeDatePickerProps extends TDatepickerBaseProps {
+    currentDates?: TRangePickerValues;
+    changeHandler: (date: TRangePickerValues) => void;
+    maxDate?: Date | undefined;
+    value?: [Date, Date];
+}
+export type TRangePickerValues = [Date | null, Date | null];
+export declare enum DateFormat {
+    LongDate = "MMMM D, YYYY",
+    ShortDate = "MMM D, YYYY"
+}
+export {};

package/components/DatePicker/types.js

@@ -0,0 +1 @@
+var M=/* @__PURE__ */(M=>(M.LongDate="MMMM D, YYYY",M.ShortDate="MMM D, YYYY",M))(M||{});export{M as DateFormat};

package/components/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TDividerProps } from './types';
+export declare const Divider: (props: TDividerProps) => React.ReactElement;

package/components/Divider/Divider.js

@@ -0,0 +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};

package/components/Divider/index.d.ts

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

package/components/Divider/index.js

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

package/components/Divider/types.d.ts

@@ -0,0 +1,6 @@
+export interface TDividerProps {
+    type: 'primary' | 'secondary';
+    isHorizontal?: boolean;
+    className?: string;
+    color?: 'light-grey' | 'grey';
+}

package/components/Empty/Empty.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TEmptyProps } from './types';
+export declare const Empty: (props: TEmptyProps) => React.ReactElement;

package/components/Empty/Empty.js

@@ -0,0 +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};

package/components/Empty/index.d.ts

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

package/components/Empty/index.js

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

package/components/Empty/types.d.ts

@@ -0,0 +1,9 @@
+import { TButtonPropTypes } from '../Button/types';
+export interface TEmptyProps {
+    size?: string;
+    className?: string;
+    mainMessage?: string;
+    paragraphMessage?: string;
+    buttonProps?: TButtonPropTypes;
+    illustration?: string;
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DzFileUploadProps } from '../types';
+export declare const DropzoneFileUpload: React.ForwardRefExoticComponent<DzFileUploadProps & React.RefAttributes<unknown>>;

package/components/FileUpload/DropzoneFileUpload/DropzoneFileUpload.js

@@ -0,0 +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};

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

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+import { AreaContentDTO } from '../types';
+interface IErrorItemProps {
+    code: string;
+    areaContent: AreaContentDTO;
+    onRemove: () => void;
+    locale?: string;
+}
+export declare const ErrorItem: ({ code, onRemove, areaContent, locale }: IErrorItemProps) => ReactElement | null;
+export {};

package/components/FileUpload/DropzoneFileUpload/ErrorItem.js

@@ -0,0 +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};

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+interface IFilePreviewProps {
+    preview?: string;
+    type: string;
+}
+export declare const FilePreview: ({ preview, type }: IFilePreviewProps) => ReactElement;
+export {};

package/components/FileUpload/DropzoneFileUpload/FilePreview.js

@@ -0,0 +1,2 @@
+import{jsxs as f,Fragment as p,jsx as e}from"react/jsx-runtime";import{useState as o}from"react";import{Progress as _}from"../../Progress/Progress.js";import a from"../../../assets/images/file-preview.svg.js";import c from"classnames";const h=({preview:i,type:s})=>{const[r,m]=o(!0),[t,l]=o(!1);return"image"===s?/* @__PURE__ */f(p,{children:[r&&/* @__PURE__ */e(_,{size:"small",loop:!0,noText:!0,percent:30,type:"circle",dimension:20}),
+/* @__PURE__ */e("img",{src:t?a:i,alt:"Preview",onLoad:()=>{setTimeout(()=>{m(!1)},500)},onError:()=>{l(!0),m(!1)},className:c("dz-file-upload__files--item__preview--image",{"dz-file-upload__files--item__preview--image--loading":r})})]}):/* @__PURE__ */e("img",{src:a,alt:"Preview",className:"dnd-file-upload__files--item__preview--image dnd-file-upload__files--item__preview--image_default"})};export{h as FilePreview};

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

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

package/components/FileUpload/DropzoneFileUpload/PreviewItem.js

@@ -0,0 +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"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{O as PreviewItem};

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

@@ -0,0 +1,10 @@
+import { AreaContentDTO, IDzTranslation } from '../types';
+import { FileTypeEnum } from '../../../type';
+export declare const shortenFileName: (fileName: string, maxLength: number) => string;
+export declare const formatFileSize: (sizeInBytes: number, fractionDigits?: number) => string;
+export declare const generateAreaContent: ({ allowedTypes, maxSize, locale }: {
+    allowedTypes: FileTypeEnum[];
+    maxSize: number;
+    locale?: string;
+}) => AreaContentDTO;
+export declare const getDropzoneLocale: (lang?: string) => IDzTranslation;

package/components/FileUpload/DropzoneFileUpload/helpers.js

@@ -0,0 +1 @@
+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"../../Snackbar/consts.js";import"react";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/FileUpload/DropzoneFileUpload/index.d.ts

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

package/components/FileUpload/DropzoneFileUpload/index.js

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

package/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TFileUploadProps } from './types';
+export declare const FileUpload: (props: TFileUploadProps) => React.ReactElement | null;

package/components/FileUpload/FileUpload.js

@@ -0,0 +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};

package/components/FileUpload/UploadItems.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IUploadItemPropTypes } from './types';
+export declare const UploadItems: (props: IUploadItemPropTypes) => React.ReactElement;