hrm_ui_lib 0.0.1-beta.0

package/components/FileUpload/UploadItems.js

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

package/components/FileUpload/index.d.ts

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

package/components/FileUpload/index.js

@@ -0,0 +1 @@
+import{FileUpload as p}from"./FileUpload.js";import{DropzoneFileUpload as l}from"./DropzoneFileUpload/DropzoneFileUpload.js";import{FileUploadMode as a}from"./types.js";export{l as DropzoneFileUpload,p as FileUpload,a as FileUploadMode};

package/components/FileUpload/types.d.ts

@@ -0,0 +1,63 @@
+import { FILE_UPLOAD_ERRORS } from '../../consts';
+import { FileTypeEnum } from '../../type';
+import { Dispatch, SetStateAction } from 'react';
+import { Accept, DropzoneOptions } from 'react-dropzone';
+export interface TFileUploadProps extends IFormCompProps {
+    allowedTypes?: string;
+    label?: string | React.ReactElement;
+    buttonText?: string | React.ReactElement;
+    getFiles?: (files: File[]) => void;
+    handleFileClick?: (file: File) => void;
+    removeFiles?: (file: File) => void;
+    toBase64?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    isFileUploaded?: boolean;
+    withFilePreview?: boolean;
+    uploadedFiles?: File[];
+    multiple?: boolean;
+    mode?: FileUploadMode;
+    labelAddons?: React.ReactElement;
+    onError?: (errorType: FILE_UPLOAD_ERRORS) => void;
+    fileAllowedSize?: number;
+}
+export declare enum FileUploadMode {
+    edit = "edit",
+    attach = "attach",
+    view = "view"
+}
+export interface IUploadItemPropTypes {
+    name?: string;
+    onRemove: (file: File, index: number) => void;
+    fileType?: string;
+    isFileUploaded?: boolean;
+    error?: boolean;
+    handleFileClick?: (file: File) => void;
+    withFilePreview?: boolean;
+    files: File[];
+}
+export type FileType = File & {
+    preview?: string;
+};
+export type AreaContentDTO = {
+    acceptTypes: Accept;
+    maxSizeFormatted: string;
+    acceptTypesMessage: string;
+};
+export interface DzFileUploadProps extends DropzoneOptions, IFormCompProps {
+    allowedTypes?: FileTypeEnum[];
+    setFiles?: Dispatch<SetStateAction<FileType[]>>;
+    selectedFiles?: FileType[];
+    mode?: FileUploadMode;
+    locale?: string;
+}
+export interface IDzTranslation {
+    title: string;
+    format: string;
+    formats: string;
+    maxSize: string;
+    fileInvalidType: string;
+    fileTooLarge: string;
+    tooManyFiles: string;
+    or: string;
+}

package/components/FileUpload/types.js

@@ -0,0 +1 @@
+var r=/* @__PURE__ */(a=>(a.edit="edit",a.attach="attach",a.view="view",a))(r||{});export{r as FileUploadMode};

package/components/FormContainer/FormContainer.d.ts

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

package/components/FormContainer/FormContainer.js

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

package/components/FormContainer/index.d.ts

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

package/components/FormContainer/index.js

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

package/components/FormContainer/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { FormState, ValidationMode } from 'react-hook-form';
+import { AnyObjectSchema } from 'yup';
+import { TButtonPropTypes } from '../Button/types';
+export type TDirtyFields = Partial<Readonly<{
+    [x: string]: unknown;
+}>>;
+export interface FormPropTypes {
+    className?: string;
+    onSubmit?: (data: TFormData, formState: FormState<TFormData>, dirtyFields?: TDirtyFields) => void;
+    children?: ReactNode;
+    validationScheme: AnyObjectSchema;
+    initialValues: TFormData;
+    buttonConfigs?: TButtonPropTypes[];
+    shouldUnregister?: boolean;
+    shouldFocusError?: boolean;
+    mode?: keyof ValidationMode;
+    reValidateMode?: 'onChange' | 'onSubmit' | 'onBlur' | undefined;
+    formId?: string;
+    language?: string;
+}

