hrm_ui_lib 0.0.1-beta.0

package/helperComponents/OptionItem/OptionItem.js

@@ -0,0 +1,5 @@
+import{jsxs as n,jsx as t,Fragment as I}from"react/jsx-runtime";import m from"classnames";import{useCallback as $}from"react";import{Avatar as y}from"../../components/Avatar/Avatar.js";import{Tooltip as j}from"../../components/Tooltip/Tooltip.js";import"../../consts/index.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Checkbox as A}from"../../components/Checkbox/Checkbox.js";import O from"../../components/SVGIcons/IconCheckmark.js";const E=e=>{const{size:o="small",data:a,onClick:s,disabled:l,isSelected:i,labelLeftIconProps:r,LabelRightIconComponent:c,OptionRightIconComponent:p,isCheckbox:d,className:_="",tooltipAddons:b,dataId:x="",style:h={}}=e,{label:u,meta:C,value:f,optionLeftIcon:g,avatar:k}=a,N=$(e=>{e.preventDefault(),e.stopPropagation(),!l&&s({value:f,label:u,meta:C})},[l,f,u,s]),v=/* @__PURE__ */n("div",{"data-id":x,id:`${f}`,className:m("select__option",{"select__option--disabled":l},_),onClick:N,style:h,children:[d?/* @__PURE__ */t(A,{className:"mr-8",selectedValue:i,disabled:l}):null,!d&&i?/* @__PURE__ */t(O,{size:"xsmall",type:l?"disabled":"brand",className:"mr-8"}):null,
+/* @__PURE__ */n("div",{className:"select__option__inner",children:[g&&g.Component?/* @__PURE__ */t(g.Component,{...g,size:"small",className:"mr-8"}):null,k&&/* @__PURE__ */t(y,{size:"small"===o?"xxsmall":"medium",imagePath:k.url,className:"mr-4",initials:k.initials}),null!=r&&r.Component?/* @__PURE__ */t(r.Component,{size:"xsmall",type:l?"disabled":"primary",className:"mr-4",...r}):null,
+/* @__PURE__ */n("div",{className:m("select__option__content",{select__option__content__large:"large"===o}),"data-id":x,children:[
+/* @__PURE__ */t("span",{className:m("select__option__text pr-4 "+(l?"color-disabled":""),{select__option__text__large:"large"===o}),children:u}),c&&c(f),C?/* @__PURE__ */t("span",{className:m("select__option__meta "+(l?"color-disabled":""),{select__option__meta__large:"large"===o}),children:C}):null]})]}),p&&p(f)]});return b?/* @__PURE__ */n(I,{children:[
+/* @__PURE__ */t(j,{...b,text:`${u}`,id:`${f}`}),v]}):v};export{E as OptionItem};

package/helperComponents/OptionItem/index.d.ts

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

package/helperComponents/OptionItem/index.js

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

package/helperComponents/OptionItem/types.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactElement } from 'react';
+import { TTooltipProps } from '../../components/Tooltip/types';
+export type TSelectItemProps = {
+    isSelected?: boolean;
+    data: TSelectOption;
+    className?: string;
+    onClick: (itemValue: TSelectedValue) => void;
+    labelLeftIconProps?: TSelectIconProps;
+    OptionRightIconComponent?: (value: TItemValue) => ReactElement;
+    LabelRightIconComponent?: (value: TItemValue) => ReactElement;
+    disabled?: boolean;
+    isCheckbox?: boolean;
+    tooltipAddons?: TTooltipProps;
+    dataId?: string;
+    style?: CSSProperties;
+    size?: 'small' | 'large';
+};

package/helpers/check-authorization.d.ts

@@ -0,0 +1,2 @@
+import { STATUS_CODE } from '../type';
+export declare const checkAuthorization: (statusCode: STATUS_CODE) => void;

package/helpers/check-authorization.js

