hrm_ui_lib 0.0.1-beta.0

package/components/TableV2/Table.js

@@ -0,0 +1,8 @@
+import{jsx as t,jsxs as h,Fragment as Q}from"react/jsx-runtime";import X,{useState as Y,useCallback as Z,useMemo as C}from"react";import{flexRender as y}from"@tanstack/react-table";import{DndContext as F,closestCenter as G,DragOverlay as ee}from"@dnd-kit/core";import{SortableContext as ne,horizontalListSortingStrategy as te}from"@dnd-kit/sortable";import{ColumnHeader as ie}from"./ColumnHeader.js";import le from"react-loading-skeleton";import{useTableControl as oe}from"./hooks/useTableControl.js";import{Text as ae}from"../Text/Text.js";import o from"classnames";import{Empty as se}from"../Empty/Empty.js";import{Button as re}from"../Button/Button.js";import ce from"../SVGIcons/IconChevronDown.js";import de from"../SVGIcons/IconChevronUp.js";import"react-loading-skeleton/dist/skeleton.css";const me=({row:e,expandedRows:n,onToggle:a})=>{var l,i,r;return(null==(l=e.original)?void 0:l.subRows)&&(null==(r=null==(i=e.original)?void 0:i.subRows)?void 0:r.length)>0?/* @__PURE__ */t(re,{type:"tertiary",size:"medium",className:o("advanced-table__expand-button"),iconProps:{Component:n.has(e.id)?de:ce},onClick:t=>{t.stopPropagation(),a(e.id)}}):null};function _e({data:e,columns:n,isLoading:a,hasError:l,isActionsVisible:i=!1,totalCount:r=0,emptyTitle:d,emptySubTitle:s,emptyIllustration:c,withSelect:m=!1,withBorder:g=!0,defaultPageIndex:u,defaultPageSize:p,defaultHiddenColumns:b,collapsibleRows:S=!1,renderExpandedContent:x,renderHeader:f,renderFooter:w,onSortChange:v,onRowClick:z,tableSettings:k,onRowSelection:D,onColumnSizing:I,onPaginationChange:P}){const[_,R]=Y(/* @__PURE__ */new Set),T=Z(e=>{R(t=>{const n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),j=C(()=>({id:"expand",accessorKey:"expand",header:()=>/* @__PURE__ */t("span",{style:{display:"none"},children:"Expand"}),size:50,minSize:50,maxSize:50,cell:({row:e})=>/* @__PURE__ */t(me,{row:e,expandedRows:_,onToggle:T}),meta:{enableHiding:!1,enableColumnDragging:!1,enablePinning:!0,enableResizing:!1,headerVisible:!1,enableSorting:!1}}),[_,T]),{table:N,sensors:E,handleDragStart:H,handleDragEnd:V,handleDragCancel:A,activeHeader:B}=oe({data:e,tableSettings:k,columns:S?[j,...n]:n,withSelect:m,totalCount:r,defaultPageIndex:u,defaultPageSize:p,defaultHiddenColumns:b,onSortChange:v,onRowSelection:D,onColumnSizing:I,onPaginationChange:P}),M=null==f?void 0:f(N),$=null==w?void 0:w(N),L=e=>{const t=e.getIsPinned();return{left:"left"===t?`${e.getStart("left")}px`:void 0,right:"right"===t?`${e.getAfter("right")}px`:void 0,position:t?"sticky":"relative",backgroundColor:t?"white":void 0,minWidth:e.getSize(),zIndex:t?1:0}},W=C(()=>({minWidth:null!=e&&e.length?N.getCenterTotalSize():void 0}),[null==e?void 0:e.length,N]),K=C(()=>Array.from({length:N.getState().pagination.pageSize}),[N.getState().pagination.pageSize]);/* @__PURE__ */
+return h("div",{className:o("advanced-table",{"with-border":g}),children:[M,
+/* @__PURE__ */t("div",{className:o("advanced-table__inner scrollbar scrollbar--horizontal scrollbar--vertical"),children:/* @__PURE__ */h(F,{sensors:E,collisionDetection:G,onDragStart:H,onDragEnd:V,onDragCancel:A,children:[
+/* @__PURE__ */t("div",{children:/* @__PURE__ */t("table",{style:W,children:a||null!=e&&e.length&&!l?/* @__PURE__ */h(Q,{children:[
+/* @__PURE__ */t("thead",{className:o("advanced-table__thead"),children:N.getHeaderGroups().map(e=>/* @__PURE__ */t("tr",{children:/* @__PURE__ */t(ne,{items:e.headers.map(e=>e.id),strategy:te,children:e.headers.map(e=>"actions"!==e.id||i?/* @__PURE__ */t(ie,{pinnedStyles:{...L(e.column)},header:e},e.id):null)})},e.id))}),
+/* @__PURE__ */t("tbody",{children:a?K.map((e,n)=>/* @__PURE__ */t("tr",{children:N.getVisibleFlatColumns().map(e=>/* @__PURE__ */t("td",{className:o({"with-checkbox":"select"===e.id,"pinned-cell":e.getIsPinned(),"action-column":"actions"===e.id&&!i}),style:{...L(e)},children:/* @__PURE__ */t(le,{})},e.id))},`skeleton-row-${n}`)):N.getRowModel().rows.map(e=>/* @__PURE__ */h(X.Fragment,{children:[
+/* @__PURE__ */t("tr",{className:o({selected:e.getIsSelected()}),children:e.getVisibleCells().map(n=>/* @__PURE__ */t("td",{className:o({"with-checkbox":"select"===n.column.id,"pinned-cell":n.column.getIsPinned(),"action-column":"actions"===n.column.id&&!i,"expand-column":"expand"===n.column.id}),id:n.id,onClick:()=>((e,t)=>{"actions"!==e.id&&"select"!==e.id&&z&&z(t)})(n.column,e),style:{...L(n.column)},children:"actions"!==n.column.id||i?y(n.column.columnDef.cell,n.getContext()):/* @__PURE__ */t("div",{className:o("actions-list__right"),children:y(n.column.columnDef.cell,n.getContext())})},n.id))}),S&&_.has(e.id)&&x&&/* @__PURE__ */t("tr",{className:o("advanced-table__expanded-row"),children:/* @__PURE__ */t("td",{colSpan:e.getVisibleCells().length,children:x(e)})})]},e.id))})]}):/* @__PURE__ */t(se,{mainMessage:d,paragraphMessage:s,illustration:c})})}),
+/* @__PURE__ */t(ee,{dropAnimation:null,children:B&&/* @__PURE__ */t("table",{style:{width:B.getSize()},children:/* @__PURE__ */t("thead",{children:/* @__PURE__ */t("tr",{children:/* @__PURE__ */t("th",{className:o("draggable-col"),style:{width:B.getSize()},children:/* @__PURE__ */t(ae,{weight:"bold",children:y(B.column.columnDef.header,B.getContext())})})})})})})]})}),!!e.length&&!l&&$]})}export{_e as Table};

package/components/TableV2/constants/index.d.ts

@@ -0,0 +1,6 @@
+export declare const STORAGE_TYPE: {
+    LOCAL: string;
+    EXTERNAL: string;
+};
+export declare const TABLE_NAME_PREFIX = "table-settings";
+export declare const OPTIONS: TSelectOptions;

package/components/TableV2/constants/index.js

@@ -0,0 +1 @@
+const l={LOCAL:"localStorage",EXTERNAL:"external"},e="table-settings",a=[{value:"10",label:"10"},{value:"20",label:"20"},{value:"30",label:"30"},{value:"40",label:"40"},{value:"50",label:"50"}];export{a as OPTIONS,l as STORAGE_TYPE,e as TABLE_NAME_PREFIX};

package/components/TableV2/hooks/useTableColumnSettings.d.ts

@@ -0,0 +1,2 @@
+import type { Table } from '@tanstack/react-table';
+export declare const useTableColumnSettings: <T>(table: Table<T>, tableName: string, shouldPersistToStorage: boolean) => void;

package/components/TableV2/hooks/useTableColumnSettings.js

@@ -0,0 +1 @@
+import{useRef as l,useEffect as r}from"react";const m=(i,n,t)=>{const e=l(null),o=i.getState();r(()=>{const i={columnVisibility:o.columnVisibility,columnOrder:o.columnOrder,columnSizing:o.columnSizing},l=JSON.stringify(i);e.current!==l&&t&&(localStorage.setItem(n,l),e.current=l)},[o.columnVisibility,o.columnOrder,o.columnSizing,n])};export{m as useTableColumnSettings};

package/components/TableV2/hooks/useTableControl.d.ts

@@ -0,0 +1,11 @@
+import type { DragEndEvent, DragStartEvent } from '@dnd-kit/core';
+import type { Column, TTableProps } from '../types';
+export declare function useTableControl<TData>({ withSelect, columns, data, tableSettings, totalCount, defaultPageSize, defaultPageIndex, defaultHiddenColumns, onSortChange, onRowSelection, onColumnSizing, onPaginationChange }: TTableProps<TData>): {
+    table: import("@tanstack/react-table").Table<TData>;
+    activeHeader: import("@tanstack/react-table").Header<TData, unknown> | null | undefined;
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+    memoizedColumns: Column<TData>[];
+    handleDragCancel: () => void;
+    handleDragEnd: (event: DragEndEvent) => void;
+    handleDragStart: (event: DragStartEvent) => void;
+};

package/components/TableV2/hooks/useTableControl.js

@@ -0,0 +1 @@
+import{jsx as A}from"react/jsx-runtime";import{useReactTable as se,getPaginationRowModel as te,getSortedRowModel as ce,getCoreRowModel as re}from"@tanstack/react-table";import{useSensors as le,useSensor as L,MouseSensor as de,TouchSensor as me}from"@dnd-kit/core";import{useState as t,useMemo as P,useEffect as ae}from"react";import{IndeterminateCheckbox as D}from"../IndeterminateCheckbox.js";import{arrayMove as ue}from"@dnd-kit/sortable";import{loadTableSettings as ge}from"../loadTableSettings.js";import{useTableColumnSettings as fe}from"./useTableColumnSettings.js";import{STORAGE_TYPE as N,TABLE_NAME_PREFIX as he}from"../constants/index.js";function Se({withSelect:e,columns:n,data:o,tableSettings:i,totalCount:l=0,defaultPageSize:a=10,defaultPageIndex:s=0,defaultHiddenColumns:r=[],onSortChange:d,onRowSelection:c,onColumnSizing:u,onPaginationChange:g}){var m;const S=(null==i?void 0:i.persistColumnSettings)===N.LOCAL,C=(null==i?void 0:i.persistColumnSettings)===N.EXTERNAL,f=`${he}-${null==i?void 0:i.tableName}`,b=S&&f?ge(f):{columnVisibility:{},columnSizing:{},columnOrder:[]},[h,p]=t(null),[R,v]=t([]),[w,y]=t({}),[z,M]=t(b.columnSizing??{}),[T,E]=t({...r.reduce((e,n)=>(e[n]=!1,e),{}),...b.columnVisibility}),[O,x]=t({pageIndex:s,pageSize:a}),I=P(()=>{const t=[...n].map(e=>"actions"===e.id?{...e,enableColumnDragging:!1,enableSorting:!1,enableResizing:!1,enableHiding:!1}:e);return e&&t.unshift({id:"select",enableHiding:!1,enableColumnDragging:!1,enablePinning:!0,header:({table:e})=>/* @__PURE__ */A(D,{checked:e.getIsAllRowsSelected(),indeterminate:e.getIsSomeRowsSelected(),onChange:e.getToggleAllRowsSelectedHandler()}),cell:({row:e})=>/* @__PURE__ */A(D,{checked:e.getIsSelected(),disabled:!e.getCanSelect(),indeterminate:e.getIsSomeSelected(),onChange:e.getToggleSelectedHandler()})}),t},[n]),[k,H]=t(null!=(m=b.columnOrder)&&m.length&&b.columnOrder.length===I.length?b.columnOrder:I.map(e=>e.id)),j=k.map(e=>I.find(n=>n.id===e)),V=null==r?void 0:r.reduce((e,n)=>(e[n]=!1,e),{}),_=P(()=>{const e=[];return I.forEach(n=>{n.enablePinning&&n.id&&e.push(n.id)}),{left:e,right:["actions"]}},[I]),G=se({data:o,columns:j,pageCount:Math.ceil(l/O.pageSize),state:{sorting:R,pagination:O,columnOrder:k,columnSizing:z,rowSelection:w,columnVisibility:{...V,...T},columnPinning:_},onPaginationChange:e=>{const n="function"==typeof e?e(O):e;x(n),null==g||g(n)},onColumnSizingChange:e=>{const n="function"==typeof e?e(z):e;M(n),null==u||u(n)},onSortingChange:e=>{const n="function"==typeof e?e(R):e;v(n);const t=n.map(e=>({column:e.id??"",direction:e.desc?"desc":!!e.id&&"asc",timestamp:Date.now()}));null==d||d(t)},onRowSelectionChange:e=>{const n="function"==typeof e?e(w):e;y(n),null==c||c(n)},onColumnVisibilityChange:E,getCoreRowModel:re(),getSortedRowModel:ce(),getPaginationRowModel:te(),columnResizeMode:"onChange",manualSorting:!!d,manualPagination:!!g,enableRowSelection:!0,enableColumnResizing:!0,isMultiSortEvent:()=>!0});fe(G,f,S);const X=le(L(de,{activationConstraint:{distance:8}}),L(me,{activationConstraint:{delay:200,tolerance:5}})),$=h?G.getHeaderGroups()[0].headers.find(e=>e.id===h):null;return ae(()=>{var e;const n={columnVisibility:T,columnOrder:k,columnSizing:z};if(S&&i.tableName){const e=JSON.stringify(n);localStorage.setItem(f,e)}C&&(null==(e=null==i?void 0:i.onColumnSettingsChange)||e.call(i,n))},[T,k,z]),{table:G,activeHeader:$,sensors:X,memoizedColumns:I,handleDragCancel:()=>{p(null),document.body.classList.remove("select-none")},handleDragEnd:e=>{const{active:n,over:t}=e;if(t&&n.id!==t.id){const e=k.indexOf(n.id),o=k.indexOf(t.id),i=j[o];if(!1===(null==i?void 0:i.enableColumnDragging))return;const l=ue(k,e,o);H(l)}p(null),document.body.classList.remove("select-none")},handleDragStart:e=>{p(e.active.id),document.body.classList.add("select-none")}}}export{Se as useTableControl};

package/components/TableV2/index.d.ts

@@ -0,0 +1,3 @@
+export { Table as TableV2 } from './Table';
+export { ColumnSettings } from './ColumnSettings';
+export { AdvancedPagination } from './AdvancedPagination';

package/components/TableV2/index.js

@@ -0,0 +1 @@
+import{Table as a}from"./Table.js";import{ColumnSettings as t}from"./ColumnSettings.js";import{AdvancedPagination as m}from"./AdvancedPagination.js";export{m as AdvancedPagination,t as ColumnSettings,a as TableV2};

package/components/TableV2/loadTableSettings.d.ts

@@ -0,0 +1,2 @@
+import type { ColumnSettings } from './types';
+export declare const loadTableSettings: (tableKey: string) => ColumnSettings;

package/components/TableV2/loadTableSettings.js

@@ -0,0 +1 @@
+const n=n=>{try{const t=localStorage.getItem(n);return t?JSON.parse(t):{columnOrder:[],columnSizing:{},columnVisibility:{}}}catch{return{columnOrder:[],columnSizing:{},columnVisibility:{}}}};export{n as loadTableSettings};

package/components/TableV2/types.d.ts

@@ -0,0 +1,70 @@
+import type { ColumnDef, ColumnSizingState, PaginationState, RowSelectionState, Table, Row } from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+export type TTable<TData> = Table<TData>;
+export type TRowSelectionState = RowSelectionState;
+export type TColumnSizingState = ColumnSizingState;
+export type TPaginationState = PaginationState;
+export type TPersistColumnSettings = 'localStorage' | 'external';
+export type TTableProps<TData> = {
+    data: (TData & {
+        subRows?: TData[];
+    })[];
+    isLoading?: boolean;
+    columns: ColumnDef<TData>[];
+    wi?: boolean;
+    isActionsVisible?: boolean;
+    totalCount?: number;
+    hasError?: boolean;
+    emptyTitle?: string;
+    emptySubTitle?: string;
+    emptyIllustration?: string;
+    className?: string;
+    withSelect?: boolean;
+    withBorder?: boolean;
+    customHeader?: ReactNode;
+    defaultPageIndex?: number;
+    defaultPageSize?: number;
+    defaultHiddenColumns?: string[];
+    collapsibleRows?: boolean;
+    tableSettings?: {
+        tableName: string;
+        persistColumnSettings?: TPersistColumnSettings;
+        onColumnSettingsChange?: (settings: ColumnSettings) => void;
+    };
+    renderExpandedContent?: (row: Row<TData>) => ReactNode;
+    renderHeader?: (table: TTable<TData>) => ReactNode;
+    renderFooter?: (table: Table<TData>) => ReactNode;
+    onRowClick?: (row: Row<TData>) => void;
+    onSortChange?: (state: SortingUpdateEvent[]) => void;
+    onRowSelection?: (state: TRowSelectionState) => void;
+    onColumnSizing?: (state: TColumnSizingState) => void;
+    onPaginationChange?: (state: TPaginationState) => void;
+};
+export type Column<TData> = ColumnDef<TData> & {
+    enableColumnDragging?: boolean;
+};
+export type SortingUpdateEvent = {
+    column: string;
+    direction: 'asc' | 'desc' | false;
+    timestamp: number;
+};
+export interface ICellProps<TData> {
+    row: Row<TData>;
+}
+export interface IHeaderProps<TData> {
+    table: Table<TData>;
+}
+export interface TableData {
+    subRows: TableData[];
+    [key: string]: unknown;
+}
+export interface ExpandColumnProps<TData> {
+    row: Row<TData>;
+    expandedRows: Set<string>;
+    onToggle: (rowId: string) => void;
+}
+export interface ColumnSettings {
+    columnVisibility: Record<string, boolean>;
+    columnOrder: string[];
+    columnSizing: Record<string, number>;
+}

package/components/Text/Text.d.ts

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

package/components/Text/Text.js

@@ -0,0 +1,2 @@
+import{jsx as p}from"react/jsx-runtime";import h from"classnames";import{noop as y}from"../../utils/helpers.js";const x=e=>{const{children:t,className:i="",type:r="primary",size:s="standard",weight:a="regular",lineHeight:o="medium",as:l="p",dataId:d="",onClick:m=y,id:n="",title:c}=e;/* @__PURE__ */
+return p(l,{id:n,title:c,"data-id":d,onClick:m,className:h("body",s&&`body-${s}`,r&&`color-${r}`,a,o&&`lh-${o}`,i),children:t})};export{x as Text};

package/components/Text/index.d.ts

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

package/components/Text/index.js

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

package/components/Text/types.d.ts

@@ -0,0 +1,19 @@
+import { ElementType, MouseEvent, ReactNode } from 'react';
+type TTextTypes = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'inverse' | 'selected' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
+export type TTextSize = 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large' | 'xlarge';
+type TTextWeight = 'regular' | 'semibold' | 'bold' | 'bolder';
+type TTextLineHeight = 'xsmall' | 'small' | 'medium' | 'large';
+export interface TextPropTypes {
+    id?: string;
+    as?: ElementType;
+    title?: string;
+    children?: ReactNode;
+    type?: TTextTypes;
+    size?: TTextSize;
+    weight?: TTextWeight;
+    lineHeight?: TTextLineHeight;
+    className?: string;
+    dataId?: string;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+}
+export {};

package/components/Textarea/Textarea.d.ts

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

package/components/Textarea/Textarea.js

@@ -0,0 +1,6 @@
+import{jsxs as s,jsx as e,Fragment as F}from"react/jsx-runtime";import j,{useMemo as k}from"react";import{ErrorMessage as L}from"../../helperComponents/ErrorMessage/ErrorMessage.js";import{Label as R}from"../../helperComponents/Label/Label.js";import{Text as o}from"../Text/Text.js";import $ from"classnames";import b from"../SVGIcons/IconCheckmarkCircleFilled.js";const w=j.forwardRef(({className:a,error:r,hasError:l,label:t,disabled:n,currentValue:i,changeHandler:d,placeHolder:c,onChange:m,required:p=!1,maxCount:u,helperText:x,successMessage:h,dataId:g="",labelAddons:f,isValid:j,setFieldValue:v,...y},N)=>{const C=k(()=>i?i.length:y&&y.value&&"string"==typeof y.value?y.value.length:0,[y,i]);/* @__PURE__ */
+return s("div",{className:$("textarea",a,{"textarea--invalid":l}),children:[
+/* @__PURE__ */e(R,{text:t,required:p,disabled:n,labelAddons:f}),
+/* @__PURE__ */e("div",{className:"textarea__inner",children:/* @__PURE__ */e("textarea",{"data-id":g,disabled:n,ref:N,placeholder:c,...y,onChange:e=>{d&&d(e),m&&m(e)},...i?{value:i}:{}})}),r||h||x||u?/* @__PURE__ */s("div",{className:"textarea__message mt-8",children:[r&&/* @__PURE__ */e(L,{message:r,icon:"infoFilled",dataId:g}),h?/* @__PURE__ */e(o,{size:"small",type:"success",className:"flexbox align-items--center",children:/* @__PURE__ */s(F,{children:[
+/* @__PURE__ */e(b,{type:"success",size:"xsmall"}),
+/* @__PURE__ */e("span",{className:"ml-4",children:h})]})}):null,x&&!h?/* @__PURE__ */e(o,{size:"small",type:n?"disabled":"secondary",children:x}):null,u?/* @__PURE__ */e(o,{size:"small",type:n?"disabled":"secondary",className:"textarea__counter",children:`${C}/${u}`}):null]}):null]})});w.displayName="Textarea";export{w as Textarea};

package/components/Textarea/index.d.ts

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

package/components/Textarea/index.js

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

package/components/Textarea/types.d.ts

@@ -0,0 +1,17 @@
+export interface TTextAreaTypeProps extends IFormCompProps {
+    className?: string;
+    name?: string;
+    error?: string;
+    cols?: number;
+    row?: number;
+    label?: string | React.ReactElement;
+    currentValue?: string;
+    placeHolder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    maxCount?: number;
+    changeHandler?: (event: TChangeEventType) => void;
+    helperText?: string;
+    successMessage?: string;
+    labelAddons?: React.ReactElement;
+}

package/components/Tooltip/Tooltip.d.ts

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

package/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+import{jsx as p}from"react/jsx-runtime";import{useRef as H,useState as l,useEffect as n}from"react";import I from"classnames";import{Text as N}from"../Text/Text.js";import{useGetTooltipStyles as $}from"../../hooks/useGetTooltipStyles.js";import{useHideOnScroll as M}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Positions as O}from"./types.js";const G=e=>{const t=H(null),{size:o="large",text:s,className:i="",position:r=O.BOTTOM_LEFT,dataId:a="",id:m,elemRef:u,hovered:c=!1}=e,[d,f]=l(c),[v,h]=l(u||null),[x,T]=l(0);n(()=>{if(m){const e=document.getElementById(m.toString());h(e)}},[m]);const y=()=>{f(!0)},S=()=>f(!1);M(S);const{tooltipStyles:j,tooltipPosition:E}=$({elemRef:v,tooltipRef:t.current,initialPosition:r,toolTipCurrentWidth:x});return n(()=>(v&&(v.addEventListener("mouseenter",y),v.addEventListener("mouseleave",S)),()=>{null==v||v.removeEventListener("mouseenter",y),null==v||v.removeEventListener("mouseleave",S)}),[v]),n(()=>{var e;T(d&&(null==(e=null==t?void 0:t.current)?void 0:e.clientWidth)||0)},[d]),d?/* @__PURE__ */p("div",{style:j,"data-id":a,className:I(`tooltip tooltip--${o} tooltip--${E}`,i),ref:t,children:/* @__PURE__ */p(N,{dataId:`${a}-text`,className:"tooltip__inner",type:"primary",weight:"regular",lineHeight:"small",size:""+("small"==o?"xsmall":"small"),children:s})}):null};export{G as Tooltip};

package/components/Tooltip/index.d.ts

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

package/components/Tooltip/index.js

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

package/components/Tooltip/types.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+export declare enum Positions {
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right",
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    MIDDLE_LEFT = "middle-left",
+    MIDDLE_RIGHT = "middle-right",
+    BOTTOM_CENTER = "bottom-center",
+    TOP_CENTER = "top-center"
+}
+export interface TTooltipProps extends IFormCompProps {
+    text: string | ReactElement;
+    position?: Positions;
+    size?: 'large' | 'small';
+    className?: string;
+    elemRef?: HTMLElement | null;
+    id?: string | number;
+    hovered?: boolean;
+}

package/components/Tooltip/types.js

@@ -0,0 +1 @@
+var t=/* @__PURE__ */(t=>(t.BOTTOM_LEFT="bottom-left",t.BOTTOM_RIGHT="bottom-right",t.TOP_LEFT="top-left",t.TOP_RIGHT="top-right",t.MIDDLE_LEFT="middle-left",t.MIDDLE_RIGHT="middle-right",t.BOTTOM_CENTER="bottom-center",t.TOP_CENTER="top-center",t))(t||{});export{t as Positions};

package/components/UnderConstruction/UnderConstruction.d.ts

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

package/components/UnderConstruction/UnderConstruction.js

@@ -0,0 +1,6 @@
+import{jsxs as s,jsx as e}from"react/jsx-runtime";import{Text as n}from"../Text/Text.js";import{Image as d}from"../Image/Image.js";import g from"classnames";import u from"../../assets/images/under-construction.webp.js";import{SELECT_TRANSLATIONS as p}from"./localization.js";const M=a=>{const{size:r="large",mainMessage:t,paragraphMessage:i,className:o,illustration:c=u,language:m="en"}=a,l=p[m];/* @__PURE__ */
+return s("div",{className:g("under-construction "+("large"===r?"under-construction--large":"under-construction--small"),o),children:[
+/* @__PURE__ */e("div",{className:"under-construction__icon",children:/* @__PURE__ */e(d,{imagePath:c})}),
+/* @__PURE__ */s("div",{className:"under-construction__content",children:[
+/* @__PURE__ */e(n,{size:"large"==r?"large":"medium",weight:"bold",children:t??l.mainMessage}),
+/* @__PURE__ */e(n,{size:"large"==r?"standard":"small",children:i??l.paragraphMessage})]})]})};export{M as UnderConstruction};

package/components/UnderConstruction/index.d.ts

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

package/components/UnderConstruction/index.js

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

package/components/UnderConstruction/localization.d.ts

@@ -0,0 +1,4 @@
+import { TUnderConstructionProps } from './types';
+export declare const SELECT_TRANSLATIONS: {
+    [key: string]: TUnderConstructionProps;
+};

package/components/UnderConstruction/localization.js

@@ -0,0 +1 @@
+const e={en:{mainMessage:"We will be back soon",paragraphMessage:"We’re currently performing scheduled maintenance to make your experience even better. Please check back soon — we’ll be up and running shortly!"},ru:{mainMessage:"Скоро вернёмся",paragraphMessage:"В настоящее время мы проводим плановое техническое обслуживание, чтобы сделать ваш опыт ещё лучше. Пожалуйста, зайдите позже — скоро мы возобновим работу!"},hy:{mainMessage:"Շուտով կվերադառնանք",paragraphMessage:"Մենք աշխատում ենք ձեր փորձառությունը էլ ավելի բարելավելու համար։ Խնդրում ենք վերադառնալ ավելի ուշ, շուտով կլինենք հասանելի։"}};export{e as SELECT_TRANSLATIONS};

package/components/UnderConstruction/types.d.ts

@@ -0,0 +1,12 @@
+export interface TUnderConstructionProps {
+    size?: string;
+    className?: string;
+    mainMessage?: string;
+    paragraphMessage?: string;
+    illustration?: string;
+    language?: string;
+}
+export type TUnderConstructionTranslations = {
+    mainMessage: string;
+    paragraphMessage: string;
+};

package/consts/index.d.ts

@@ -0,0 +1,47 @@
+export declare const IMAGE_MIME_TYPES: string[];
+export declare const IMAGE_MIME_TYPES_FOR_PREVIEW: TImageMimeTypes[];
+export declare const IMAGE_MIME_TYPE: string[];
+export declare const SCREEN_SIZES: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+};
+export declare const MOBILE_POINT: number;
+export declare enum FILE_UPLOAD_ERRORS {
+    'size' = 0,
+    'type' = 1
+}
+export declare enum CARD_SELECT_TYPES {
+    cardRadio = "cardRadio",
+    card = "card"
+}
+export declare const CUSTOM_SCROLL_MESSAGE = "Custom scroll event has fired";
+export declare const CUSTOM_SCROLL_NAME = "CUSTOM_SCROLL_EVENT";
+export declare const MONTHS: {
+    label: string;
+    value: number;
+}[];
+export declare const DROPDOWN_AND_INPUT_GAP = 10;
+export declare const FILE_ACCEPT_TYPE: {
+    PDF: string[];
+    IMAGE: string[];
+    DOC: string[];
+};
+export declare enum STORE_KEYS {
+    selectedLanguage = "selectedLanguage",
+    theme = "theme",
+    userActiveRole = "userActiveRole",
+    roleInfo = "roleInfo",
+    userInfo = "userInfo",
+    navigationInfo = "navigationInfo",
+    isNavMenuExpanded = "isNavMenuExpanded",
+    isAuthenticated = "isAuthenticated",
+    personId = "personId",
+    isMobile = "isMobile",
+    staffListColumns = "staffListColumns",
+    themeMode = "themeMode"
+}
+export declare enum ThemeMode {
+    Light = "light",
+    Dark = "dark"
+}

package/consts/index.js

@@ -0,0 +1 @@
+import{FileTypeEnum as a}from"../type/file-upload.js";const s=["image/jpeg","image/png","application/pdf"],u=["image/jpeg","image/jpg","image/png","image/heic","image/heif","application/pdf"],c=[".jpeg",".jpg",".png",".heic",".heif",".pdf"],l={SMALL:768,MEDIUM:992,LARGE:1200},p=l.SMALL;var n=/* @__PURE__ */(e=>(e[e.size=0]="size",e[e.type=1]="type",e))(n||{}),i=/* @__PURE__ */(e=>(e.cardRadio="cardRadio",e.card="card",e))(i||{});const d="Custom scroll event has fired",g="CUSTOM_SCROLL_EVENT",M=[{label:"January",value:0},{label:"February",value:1},{label:"March",value:2},{label:"April",value:3},{label:"May",value:4},{label:"June",value:5},{label:"July",value:6},{label:"August",value:7},{label:"September",value:8},{label:"October",value:9},{label:"November",value:10},{label:"December",value:11}],m=10,v={[a.PDF]:["application/pdf"],[a.IMAGE]:["image/jpeg","image/png"],[a.DOC]:[".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"]};var o=/* @__PURE__ */(e=>(e.selectedLanguage="selectedLanguage",e.theme="theme",e.userActiveRole="userActiveRole",e.roleInfo="roleInfo",e.userInfo="userInfo",e.navigationInfo="navigationInfo",e.isNavMenuExpanded="isNavMenuExpanded",e.isAuthenticated="isAuthenticated",e.personId="personId",e.isMobile="isMobile",e.staffListColumns="staffListColumns",e.themeMode="themeMode",e))(o||{}),t=/* @__PURE__ */(e=>(e.Light="light",e.Dark="dark",e))(t||{});export{i as CARD_SELECT_TYPES,d as CUSTOM_SCROLL_MESSAGE,g as CUSTOM_SCROLL_NAME,m as DROPDOWN_AND_INPUT_GAP,v as FILE_ACCEPT_TYPE,n as FILE_UPLOAD_ERRORS,c as IMAGE_MIME_TYPE,s as IMAGE_MIME_TYPES,u as IMAGE_MIME_TYPES_FOR_PREVIEW,p as MOBILE_POINT,M as MONTHS,l as SCREEN_SIZES,o as STORE_KEYS,t as ThemeMode};

package/context/FormContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { ReactElement } from 'react';
+import { TFormContextProps } from './types';
+export declare const WithFormFeedback: ({ children }: {
+    children?: (context: TFormContextProps) => ReactElement | null;
+}) => ReactElement | null;

package/context/FormContextProvider.js

@@ -0,0 +1 @@
+import{useContext as r}from"react";import{FormContext as e}from"./types.js";const x=({children:t})=>{const o=r(e);return t?t(o):null};export{x as WithFormFeedback};

package/context/index.d.ts

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

package/context/index.js

@@ -0,0 +1 @@
+import{FormContext as e}from"./types.js";import{WithFormFeedback as m}from"./FormContextProvider.js";export{e as FormContext,m as WithFormFeedback};

package/context/types.d.ts

@@ -0,0 +1,21 @@
+import { Control, FieldValues, UseFormRegister, UseFormGetValues, UseFormWatch, UseFormReset, UseFormClearErrors, UseFormSetError, UseFormTrigger, UseFormGetFieldState, UseFormUnregister } from 'react-hook-form';
+export type TFormContextProps = {
+    register?: UseFormRegister<TFormData>;
+    errors?: FieldErrors;
+    setValue: TSetValue;
+    control?: Control<FieldValues, unknown>;
+    getValues?: UseFormGetValues<TFormData>;
+    watch?: UseFormWatch<TFormData>;
+    reset?: UseFormReset<TFormData>;
+    isDirty?: boolean;
+    clearErrors?: UseFormClearErrors<TFormData>;
+    setError?: UseFormSetError<TFormData>;
+    isSubmitted: boolean;
+    isSubmitting: boolean;
+    dirtyFields: TDirtyFields;
+    trigger?: UseFormTrigger<TFormData>;
+    getFieldState?: UseFormGetFieldState<TFormData>;
+    unregister?: UseFormUnregister<TFormData>;
+    onSubmit?: () => void;
+};
+export declare const FormContext: import("react").Context<TFormContextProps>;

package/context/types.js

@@ -0,0 +1 @@
+import{createContext as t}from"react";import{noop as e}from"../utils/helpers.js";const r=t({setValue:e,isSubmitted:!1,isSubmitting:!1,dirtyFields:{}});export{r as FormContext};

package/helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function AnimatePresenceWrapper({ children, initial }: {
+    children: React.ReactNode;
+    initial?: boolean;
+}): React.ReactElement;

package/helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js

@@ -0,0 +1,2 @@
+import{jsx as n}from"react/jsx-runtime";import{AnimatePresence as t}from"motion/react";function c({children:e,initial:r=!0}){/* @__PURE__ */
+return n(t,{initial:r,children:e})}export{c as AnimatePresenceWrapper};

package/helperComponents/AnimatePresenceWrapper/index.d.ts

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

package/helperComponents/AnimatePresenceWrapper/index.js

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

package/helperComponents/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+export interface Props {
+    title?: string;
+    className?: string;
+    children: string | string[];
+    language?: string;
+}
+export declare const CodeBlock: FC<Props>;

package/helperComponents/CodeBlock/CodeBlock.js

@@ -0,0 +1,2 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Prism as a}from"react-syntax-highlighter";import{atomDark as p}from"react-syntax-highlighter/dist/esm/styles/prism";const x=({title:r,children:s,language:e,className:i})=>/* @__PURE__ */t("div",{className:i,style:{margin:"10px 0"},children:[r&&/* @__PURE__ */o("h3",{children:r}),
+/* @__PURE__ */o(a,{language:e??"js",style:p,wrapLines:!0,showLineNumbers:!0,children:Array.isArray(s)?s.map(r=>r.trim()):s.trim()})]});export{x as CodeBlock};