package/components/FormField/FormField.d.ts

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

package/components/FormField/FormField.js

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

package/components/FormField/index.d.ts

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

package/components/FormField/index.js

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

package/components/FormField/types.d.ts

@@ -0,0 +1,9 @@
+export interface TFormFieldPropTypes {
+    As: (props: IFormCompProps) => React.ReactElement;
+    name: string;
+    className?: string;
+    dataId?: string;
+    hideErrorMessage?: boolean;
+    errorMessageIcon?: string;
+    defaultValue?: any;
+}

package/components/Heading/Heading.d.ts

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

package/components/Heading/Heading.js

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

package/components/Heading/index.d.ts

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

package/components/Heading/index.js

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

package/components/Heading/types.d.ts

@@ -0,0 +1,11 @@
+import { ElementType, ReactNode } from 'react';
+export interface HeadingPropTypes {
+    children?: ReactNode;
+    type?: ElementType;
+    size?: 'xsmall' | 'small' | 'standard' | 'medium' | 'large' | 'xlarge';
+    weight?: 'regular' | 'semibold' | 'bold' | 'bolder';
+    lineHeight?: 'xsmall' | 'small' | 'medium' | 'large';
+    className?: string;
+    onClick?: (event: TClickEventType) => void;
+    dataId?: string;
+}

package/components/Image/Image.d.ts

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

package/components/Image/Image.js

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

package/components/Image/index.d.ts

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

package/components/Image/index.js

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

package/components/Image/types.d.ts

@@ -0,0 +1,10 @@
+export interface ImagePropTypes {
+    name?: string;
+    imagePath?: string;
+    className?: string;
+    isBackgroundImage?: boolean;
+    backgroundSize?: 'cover' | 'contain';
+    isFullWidth?: boolean;
+    isFullHeight?: boolean;
+    ratio?: '1/1' | '2/1' | '3/1' | '4/3' | '16/9' | '1/1.618' | '2/3';
+}

package/components/Input/Input.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputCustomProps } from './types';
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputCustomProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/components/Input/Input.js

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

package/components/Input/index.d.ts

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

package/components/Input/index.js

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

package/components/Input/types.d.ts

@@ -0,0 +1,42 @@
+import { InputHTMLAttributes, ReactElement, RefObject, FocusEvent } from 'react';
+import { ISVGIconProps } from '../../type';
+export interface InputCustomProps extends IFormCompProps, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onFocus' | 'value' | 'onChange' | 'autoComplete'> {
+    mask?: string;
+    maskChar?: string | null;
+    maskPlaceholder?: string | null;
+    className?: string;
+    size?: 'large' | 'medium' | 'small';
+    currentValue?: string;
+    error?: string | ReactElement;
+    label?: string | ReactElement;
+    leftIconProps?: ISVGIconProps | null;
+    rightIconProps?: ISVGIconProps;
+    disabled?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    ref?: RefObject<HTMLInputElement>;
+    style?: Record<string, string>;
+    type?: 'text' | 'number' | 'time' | 'password' | 'email' | 'file' | 'tel' | 'date' | 'numeric';
+    handleChange?: (event: TChangeEventType, value: string) => void;
+    placeholder?: string;
+    datePlaceHolderText?: string;
+    helperText?: string;
+    successMessage?: string;
+    maxCount?: number;
+    onFocus?: (event: TClickEventType) => void;
+    handleBlurEvent?: (e: FocusEvent<HTMLInputElement>) => void;
+    hideCounter?: boolean;
+    allowNegative?: boolean;
+    currencySymbol?: string;
+    separatorSymbol?: string;
+    allowLeadingZeros?: boolean;
+    thousandSeparator?: string;
+    labelAddons?: ReactElement;
+    autoComplete?: string;
+    witUpperCase?: boolean;
+    isAllowed?: (values: {
+        formattedValue: string;
+        value: string;
+        floatValue: number | undefined;
+    }) => boolean;
+}