@@ -0,0 +1 @@
+import{notify as c}from"../components/Snackbar/Snackbar.js";import{MESSAGE_TYPE as s}from"../type/notification.js";import{STATUS_CODE as n}from"../type/status-code.js";import{getTranslationLocale as u}from"./locale.js";import{getModulePrefix as p}from"./get-module-prefix.js";const t={authorization:{login:"/auth/login",logout:"/auth/logout",session:"/auth/session"}},d={en:{permissionDenied:"Permission denied",badRequest:"An unexpected error occurred. Please contact support for assistance."},ru:{permissionDenied:"Доступ запрещен",badRequest:"Произошла непредвиденная ошибка. Обратитесь в службу поддержки за помощью."},hy:{permissionDenied:"Permission denied",badRequest:"An unexpected error occurred. Please contact support for assistance."}},$=o=>{const e=u();if(o===n.UNAUTHORIZED){const o=`${window.location.pathname}${window.location.search}`,e=encodeURIComponent(o),n=p();fetch(`${window.location.origin}${n}${t.authorization.session}`).then(o=>o.json()).then(o=>{null!=o&&o.isAuthenticated?window.location.href=`${window.location.origin}${n}${t.authorization.logout}`:window.location.href=`${window.location.origin}${n}${t.authorization.login}?returnUrl=${e}`}).catch(()=>{window.location.href=`${window.location.origin}${n}${t.authorization.login}?returnUrl=${e}`})}o===n.PERMISSION_DENIED&&c({text:d[e].permissionDenied,type:s.error,toastId:/* @__PURE__ */(new Date).getTime()}),(o===n.BAD_REQUEST||o===n.SERVER_ISSUE)&&c({text:d[e].badRequest,type:s.error,toastId:/* @__PURE__ */(new Date).getTime()})};export{$ as checkAuthorization};

package/helpers/download-file.d.ts

@@ -0,0 +1 @@
+export declare const downloadFile: (url: string, fileName: string) => void;

package/helpers/download-file.js

@@ -0,0 +1 @@
+const n=(e,o)=>{const d=document.createElement("a");d.href=e,d.download=o,document.body.appendChild(d),d.click(),document.body.removeChild(d)};export{n as downloadFile};

package/helpers/format-date.d.ts

@@ -0,0 +1,2 @@
+export declare const formatDate: (value: string | Date | null | undefined, format: string, defaultValue?: string) => string;
+export declare const formatDateUTC: (value: string | Date | null | undefined, format: string, defaultValue?: string) => string;

package/helpers/format-date.js

@@ -0,0 +1 @@
+import r from"dayjs";import m from"dayjs/plugin/utc";import{getDayJSLocale as a}from"./locale.js";r.extend(m);const n=(o,t,m="")=>r(o).isValid()&&o?r(o).locale(a()).format(t):m,d=(o,t,m="")=>r(o).isValid()&&o?r.utc(o).locale(a()).format(t):m;export{n as formatDate,d as formatDateUTC};

package/helpers/get-module-prefix.d.ts

@@ -0,0 +1 @@
+export declare const getModulePrefix: () => string;

package/helpers/get-module-prefix.js

@@ -0,0 +1 @@
+const t=()=>`/${window.location.pathname.split("/")[1]||"cr"}`;export{t as getModulePrefix};

package/helpers/index.d.ts

@@ -0,0 +1,8 @@
+export * from './format-date';
+export * from './locale';
+export * from './storage';
+export * from './download-file';
+export * from './check-authorization';
+export * from './isDeepEqual';
+export * from './get-module-prefix';
+export * from './logout';

package/helpers/index.js

@@ -0,0 +1 @@
+import{formatDate as t,formatDateUTC as r}from"./format-date.js";import{getActiveLanguageCode as m,getDayJSLocale as f,getTranslationLocale as g}from"./locale.js";import{getLocalStorageItem as p,setLocalStorageItem as x}from"./storage.js";import{downloadFile as i}from"./download-file.js";import{checkAuthorization as u}from"./check-authorization.js";import{isDeepEqual as d}from"./isDeepEqual.js";import{getModulePrefix as s}from"./get-module-prefix.js";import{logout as h}from"./logout.js";export{u as checkAuthorization,i as downloadFile,t as formatDate,r as formatDateUTC,m as getActiveLanguageCode,f as getDayJSLocale,p as getLocalStorageItem,s as getModulePrefix,g as getTranslationLocale,d as isDeepEqual,h as logout,x as setLocalStorageItem};

package/helpers/isDeepEqual.d.ts

@@ -0,0 +1 @@
+export declare const isDeepEqual: <T extends Record<string, unknown>>(obj1: T, obj2: T) => boolean;

package/helpers/isDeepEqual.js

@@ -0,0 +1 @@
+const c=(e,t)=>{if(e===t)return!0;if(!e||!t||"object"!=typeof e||"object"!=typeof t)return!1;const r=Object.keys(e),n=Object.keys(t);return!(r.length!==n.length||!r.every(e=>n.includes(e)))&&r.every(r=>c(e[r],t[r]))};export{c as isDeepEqual};