package/helperComponents/CodeBlock/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeBlock } from './CodeBlock';
+export type { Props } from './CodeBlock';

package/helperComponents/CodeBlock/index.js

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

package/helperComponents/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TErrorMessageProps } from './types';
+export declare const ErrorMessage: ({ message, icon, dataId, className }: TErrorMessageProps) => ReactElement;

package/helperComponents/ErrorMessage/ErrorMessage.js

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

package/helperComponents/ErrorMessage/consts.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISVGIconProps } from '../../type';
+export declare const ICONS_MAPPING: Record<string, React.LazyExoticComponent<React.ComponentType<ISVGIconProps>>>;

package/helperComponents/ErrorMessage/consts.js

@@ -0,0 +1 @@
+import{lazy as o}from"react";const r={infoFilled:o(()=>import("../../components/SVGIcons/IconInfoFilled.js"))};export{r as ICONS_MAPPING};

package/helperComponents/ErrorMessage/index.d.ts

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

package/helperComponents/ErrorMessage/index.js

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

package/helperComponents/ErrorMessage/types.d.ts

@@ -0,0 +1,6 @@
+export interface TErrorMessageProps {
+    message?: string | React.ReactElement;
+    icon?: string;
+    dataId?: string;
+    className?: string;
+}

package/helperComponents/GoToWebPage/GoToWebPage.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+type TProps = {
+    message: string;
+};
+export declare const GoToWebPage: ({ message }: TProps) => ReactElement;
+export {};