package/components/Link/Link.d.ts

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

package/components/Link/Link.js

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

package/components/Link/index.d.ts

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

package/components/Link/index.js

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

package/components/Link/types.d.ts

@@ -0,0 +1,10 @@
+export interface LinkPropTypes {
+    children?: string | React.ReactElement;
+    className?: string;
+    url?: string;
+    dataId?: string;
+    target?: string;
+    beforeLink?: string | React.ReactElement;
+    afterLink?: string | React.ReactElement;
+    onclick?: () => void;
+}

package/components/Menu/Menu.d.ts

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

package/components/Menu/Menu.js

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

package/components/Menu/NestedMenu.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TNestedMenuProps } from './types';
+export declare const NestedMenu: ({ menuItems, parentRef, onClose, isOpen, position, className }: TNestedMenuProps) => ReactElement | null;

package/components/Menu/NestedMenu.js

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

package/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menu';
+export * from './NestedMenu';

package/components/Menu/index.js

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

package/components/Menu/types.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from 'react';
+export type TMenuItem = {
+    label: TItemLabel;
+    value: TItemValue;
+    iconProps?: TSelectIconProps;
+    handler?: TCallBackFn;
+    disabled?: boolean;
+    dataId?: string;
+    meta?: string;
+};
+export type TMenuProps = {
+    className?: string;
+    menuItems?: TMenuItem[];
+    parentRef: HTMLElement | null;
+    onClose: TCallBackFn;
+    position?: TTooltipPosition;
+    isOpen: boolean;
+    children?: ReactNode;
+};
+export type TNestedMenuItemProps = {
+    title: string;
+    value: string | number;
+    subItems: TMenuItem[];
+    iconProps?: TSelectIconProps;
+};
+export type TNestedMenuProps = {
+    menuItems: TNestedMenuItemProps[];
+    parentRef: HTMLElement;
+    onClose: TCallBackFn;
+    className?: string;
+    position?: TTooltipPosition;
+    isOpen?: boolean;
+};

package/components/Modal/Modal.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TModalPropTypes } from './types';
+export declare const Modal: ({ isOpen, onClose, className, size, closeOnOutsideClick, isMobileFullScreen, ...rest }: TModalPropTypes) => ReactElement | null;

package/components/Modal/Modal.js

@@ -0,0 +1 @@
+import{jsx as m}from"react/jsx-runtime";import{useState as p,useId as _}from"react";import a from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as S}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as $}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{useAnimation as h}from"../../hooks/useAnimation.js";import{ModalContent as x}from"./ModalContent.js";import{useIsMobile as M}from"../../hooks/useGetIsMobile.js";import{useEscapeKey as N}from"../../hooks/useEscapeKey.js";const K=({isOpen:o,onClose:e,className:s="",size:i="medium",closeOnOutsideClick:t=!0,isMobileFullScreen:r,...n})=>{const l=M(),{animationState:c,shouldRender:d}=h({isOpen:o,enterDuration:l?0:400,exitDuration:200}),[u,f]=p(null);return S(u,e,t&&o,_()),$(o),N(e,{enabled:o}),d?/* @__PURE__ */m("div",{className:a("modal",`modal--${i}`,`modal--${c}`,s),children:/* @__PURE__ */m("div",{className:a("modal__container",`modal__container--${c}`,{modal__container_fullScreen:l&&r,[`modal__container_fullScreen--${c}`]:l&&r}),ref:f,children:/* @__PURE__ */m(x,{...n,onClose:e})})}):null};export{K as Modal};

package/components/Modal/ModalConfirmation.d.ts

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

package/components/Modal/ModalConfirmation.js