package/helpers/locale.d.ts

@@ -0,0 +1,3 @@
+export declare const getActiveLanguageCode: () => string;
+export declare const getTranslationLocale: () => string;
+export declare const getDayJSLocale: () => string;

package/helpers/locale.js

@@ -0,0 +1 @@
+import{TranslationLocale as t,DayJSLocale as a}from"../type/locale.js";import{getLocalStorageItem as n}from"./storage.js";const o=()=>n("selectedLanguage")||"en-US",g=()=>{const a=o();return t[a]||"en"},L=()=>{const e=o();return a[t[e]]||"en"};export{o as getActiveLanguageCode,L as getDayJSLocale,g as getTranslationLocale};

package/helpers/logout.d.ts

@@ -0,0 +1 @@
+export declare const logout: (path?: string) => void;

package/helpers/logout.js

@@ -0,0 +1 @@
+import{clearStorage as e}from"../utils/helpers.js";import{getModulePrefix as n}from"./get-module-prefix.js";const a=(o="/auth/logout")=>{e();const t=`${window.location.pathname}${window.location.search}`,r=encodeURIComponent(t);window.location.href=`${n()}${o}?returnUrl=${r}`};export{a as logout};

package/helpers/storage.d.ts

@@ -0,0 +1,2 @@
+export declare const getLocalStorageItem: (key: string) => unknown;
+export declare const setLocalStorageItem: (key: string, value: unknown) => void;

package/helpers/storage.js

@@ -0,0 +1 @@
+const o=t=>{const e=localStorage.getItem(t);if(!e)return e;try{return JSON.parse(e)}catch{return e}},a=(t,e)=>{"string"!=typeof e?localStorage.setItem(t,JSON.stringify(e)):localStorage.setItem(t,e)};export{o as getLocalStorageItem,a as setLocalStorageItem};

package/hooks/index.d.ts

@@ -0,0 +1,12 @@
+export * from './useGetElemSizes';
+export * from './useGetTooltipStyles';
+export * from './useGetElemPositions';
+export * from './useGetTooltipPosition';
+export * from './useHideOnScroll';
+export * from './useFormProps';
+export * from './useFormContext';
+export * from './useOnOutsideClick';
+export * from './useScreenSize';
+export * from './useHideBodyScroll';
+export * from './useGetHasBottomSpace';
+export * from './useFieldArray';

package/hooks/index.js

@@ -0,0 +1 @@
+import{useGetElemSizes as r}from"./useGetElemSizes.js";import{useGetTooltipStyles as s}from"./useGetTooltipStyles.js";import{useGetElemPositions as m}from"./useGetElemPositions.js";import{useGetTooltipPosition as i}from"./useGetTooltipPosition.js";import{useHideOnScroll as f}from"./useHideOnScroll.js";import{useFormProps as S}from"./useFormProps.js";import{useFormContext as n}from"./useFormContext.js";import{useOnOutsideClick as a}from"./useOnOutsideClick.js";import{useScreenSize as H}from"./useScreenSize.js";import{useHideBodyScroll as F}from"./useHideBodyScroll.js";import{useGetHasBottomSpace as P,useGetHasTopSpace as T}from"./useGetHasBottomSpace.js";import{useFieldArray as B}from"react-hook-form";export{B as useFieldArray,n as useFormContext,S as useFormProps,m as useGetElemPositions,r as useGetElemSizes,P as useGetHasBottomSpace,T as useGetHasTopSpace,i as useGetTooltipPosition,s as useGetTooltipStyles,F as useHideBodyScroll,f as useHideOnScroll,a as useOnOutsideClick,H as useScreenSize};

package/hooks/useAnimation.d.ts

@@ -0,0 +1,12 @@
+export type AnimationState = 'entering' | 'entered' | 'exiting' | 'exited';
+interface UseAnimationOptions {
+    isOpen: boolean;
+    enterDuration?: number;
+    exitDuration?: number;
+    onExitComplete?: () => void;
+}
+export declare const useAnimation: ({ isOpen, enterDuration, exitDuration, onExitComplete }: UseAnimationOptions) => {
+    animationState: AnimationState;
+    shouldRender: boolean;
+};
+export {};

package/hooks/useAnimation.js

