hrm_ui_lib 2.1.0-alpha.18 → 2.1.0-alpha.20

package/components/TableV2/Table.js

@@ -1,5 +1,4 @@
-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,
+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))}),

package/components/Text/Text.js

@@ -1,2 +1 @@
-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};
+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/Textarea/Textarea.js

@@ -1,5 +1,4 @@
-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:[
+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"}),

package/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
 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 P}from"../../hooks/useGetTooltipStyles.js";import{useHideOnScroll as $}from"../../hooks/useHideOnScroll.js";import"../../context/types.js";import"../../hooks/useScreenSize.js";import"react-hook-form";import{Positions as M}from"./types.js";import{createPortal as O}from"react-dom";const k=e=>{const t=H(null),{size:o="large",text:s,className:i="",position:r=M.BOTTOM_LEFT,dataId:a="",id:m,elemRef:u,hovered:c=!1}=e,[d,f]=l(c),[v,h]=l(u||null),[x,y]=l(0);n(()=>{if(m){const e=document.getElementById(m.toString());h(e)}},[m]);const T=()=>{f(!0)},S=()=>f(!1);$(S);const{tooltipStyles:j,tooltipPosition:E}=P({elemRef:v,tooltipRef:t.current,initialPosition:r,toolTipCurrentWidth:x});return n(()=>(v&&(v.addEventListener("mouseenter",T),v.addEventListener("mouseleave",S)),()=>{null==v||v.removeEventListener("mouseenter",T),null==v||v.removeEventListener("mouseleave",S)}),[v]),n(()=>{var e;y(d&&(null==(e=null==t?void 0:t.current)?void 0:e.clientWidth)||0)},[d]),d?O(
-/* @__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})}),document.body):null};export{k as Tooltip};
+/* @__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})}),document.body):null};export{k as Tooltip};

package/components/UnderConstruction/UnderConstruction.js

@@ -1,5 +1,4 @@
-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:[
+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}),

package/helperComponents/Loader/Loader.js

@@ -1,2 +1 @@
-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};
+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/package.json

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

package/components/Feedback/Feedback.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { IFeedbackProps } from './types';
-export declare const Feedback: ({ isMobile, language, surveyUrl }: IFeedbackProps) => React.ReactElement | null;

package/components/Feedback/Feedback.js

@@ -1,3 +0,0 @@
-import{jsxs as C,jsx as e}from"react/jsx-runtime";import{TEXT_BY_LANG as o}from"./consts.js";const d=({isMobile:n,language:a,surveyUrl:r})=>!r||window.self!==window.top||n?null:/* @__PURE__ */C("button",{id:"feedback-fab",type:"button","aria-label":"Open feedback survey",onClick:()=>{window.open(r,"_blank","noopener,noreferrer")},children:[
-/* @__PURE__ */e("span",{className:"feedback-fab-icon","aria-hidden":"true",children:/* @__PURE__ */e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",fill:"none",children:/* @__PURE__ */e("path",{d:"M12.4219 2C17.9447 2 22.4219 6.47715 22.4219 12C22.4219 17.5228 17.9447 22 12.4219 22C10.8036 22 9.2397 21.6146 7.83473 20.888L4.00892 21.9553C3.344 22.141 2.65446 21.7525 2.46878 21.0876C2.40734 20.8676 2.40737 20.6349 2.46882 20.4151L3.53649 16.5922C2.80824 15.186 2.42188 13.6203 2.42188 12C2.42188 6.47715 6.89903 2 12.4219 2ZM12.4219 3.5C7.72745 3.5 3.92188 7.30558 3.92188 12C3.92188 13.4696 4.29465 14.8834 4.99491 16.1375L5.14555 16.4072L4.03283 20.3914L8.01943 19.2792L8.28896 19.4295C9.54193 20.1281 10.9541 20.5 12.4219 20.5C17.1163 20.5 20.9219 16.6944 20.9219 12C20.9219 7.30558 17.1163 3.5 12.4219 3.5ZM9.17188 13H13.6701C14.0844 13 14.4201 13.3358 14.4201 13.75C14.4201 14.1297 14.138 14.4435 13.7719 14.4932L13.6701 14.5H9.17188C8.75766 14.5 8.42188 14.1642 8.42188 13.75C8.42188 13.3703 8.70403 13.0565 9.0701 13.0068L9.17188 13H13.6701H9.17188ZM9.17188 9.5H15.6764C16.0906 9.5 16.4264 9.83579 16.4264 10.25C16.4264 10.6297 16.1442 10.9435 15.7781 10.9932L15.6764 11H9.17188C8.75766 11 8.42188 10.6642 8.42188 10.25C8.42188 9.8703 8.70403 9.55651 9.0701 9.50685L9.17188 9.5H15.6764H9.17188Z",fill:"currentColor"})})}),
-/* @__PURE__ */e("span",{className:"feedback-fab-text",children:o[a]||o["en-US"]})]});export{d as Feedback};

package/components/Feedback/consts.d.ts

@@ -1 +0,0 @@
-export declare const TEXT_BY_LANG: Record<string, string>;

package/components/Feedback/consts.js

@@ -1 +0,0 @@
-const e={"en-US":"Give Feedback","hy-AM":"Թողնել Կարծիք","ru-RU":"Оставить отзыв"};export{e as TEXT_BY_LANG};

package/components/Feedback/index.d.ts

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

package/components/Feedback/index.js

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

package/components/Feedback/types.d.ts

@@ -1,5 +0,0 @@
-export interface IFeedbackProps {
-    isMobile: boolean;
-    language: string;
-    surveyUrl: string;
-}