@@ -0,0 +1,3 @@
+import{jsx as e,jsxs as c}from"react/jsx-runtime";import{useState as v,useId as y}from"react";import d from"classnames";import"../../consts/index.js";import"../../context/types.js";import{useOnOutsideClick as C}from"../../hooks/useOnOutsideClick.js";import"../../hooks/useScreenSize.js";import{useHideBodyScroll as b}from"../../hooks/useHideBodyScroll.js";import"react-hook-form";import{useAnimation as k}from"../../hooks/useAnimation.js";import{Button as s}from"../Button/Button.js";import{Text as u}from"../Text/Text.js";import{useEscapeKey as R}from"../../hooks/useEscapeKey.js";const q=({isOpen:o,onClose:t,onSubmit:a,title:n,className:l="",size:i="small",buttonProps:r,dataIdPrefix:m,closeOnOutsideClick:p=!0,iconProps:f,subtitle:_})=>{const{animationState:h,shouldRender:x}=k({isOpen:o,enterDuration:400,exitDuration:200}),[j,N]=v(null);return C(j,t,p&&o,y()),b(o),R(t,{enabled:o}),x?/* @__PURE__ */e("div",{className:d("modal modal--confirmation",`modal--${i}`,`modal--${h}`,l),children:/* @__PURE__ */e("div",{className:d("modal__container","text-center",`modal__container--${h}`),ref:N,children:/* @__PURE__ */c("div",{className:"modal__content",children:[null!=f&&f.Component?/* @__PURE__ */e("div",{className:"modal__icon mb-32",children:/* @__PURE__ */e(f.Component,{size:"xlarge"})}):null,n?/* @__PURE__ */e(u,{weight:"bolder",lineHeight:"large",size:"large",dataId:m?`${m}-modal-title`:"",children:n}):null,_?/* @__PURE__ */e(u,{className:"mt-12",children:_}):null,r?/* @__PURE__ */c("div",{className:"modal__footer mt-32",children:[
+/* @__PURE__ */e(s,{type:"secondary",className:"modal__footer__btn mr-16",onClick:t,dataId:m?`${m}-modal-cancel-button`:"",...r.cancel||{}}),
+/* @__PURE__ */e(s,{type:"danger",className:"modal__footer__btn",onClick:a,dataId:m?`${m}-modal-confirm-button`:"",...r.confirm})]}):null]})})}):null};export{q as ModalConfirmation};