@@ -0,0 +1 @@
+import{useState as i,useEffect as d}from"react";const T=({isOpen:e,enterDuration:t=400,exitDuration:n=200,onExitComplete:r})=>{const[o,s]=i(e?"entered":"exited"),[u,a]=i(e);return d(()=>{if(e){a(!0),s("entering");const e=setTimeout(()=>{s("entered")},10);return()=>{clearTimeout(e)}}{s("exiting");const e=setTimeout(()=>{s("exited"),a(!1),null==r||r()},n);return()=>{clearTimeout(e)}}},[e,n,r]),{animationState:o,shouldRender:u}};export{T as useAnimation};

package/hooks/useChangePositionsOnScroll.d.ts

@@ -0,0 +1 @@
+export declare const useChangePositionsOnScroll: (parentElement: HTMLElement | null, childElement: HTMLElement | null, hasBottomSpace?: boolean) => null;

package/hooks/useChangePositionsOnScroll.js

@@ -0,0 +1 @@
+import{useEffect as i}from"react";import{CUSTOM_SCROLL_NAME as r,CUSTOM_SCROLL_MESSAGE as c,DROPDOWN_AND_INPUT_GAP as f}from"../consts/index.js";const S=(t,n,e=!0)=>{const o=()=>{const o=null==t?void 0:t.getBoundingClientRect();(null==n?void 0:n.getBoundingClientRect())&&o&&n&&(e?n.style.top=o.bottom+"px":n.style.bottom=window.innerHeight-o.top+f+"px")};return i(()=>{window.addEventListener("scroll",o)},[o]),i(()=>{document.addEventListener(r,t=>{t.detail===c&&o()})},[o]),null};export{S as useChangePositionsOnScroll};

package/hooks/useDispatchEventOnScroll.d.ts

@@ -0,0 +1 @@
+export declare const useDispatchEventOnScroll: () => () => void;

package/hooks/useDispatchEventOnScroll.js

@@ -0,0 +1 @@
+import{CUSTOM_SCROLL_NAME as e,CUSTOM_SCROLL_MESSAGE as n}from"../consts/index.js";const c=()=>()=>{const t=new CustomEvent(e,{detail:n});document.dispatchEvent(t)};export{c as useDispatchEventOnScroll};

package/hooks/useEscapeKey.d.ts

@@ -0,0 +1,5 @@
+type UseEscapeKeyOptions = {
+    enabled?: boolean;
+};
+export declare function useEscapeKey(onEscape: () => void, { enabled }?: UseEscapeKeyOptions): void;
+export {};

package/hooks/useEscapeKey.js

@@ -0,0 +1 @@
+import{useEffect as o}from"react";function w(e,{enabled:n=!0}={}){o(()=>{if(!n)return;const o=n=>{"Escape"===n.key&&e()};return window.addEventListener("keydown",o),()=>{window.removeEventListener("keydown",o)}},[e,n])}export{w as useEscapeKey};

package/hooks/useFieldArray.d.ts

@@ -0,0 +1 @@
+export { useFieldArray } from 'react-hook-form';

package/hooks/useFieldArray.js

@@ -0,0 +1 @@
+import{useFieldArray as o}from"react-hook-form";export{o as useFieldArray};

package/hooks/useFormContext.d.ts

@@ -0,0 +1,9 @@
+import { Control, FieldValues, UseFormRegister } from 'react-hook-form';
+type TFormContextProps = {
+    register?: UseFormRegister<TFormData>;
+    errors?: FieldErrors;
+    setValue: TSetValue;
+    control?: Control<FieldValues, unknown>;
+};
+export declare const useFormContext: () => TFormContextProps;
+export {};

package/hooks/useFormContext.js

@@ -0,0 +1 @@
+import{useContext as o}from"react";import{FormContext as t}from"../context/types.js";const m=()=>o(t);export{m as useFormContext};

package/hooks/useFormProps.d.ts

@@ -0,0 +1,2 @@
+import { TFormContextProps } from '../context';
+export declare const useFormProps: () => TFormContextProps;

package/hooks/useFormProps.js

@@ -0,0 +1 @@
+import{useContext as o}from"react";import{FormContext as r}from"../context/types.js";const m=()=>o(r);export{m as useFormProps};

package/hooks/useGetElemPositions.d.ts

@@ -0,0 +1,10 @@
+type TPositionReturnTypes = {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+    x?: number;
+    y?: number;
+};
+export declare const useGetElemPositions: (elemRef: HTMLElement | null) => TPositionReturnTypes;
+export {};

package/hooks/useGetElemPositions.js