package/helperComponents/GoToWebPage/GoToWebPage.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{Empty as e}from"../../components/Empty/Empty.js";import m from"../../assets/images/no_mobile_image.svg.js";const p=({message:s})=>/* @__PURE__ */r(e,{paragraphMessage:s,mainMessage:"",illustration:m});export{p as GoToWebPage};

package/helperComponents/IconDynamicComponent/IconDynamicComponent.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, ComponentType, LazyExoticComponent } from 'react';
+import { ISVGIconProps } from '../../type/';
+interface IconDynamicComponentProps extends ISVGIconProps {
+    Component: LazyExoticComponent<ComponentType<ISVGIconProps>>;
+}
+export declare const IconDynamicComponent: ({ Component, ...rest }: IconDynamicComponentProps) => ReactElement | null;
+export {};

package/helperComponents/IconDynamicComponent/IconDynamicComponent.js

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{Suspense as o}from"react";const c=({Component:c,...e})=>c?/* @__PURE__ */n(o,{fallback:null,children:/* @__PURE__ */n(c,{...e})}):null;export{c as IconDynamicComponent};

package/helperComponents/IconDynamicComponent/index.d.ts

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

package/helperComponents/IconDynamicComponent/index.js

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

package/helperComponents/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { LabelPropTypes } from './types';
+export declare const Label: React.FC<LabelPropTypes>;