package/components/Modal/ModalContent.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement, ReactNode } from 'react';
+import { TButtonPropTypes } from '../Button/types';
+import { TTitleSize } from './types';
+type TProps = {
+    title?: string;
+    subtitle?: string;
+    dataIdPrefix?: string;
+    closeIcon?: boolean;
+    onClose: () => void;
+    children?: ReactNode;
+    className?: string;
+    withFooter?: boolean;
+    confirmBtnTooltipText?: string;
+    buttonProps?: {
+        cancel?: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    onSubmit?: () => void;
+    titleSize?: TTitleSize;
+};
+export declare const ModalContent: ({ title, subtitle, dataIdPrefix, closeIcon, onClose, children, withFooter, confirmBtnTooltipText, buttonProps, onSubmit, titleSize }: TProps) => ReactElement;
+export {};

package/components/Modal/ModalContent.js

@@ -0,0 +1,5 @@
+import{jsxs as n,Fragment as N,jsx as l}from"react/jsx-runtime";import u from"../SVGIcons/IconDismiss.js";import{Positions as g}from"../Tooltip/types.js";import{Button as r}from"../Button/Button.js";import{Text as d}from"../Text/Text.js";import{Tooltip as y}from"../Tooltip/Tooltip.js";import{noop as b}from"../../utils/helpers.js";const T=({title:o,subtitle:t,dataIdPrefix:e,closeIcon:i,onClose:a,children:s,withFooter:m=!0,confirmBtnTooltipText:c,buttonProps:p,onSubmit:_,titleSize:f="large"})=>/* @__PURE__ */n(N,{children:[o?/* @__PURE__ */n("div",{className:"modal__header",children:[
+/* @__PURE__ */n("div",{children:[
+/* @__PURE__ */l(d,{lineHeight:"large",size:f,weight:"bolder",dataId:e?`${e}-modal-title`:"",children:o}),t?/* @__PURE__ */l(d,{className:"mt-12",dataId:e?`${e}-modal-title`:"",children:t}):null]}),i?/* @__PURE__ */l(r,{className:"modal__close ml-16",dataId:e?`${e}-modal-close-button`:"",iconProps:{Component:u},onClick:a,type:"tertiary",size:"medium"===f?"small":"large"}):null]}):null,
+/* @__PURE__ */l("div",{className:"modal__content scrollbar scrollbar--vertical",children:s}),m&&p?/* @__PURE__ */n("div",{className:"modal__footer",children:[p.cancel&&/* @__PURE__ */l(r,{type:"tertiary",className:"modal__footer__btn mr-16",onClick:a,dataId:e?`${e}-modal-cancel-button`:"",...p.cancel||{}}),c?/* @__PURE__ */l(y,{text:c,id:"confirm-btn-tooltip",position:g.TOP_CENTER}):null,
+/* @__PURE__ */l(r,{id:"confirm-btn-tooltip",className:"modal__footer__btn",type:"primary",onClick:_||b,dataId:e?`${e}-modal-confirm-button`:"",...p.confirm})]}):null]});export{T as ModalContent};

package/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Modal';
+export * from './ModalConfirmation';

package/components/Modal/index.js

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

package/components/Modal/types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { TButtonPropTypes } from '../Button/types';
+export type TTitleSize = 'medium' | 'large';
+export interface TModalPropTypes {
+    dataIdPrefix?: string;
+    closeOnOutsideClick?: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit?: () => void;
+    title?: string;
+    subtitle?: string;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    titleSize?: TTitleSize;
+    withFooter?: boolean;
+    buttonProps?: {
+        cancel?: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    closeIcon?: boolean;
+    children?: ReactNode;
+    className?: string;
+    confirmBtnTooltipText?: string;
+    isMobileFullScreen?: boolean;
+}
+export interface TModalConfirmationPropTypes {
+    dataIdPrefix?: string;
+    closeOnOutsideClick?: boolean;
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: () => void;
+    title?: string;
+    subtitle?: string;
+    size?: 'small' | 'large';
+    buttonProps?: {
+        cancel?: TButtonPropTypes;
+        confirm: TButtonPropTypes;
+    };
+    iconProps?: {
+        Component: TSVGIconComponent;
+    };
+    className?: string;
+}

package/components/More/More.d.ts

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

package/components/More/More.js

@@ -0,0 +1,3 @@
+import{jsxs as c,jsx as m}from"react/jsx-runtime";import{useState as d}from"react";import{Text as i}from"../Text/Text.js";import{Button as f}from"../Button/Button.js";const g=t=>{const{textProps:o={},expandedText:e,collapsedText:s,buttonText:a={expand:"Ավելին",collapse:"Փակել"}}=t,[r,n]=d(!1);/* @__PURE__ */
+return c(i,{...o,className:"more",children:[`${r?e:s}`
+/* @__PURE__ */,m(f,{className:"more__btn ml-4",type:"link",buttonText:r?a.collapse:a.expand,onClick:r?t=>{t.stopPropagation(),n(!1)}:t=>{t.stopPropagation(),n(!0)}})]})};export{g as More};

package/components/More/index.d.ts

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

package/components/More/index.js

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

package/components/More/types.d.ts

@@ -0,0 +1,10 @@
+import { TextPropTypes } from '../Text/types';
+export type TMorePropTypes = {
+    textProps?: TextPropTypes;
+    expandedText: string;
+    collapsedText: string;
+    buttonText?: {
+        expand: string;
+        collapse: string;
+    };
+};

package/components/Pagination/Pagination.d.ts

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

package/components/Pagination/Pagination.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import f from"react-paginate";import{ICON_SIZE_MAPPING as n,PAGE_RANGE_DISPLAYED as P}from"./consts.js";import h from"classnames";import _ from"../SVGIcons/IconChevronRight.js";import N from"../SVGIcons/IconChevronLeft.js";import v from"../SVGIcons/IconMore.js";const z=a=>{const{totalCount:i,handleChangePage:o,classname:s="",size:r="large",pageSize:t,disableInitialCallback:l=!1,page:m,breakLabel:p=/* @__PURE__ */e(v,{size:n[r]}),labels:c={previous:/* @__PURE__ */e(N,{size:n[r]}),next:/* @__PURE__ */e(_,{size:n[r]})}}=a;/* @__PURE__ */
+return e("div",{className:"pagination-wrapper flexbox",children:/* @__PURE__ */e(f,{pageCount:Math.ceil(i/t),disableInitialCallback:l,pageRangeDisplayed:P,marginPagesDisplayed:1,onPageChange:({selected:a})=>{o(a+1)},containerClassName:h(`pagination pagination--${r}`,s),activeClassName:"active",previousLabel:null==c?void 0:c.previous,nextLabel:null==c?void 0:c.next,breakClassName:"pagination__more",breakLinkClassName:"pagination__more__link",breakLabel:p,...m?{forcePage:m-1}:{}})})};export{z as Pagination};

package/components/Pagination/consts.d.ts

@@ -0,0 +1,5 @@
+import { TSVGIconSize } from '../../type';
+export declare const PAGE_RANGE_DISPLAYED = 3;
+export declare const ICON_SIZE_MAPPING: {
+    [key: string]: TSVGIconSize;
+};

package/components/Pagination/consts.js

@@ -0,0 +1 @@
+const l=3,m={large:"small",medium:"xsmall",small:"xxsmall"};export{m as ICON_SIZE_MAPPING,l as PAGE_RANGE_DISPLAYED};

package/components/Pagination/index.d.ts

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

package/components/Pagination/index.js

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

package/components/Pagination/types.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+export type TPaginationProps = {
+    labels?: {
+        next: string | ReactElement;
+        previous: string | ReactElement;
+    };
+    totalCount: number;
+    page?: number;
+    pageSize: number;
+    handleChangePage: (pageNumber: number) => void;
+    breakLabel?: ReactElement;
+    classname?: string;
+    size?: 'large' | 'medium' | 'small';
+    disableInitialCallback?: boolean;
+};

package/components/Popover/Popover.d.ts

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

package/components/Popover/Popover.js

@@ -0,0 +1 @@
+import{jsx as f}from"react/jsx-runtime";import{useState as p,useEffect as r}from"react";import{useIsMobile as M}from"../../hooks/useGetIsMobile.js";import{PopoverMobile as P}from"./PopoverMobile.js";import{PopoverDesktop as v}from"./PopoverDesktop.js";const C=e=>{const{elemRef:o,id:s,clicked:t=!1,stopPropagation:i,...a}=e,m=M(),[c,n]=p(t),[l,d]=p(o||null),u=e=>{i&&e.stopImmediatePropagation(),n(!0)},g=()=>n(!1);return r(()=>{l&&l.addEventListener("click",u)},[l]),r(()=>{if(s){const e=document.getElementById(s.toString());d(e)}},[s]),r(()=>{!1===t&&n(t)},[t]),m?/* @__PURE__ */f(P,{...a,clicked:c,hideMessage:g}):/* @__PURE__ */f(v,{...a,parent:l,clicked:c,showMessage:u,hideMessage:g})};export{C as Popover};

package/components/Popover/PopoverDesktop.d.ts

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