@@ -0,0 +1 @@
+const n=t=>{if(!t||!t.getBoundingClientRect)return{left:0,top:0,bottom:0,right:0};const o=t.getBoundingClientRect();return{left:o.left,right:o.right,top:o.top,bottom:o.bottom}};export{n as useGetElemPositions};

package/hooks/useGetElemSizes.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+type TSizes = {
+    width: number;
+    height: number;
+    scrollHeight: number;
+};
+interface TRef extends RefObject<HTMLElement> {
+    clientWidth: number;
+    clientHeight: number;
+    scrollHeight: number;
+}
+export declare const useGetElemSizes: (elemRef: HTMLElement | TRef | null) => TSizes;
+export {};

package/hooks/useGetElemSizes.js

@@ -0,0 +1 @@
+const i=i=>i?{width:i.clientWidth,scrollHeight:i.scrollHeight,height:i.clientHeight}:{width:0,height:0,scrollHeight:0};export{i as useGetElemSizes};

package/hooks/useGetHasBottomSpace.d.ts

@@ -0,0 +1,11 @@
+export declare const useGetHasTopSpace: ({ element, input }: {
+    element: HTMLDivElement | null;
+    input: HTMLElement | null;
+}) => boolean;
+export declare const useGetHasBottomSpace: ({ element, input }: {
+    element: HTMLDivElement | null;
+    input: HTMLElement | null;
+}) => {
+    hasBottomSpace: boolean;
+    bottomSpace: number;
+};

package/hooks/useGetHasBottomSpace.js

@@ -0,0 +1 @@
+import{useGetElemPositions as s}from"./useGetElemPositions.js";import{useGetElemSizes as i}from"./useGetElemSizes.js";const r=({element:e,input:t})=>{const{height:o}=i(e),{top:n}=s(t);return n>o},c=({element:e,input:t})=>{const{height:o}=i(e),{bottom:n}=s(t);return{hasBottomSpace:o<window.innerHeight-n,bottomSpace:window.innerHeight-n}};export{c as useGetHasBottomSpace,r as useGetHasTopSpace};

package/hooks/useGetIsMobile.d.ts

@@ -0,0 +1 @@
+export declare const useIsMobile: (size?: number) => boolean;

package/hooks/useGetIsMobile.js

@@ -0,0 +1 @@
+import{useState as w,useRef as u,useEffect as r}from"react";import{MOBILE_POINT as c}from"../consts/index.js";const s=(e,t,n=window)=>{const i=u(t);r(()=>{i.current=t},[t,i]),r(()=>{if(!n||!n.addEventListener)return;const t=e=>i.current(e);return n.addEventListener(e,t),()=>{n.removeEventListener(e,t)}},[e,n,i])},h=()=>{const[e,t]=w({width:window.innerWidth,height:window.innerHeight}),n=()=>{t({width:window.innerWidth,height:window.innerHeight})};return s("resize",n),s("orientationchange",n),e},f=(e=c)=>h().width<=e;export{f as useIsMobile};

package/hooks/useGetTooltipPosition.d.ts

@@ -0,0 +1 @@
+export declare const useGetTooltipPosition: (info: TTooltipInfo) => TTooltipPosition;

package/hooks/useGetTooltipPosition.js

@@ -0,0 +1 @@
+import{useMemo as u}from"react";import{useGetElemPositions as P}from"./useGetElemPositions.js";import{useGetElemSizes as d}from"./useGetElemSizes.js";const n=20,m=20,A=e=>{const{initialPosition:t,elemRef:i,tooltipRef:r,hasTriangle:o=!0}=e,{left:l,top:s,bottom:c}=P(i),{width:h,height:p}=d(r),{width:f}=d(i),a=u(()=>{const e=p+n<s,i=p+n<window.innerHeight-c,r=h+n<l,o=h+n<window.innerWidth-l,d=h+n<window.innerWidth-l-f;return i||o||!t.includes("bottom-right")?!e&&t.includes("top")?t.replace("top","bottom"):!i&&t.includes("bottom")?t.replace("bottom","top"):!r&&t.includes("left")?t.replace("left","right"):!o&&t.includes("right")||!d&&t.includes("middle-right")?t.replace("right","left"):t:t.replace("bottom-right","top-left")},[p,h,c,t]),g=u(()=>{const e=h<l+m+n,t=h+n<window.innerWidth-l;if(a.includes("middle"))return a;if(a.includes("right")&&!e)return a.replace("right","left");if(a.includes("left")&&!t)return a.replace("left","right");if(a.includes("center")){const e=h/2<l+m+n,t=h/2+n<window.innerWidth-l;return e?t?a:a.replace("center","right"):a.replace("center","left")}return a},[a,h,f,l]);return o?g:a};export{A as useGetTooltipPosition};