package/helperComponents/Label/Label.js

@@ -0,0 +1 @@
+import{jsx as l,jsxs as n,Fragment as m}from"react/jsx-runtime";import{Text as o}from"../../components/Text/Text.js";const x=e=>{const{text:s,size:a="standard",required:t=!1,disabled:r=!1,className:i="",labelAddons:d}=e;return s?/* @__PURE__ */l(o,{size:a,weight:"semibold",type:r?"disabled":"primary",className:`label flexbox align-items--start mb-8 ${i}`,children:/* @__PURE__ */n(m,{children:[s,t?/* @__PURE__ */l("sup",{children:"*"}):null,d]})}):null};export{x as Label};

package/helperComponents/Label/index.d.ts

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

package/helperComponents/Label/index.js

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

package/helperComponents/Label/types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface LabelPropTypes {
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    text?: ReactNode;
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
+    className?: string;
+    labelAddons?: React.ReactElement;
+    dataId?: string;
+}

package/helperComponents/Loader/Loader.d.ts

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

package/helperComponents/Loader/Loader.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";const s=r=>{const{size:a="large",type:s="lite"}=r;/* @__PURE__ */
+return e("div",{className:`loader loader--${s} loader--${a}`,children:/* @__PURE__ */e("span",{className:"loader__inner"})})};export{s as Loader};

package/helperComponents/Loader/index.d.ts

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

package/helperComponents/Loader/index.js

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

package/helperComponents/Loader/types.d.ts

@@ -0,0 +1,4 @@
+export interface LoaderProps {
+    size?: 'small' | 'medium' | 'large';
+    type?: 'lite' | 'dark';
+}

package/helperComponents/OptionItem/OptionItem.d.ts

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