package/hooks/useGetTooltipStyles.d.ts

@@ -0,0 +1,14 @@
+type TReturn = {
+    tooltipPosition: TTooltipPosition;
+    tooltipStyles: {
+        top: number;
+        left: number;
+    };
+};
+export declare const useGetTooltipStyles: ({ initialPosition, elemRef, tooltipRef, toolTipCurrentWidth }: {
+    initialPosition: TTooltipPosition;
+    elemRef: HTMLElement | null;
+    tooltipRef: HTMLElement | null;
+    toolTipCurrentWidth?: number;
+}) => TReturn;
+export {};

package/hooks/useGetTooltipStyles.js

@@ -0,0 +1 @@
+import{useMemo as _}from"react";import{useGetElemSizes as O}from"./useGetElemSizes.js";import{useGetElemPositions as h}from"./useGetElemPositions.js";import{useGetTooltipPosition as c}from"./useGetTooltipPosition.js";import{Positions as e}from"../components/Tooltip/types.js";const i=8,g=({initialPosition:t,elemRef:o,tooltipRef:i,toolTipCurrentWidth:s})=>{const{top:l,left:p,right:T}=h(o),{width:f,height:m}=O(o),{height:r,width:n}=O(i),E=s||n,P=c({tooltipRef:i,elemRef:o,initialPosition:t});return{tooltipStyles:_(()=>P===e.BOTTOM_LEFT?{top:l+(m+8),left:p}:P===e.TOP_LEFT?{top:l-(r+8),left:p}:P===e.BOTTOM_RIGHT?{top:l+(m+8),left:T-E-8}:P===e.TOP_RIGHT?{top:l-r-8,left:T-E-8}:P===e.BOTTOM_CENTER?{top:l+(m+8),left:p-(E-f)/2}:P===e.TOP_CENTER?{top:l-(r+8),left:p-(E-f)/2}:P===e.MIDDLE_LEFT?{top:l+m/2-r/2,left:p-E-8}:P===e.MIDDLE_RIGHT?{top:l+m/2-r/2,left:p+f+8}:{left:p,top:l},[l,p,f,m,P,E]),tooltipPosition:P}};export{g as useGetTooltipStyles};

package/hooks/useHideBodyScroll.d.ts

@@ -0,0 +1 @@
+export declare const useHideBodyScroll: (isOpen: boolean) => null;

package/hooks/useHideBodyScroll.js

@@ -0,0 +1 @@
+import{useState as l,useEffect as i}from"react";const f=o=>{const[e,t]=l("initial"),[r,s]=l(!1);return i(()=>{o?(document.body.style.overflow="hidden",s(!0)):r&&(document.body.style.overflow=e)},[o]),i(()=>{const o=document.body.style.overflow;return o&&t(o),()=>{document.body.style.overflow=e}},[]),null};export{f as useHideBodyScroll};

package/hooks/useHideOnScroll.d.ts

@@ -0,0 +1 @@
+export declare const useHideOnScroll: (hide: () => void, parent?: HTMLElement | null) => null;

package/hooks/useHideOnScroll.js

@@ -0,0 +1 @@
+import{useEffect as n}from"react";import{CUSTOM_SCROLL_NAME as s,CUSTOM_SCROLL_MESSAGE as l}from"../consts/index.js";const u=(e,t)=>{const r=t??document;return n(()=>(r.addEventListener("scroll",e),()=>{r.removeEventListener("scroll",e)}),[]),n(()=>{r.addEventListener(s,s=>{s.detail===l&&e()})},[]),null};export{u as useHideOnScroll};

package/hooks/useOnOutsideClick.d.ts

@@ -0,0 +1 @@
+export declare const useOnOutsideClick: (ref: HTMLElement | null, callback: (event: MouseEvent) => void, state: boolean, uid: string, shouldRemoveCallback?: boolean) => void;

package/hooks/useOnOutsideClick.js

@@ -0,0 +1 @@
+import{useEffect as s}from"react";const e=[];function f(n){const t=e[e.length-1];if(!t)return;const{ref:s,callback:o,shouldRemoveCallback:c}=t;s&&!s.contains(n.target)&&(c&&e.splice(e.length-1,1),o(n))}const r=(n,t,o,c,l=!0)=>{s(()=>{if(n&&o&&c)return e.push({ref:n,callback:t,uid:c,shouldRemoveCallback:l}),1===e.length&&document.addEventListener("mousedown",f),()=>{0===e.length&&document.removeEventListener("mousedown",f)}},[n,o,c]),s(()=>{if(!o&&e.length>0){const n=e.findIndex(e=>e.uid===c);n>=0&&e.splice(n,1)}},[o])};export{r as useOnOutsideClick};

package/hooks/useScreenSize.d.ts

@@ -0,0 +1,3 @@
+type ScreenSize = 'small' | 'medium' | 'large';
+export declare const useScreenSize: () => ScreenSize;
+export {};

package/hooks/useScreenSize.js

@@ -0,0 +1 @@
+import{useState as s,useEffect as o}from"react";import{SCREEN_SIZES as c}from"../consts/index.js";const{SMALL:u,MEDIUM:S}=c,m=()=>{const[e,t]=s(n);function n(){const e=window.innerWidth;switch(!0){case e<=u:return"small";case e<=S:return"medium";default:return"large"}}const r=()=>{t(n())};return o(()=>(window.addEventListener("resize",r),r(),()=>{window.removeEventListener("resize",r)}),[]),e};export{m as useScreenSize};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "hrm_ui_lib",
+  "version": "0.0.1-beta.0",
+  "description": "UI library for Dino",
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "author": "",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hrmuilibrary/hrm_ui_library.git"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "yup": ">=1.0.0"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@emotion/is-prop-valid": "^1.3.1",
+    "@hookform/error-message": "^2.0.1",
+    "@hookform/resolvers": "^5.1.1",
+    "@ncdai/react-wheel-picker": "^1.0.14",
+    "@tanstack/react-table": "^8.21.3",
+    "classnames": "^2.5.1",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.13",
+    "motion": "^12.23.12",
+    "react-datepicker": "^8.4.0",
+    "react-dropzone": "^14.3.8",
+    "react-hook-form": "^7.59.0",
+    "react-input-mask": "^2.0.4",
+    "react-loading-skeleton": "^3.5.0",
+    "react-number-format": "^5.4.4",
+    "react-paginate": "^8.3.0",
+    "react-syntax-highlighter": "^15.6.1",
+    "react-table": "^7.8.0",
+    "react-toastify": "11.0.5",
+    "react-window": "^1.8.11",
+    "sass": "^1.89.2"
+  },
+  "sideEffects": false,
+  "homepage": "https://github.com/hrmuilibrary/hrm_ui_library"
+}

package/type/file-upload.d.ts

@@ -0,0 +1,5 @@
+export declare enum FileTypeEnum {
+    PDF = "PDF",
+    IMAGE = "IMAGE",
+    DOC = "DOC"
+}

package/type/file-upload.js

@@ -0,0 +1 @@
+var D=/* @__PURE__ */(D=>(D.PDF="PDF",D.IMAGE="IMAGE",D.DOC="DOC",D))(D||{});export{D as FileTypeEnum};

package/type/index.d.ts

@@ -0,0 +1,5 @@
+export * from './locale';
+export * from './file-upload';
+export * from './notification';
+export * from './status-code';
+export * from './svg-icons';

package/type/index.js

@@ -0,0 +1 @@
+import{DayJSLocale as e,TranslationLocale as a}from"./locale.js";import{FileTypeEnum as p}from"./file-upload.js";import{MESSAGE_TYPE as E}from"./notification.js";import{STATUS_CODE as T}from"./status-code.js";export{e as DayJSLocale,p as FileTypeEnum,E as MESSAGE_TYPE,T as STATUS_CODE,a as TranslationLocale};

package/type/locale.d.ts

@@ -0,0 +1,10 @@
+export declare enum TranslationLocale {
+    'en-US' = "en",
+    'hy-AM' = "hy",
+    'ru-RU' = "ru"
+}
+export declare enum DayJSLocale {
+    'en' = "en",
+    'hy' = "hy-am",
+    'ru' = "ru"
+}

package/type/locale.js

@@ -0,0 +1 @@
+var u=/* @__PURE__ */(a=>(a["en-US"]="en",a["hy-AM"]="hy",a["ru-RU"]="ru",a))(u||{}),h=/* @__PURE__ */(a=>(a.en="en",a.hy="hy-am",a.ru="ru",a))(h||{});export{h as DayJSLocale,u as TranslationLocale};

package/type/notification.d.ts

@@ -0,0 +1,6 @@
+export declare enum MESSAGE_TYPE {
+    success = "success",
+    error = "error",
+    warning = "warning",
+    information = "information"
+}

package/type/notification.js

@@ -0,0 +1 @@
+var n=/* @__PURE__ */(r=>(r.success="success",r.error="error",r.warning="warning",r.information="information",r))(n||{});export{n as MESSAGE_TYPE};

package/type/status-code.d.ts

@@ -0,0 +1,6 @@
+export declare enum STATUS_CODE {
+    UNAUTHORIZED = 401,
+    PERMISSION_DENIED = 403,
+    BAD_REQUEST = 400,
+    SERVER_ISSUE = 500
+}

package/type/status-code.js

@@ -0,0 +1 @@
+var I=/* @__PURE__ */(E=>(E[E.UNAUTHORIZED=401]="UNAUTHORIZED",E[E.PERMISSION_DENIED=403]="PERMISSION_DENIED",E[E.BAD_REQUEST=400]="BAD_REQUEST",E[E.SERVER_ISSUE=500]="SERVER_ISSUE",E))(I||{});export{I as STATUS_CODE};

package/type/svg-icons.d.ts

@@ -0,0 +1,14 @@
+import { LegacyRef, MouseEvent } from 'react';
+export type TSVGIconSize = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
+export type TSVGIconType = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
+export interface ISVGIconProps {
+    size?: TSVGIconSize;
+    type?: TSVGIconType;
+    onClick?: (event: MouseEvent<any>) => void;
+    className?: string;
+    refHandler?: LegacyRef<SVGSVGElement> | undefined;
+    id?: string;
+    dataId?: string;
+    Component?: TSVGIconComponent;
+}
+export type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';

package/utils/helpers.d.ts

@@ -0,0 +1,16 @@
+export declare const noop: () => void;
+export declare const checkIsAllowedFileSize: (allowedSize: number, fileSize: number) => boolean;
+export declare const openFileInNewWindow: ({ e, file, handleFileClick }: {
+    e: TClickEventType;
+    file: File;
+    handleFileClick?: (file: File) => void;
+}) => void;
+export declare const getFormattedValues: (files: File[]) => FileReader[];
+export declare const uniqueFiles: (files: File[]) => File[];
+export declare const checkIsAllowedTypes: (allowedTypes: string, mimeType: string) => boolean;
+export declare const getStringWidth: (text: string, fontSize: number) => number;
+export declare const setTranslationValue: (translation: string, value: string | number) => string;
+export declare const getYearOptions: (startYear: number, lastYear: number) => TSelectOptions;
+export declare const isSameDay: (date1?: Date, date2?: Date) => boolean;
+export declare const generateDataTestId: (postfix: string, dataId?: string) => string;
+export declare const clearStorage: () => void;

package/utils/helpers.js

@@ -0,0 +1 @@
+import s from"dayjs";import{STORE_KEYS as c}from"../consts/index.js";const l=()=>{},u=(e,o)=>o<=e,d=({e:e,file:o,handleFileClick:t})=>{if(e.preventDefault(),t&&t(o),o)if(o instanceof Blob){const e=URL.createObjectURL(o);window.open(e)}else console.error("The provided object is not a File or Blob.");else console.error("No file provided.")},p=e=>{const o=[];for(let t=0;t<e.length;t++){const s=new FileReader;s.onloadend=()=>{console.log(s.result)},s.readAsDataURL(e[t]),o.push(s)}return o},f=e=>e.filter((e,o,t)=>o===t.findIndex(o=>o.name===e.name)),m=(e,o)=>e.includes(o),g=(e,o)=>{const t=document.createElement("canvas").getContext("2d");return t?(t.font=o+"px Arial",t.measureText(e).width):0},v=(e,o)=>e.replace("%s",o.toString()),w=(e,o)=>{const t=[];for(;e<=o;)t.push({value:o,label:o}),o--;return t},S=(e,o)=>!(!e||!o)&&s(e).isSame(o,"day"),h=(e,o)=>o?`${o}-${e}`:"",x=()=>{for(const e in c)localStorage.removeItem(e)};export{u as checkIsAllowedFileSize,m as checkIsAllowedTypes,x as clearStorage,h as generateDataTestId,p as getFormattedValues,g as getStringWidth,w as getYearOptions,S as isSameDay,l as noop,d as openFileInNewWindow,v as setTranslationValue,f as uniqueFiles};