@sito/dashboard 0.0.66 → 0.0.68

package/dist/Table-CWss4TW5.cjs

@@ -1 +0,0 @@
-var Re=require("./Table.css");const e=require("react/jsx-runtime"),a=require("react"),T=require("./FiltersProvider-CYqLFEI9.cjs"),pe=require("./Badge-Z78MlGoQ.cjs"),V=require("./Filters-C5XEbF3V.cjs"),B=require("./lib.cjs"),F=require("./TranslationProvider-51Pc9Xrr.cjs"),_=require("./TextInput-Bn8zsDnU.cjs"),P=require("./TableOptionsProvider-BchUDA3B.cjs"),J=require("./Chip-a2z-338_.cjs"),U=require("./IconButton-CVnmT2E9.cjs"),G=require("./Tooltip-BSKAgRkc.cjs"),me=require("./query-81BrXp3i.cjs"),he=require("./Button-BlYa3uPc.cjs"),be=require("./Loading-CNECRan-.cjs");function K(n){return[...n].sort((t,i)=>(i.pos??0)-(t.pos??0)).filter(t=>t.display!=="none")}function Q(n){const{t}=F.useTranslation(),{entity:i="",columns:s=[],hasAction:l=!0,onSortCallback:r,selectionState:h,onToggleAllRows:o}=n,p=a.useRef(null);a.useEffect(()=>{p.current&&(p.current.indeterminate=!!(h?.hasSomeSelected&&!h?.allSelected))},[h]);const{onSort:c,sortingOrder:m,sortingBy:b}=P.useTableOptions(),x=a.useMemo(()=>K(s).map(u=>({id:u.key,label:u.label,className:u.className??"",sortable:u.sortable??!0,sortOptions:u.sortOptions})),[s,i,t]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[e.jsx("th",{scope:"col",className:"table-headers-column table-headers-checkbox",children:o?e.jsx("input",{type:"checkbox",ref:p,checked:h?.allSelected??!1,onChange:o,"aria-label":t("_accessibility:components.table.selectAllRows")}):null}),x.map(u=>e.jsx("th",{scope:"col",className:`table-headers-column ${u.className}`,children:e.jsxs(he.Button,{disabled:!u.sortable,onClick:()=>c(u.id,r),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:u.label}),u.sortable&&b===u.id&&e.jsx("span",{children:m===me.SortOrder.ASC?u.sortOptions?.icons?.asc??e.jsx(V.ChevronUp,{className:u.sortOptions?.icons?.className??"table-headers-sort-indicator"}):u.sortOptions?.icons?.desc??e.jsx(V.ChevronDown,{className:u.sortOptions?.icons?.className??"table-headers-sort-indicator"})})]})},u.id)),l&&e.jsx("th",{scope:"col",className:"table-headers-action",children:e.jsx("span",{className:"button text default disabled",children:t("_accessibility:labels.actions")})})]})})}const Y=n=>{const{items:t,text:i,id:s,onClearFilter:l}=n;return e.jsx(J.Chip,{text:`${i}: ${t.map(r=>r.value??r.name).join(", ")}`,onDelete:()=>l(s)})},Z=n=>{const{end:t,start:i,text:s,id:l,onClearFilter:r}=n;return e.jsx(J.Chip,{text:`${s}: ${i||"♾️"} - ${t||"♾️"}`,onDelete:()=>r(l)})},ee=n=>{const{filtersDefinition:t}=n,i=a.useMemo(()=>{const o={};return t.forEach(p=>{o[p.propertyName]=p.label??p.propertyName}),o},[t]),{filters:s,clearFilters:l}=P.useTableOptions(),r=a.useMemo(()=>Object.keys(s),[s]),h=a.useCallback(o=>s[o]?.end||s[o]?.start?e.jsx(Z,{id:o,text:i[o],start:s[o].start,end:s[o].end,onClearFilter:l}):Array.isArray(s[o])?e.jsx(Y,{id:o,text:i[o],items:s[o],onClearFilter:l}):e.jsx(J.Chip,{text:`${i[o]}: ${s[o]?.value??s[o]?.name??s[o]}`,onDelete:()=>l(o)}),[s,i]);return e.jsx("ul",{className:"active-filters-main",children:r?.map(o=>e.jsx("li",{children:h(o)},o))})};function xe(n){const{propertyName:t,label:i,placeholder:s,options:l,multiple:r=!0}=n,{currentFilters:h,setCurrentFilters:o}=T.useFilters(),p=a.useMemo(()=>h[t]??l[0],[h]),c=a.useCallback(m=>{o({type:T.FiltersActions.update,toUpdate:{[t]:{value:m}}})},[r]);return e.jsx(_.AutocompleteInput,{value:p?.value,label:i,options:l,multiple:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:c,placeholder:s})}const fe=n=>{const{propertyName:t,label:i}=n,{currentFilters:s,setCurrentFilters:l}=T.useFilters(),r=a.useMemo(()=>s[t]?.value??"",[s]),h=a.useCallback(o=>{l({type:T.FiltersActions.update,toUpdate:{[t]:{value:o.target.checked}}})},[]);return e.jsx(_.CheckInput,{label:i,checked:r??!1,onChange:h})};function ge(n){const{propertyName:t,options:i,label:s,placeholder:l}=n,{currentFilters:r,setCurrentFilters:h}=T.useFilters(),o=a.useMemo(()=>r[t]?.value??i[0],[r]),p=a.useCallback(c=>{h({type:T.FiltersActions.update,toUpdate:{[t]:{value:c.target.value}}})},[]);return e.jsx(_.SelectInput,{value:o,label:s,options:i,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:p,placeholder:l})}const je=n=>{const{propertyName:t,label:i,placeholder:s}=n,{currentFilters:l,setCurrentFilters:r}=T.useFilters(),h=a.useMemo(()=>l[t]?.value??"",[l]),o=a.useCallback(p=>{r({type:T.FiltersActions.update,toUpdate:{[t]:{value:p.target.value}}})},[]);return e.jsx(_.TextInput,{value:h??"",label:i,onChange:o,containerClassName:"input-widget-container",helperTextClassName:"",placeholder:s})},X=n=>{const{propertyName:t,label:i,inputType:s}=n,{t:l}=F.useTranslation(),{currentFilters:r,setCurrentFilters:h}=T.useFilters(),o=a.useRef(null),p=a.useRef(null),c=a.useCallback(b=>{h({type:T.FiltersActions.update,toUpdate:{[t]:{value:{end:p?.current?.value??null,start:b.target.value}}}})},[]),m=a.useCallback(b=>{h({type:T.FiltersActions.update,toUpdate:{[t]:{value:{start:o?.current?.value??null,end:b.target.value}}}})},[]);return e.jsxs("div",{className:"range-widget-container",children:[e.jsx("p",{className:"text-input-label input-widget-label input-label-normal",children:i}),e.jsxs("div",{className:"range-widget-row",children:[e.jsx(_.TextInput,{value:r[t]?.value?.start??"",placeholder:l("_accessibility:components.table.filters.range.start"),type:s,ref:o,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""}),e.jsx(_.TextInput,{value:r[t]?.value?.end??"",placeholder:l("_accessibility:components.table.filters.range.end"),type:s,ref:p,onChange:m,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},te=n=>{switch(n.type){case B.FilterTypes.text:return e.jsx(je,{...n});case B.FilterTypes.number:return e.jsx(X,{...n,inputType:"number"});case B.FilterTypes.date:return e.jsx(X,{...n,inputType:"date"});case B.FilterTypes.select:return e.jsx(ge,{...n});case B.FilterTypes.autocomplete:return e.jsx(xe,{...n});case B.FilterTypes.check:return e.jsx(fe,{...n})}return e.jsx(e.Fragment,{})},ne=n=>{const{filters:t=[],show:i,handleShow:s}=n,{onFilterApply:l}=P.useTableOptions(),{currentFilters:r,setCurrentFilters:h}=T.useFilters(),{t:o}=F.useTranslation(),p=a.useRef(null);return a.useEffect(()=>{const c=({target:b})=>{p.current&&(b?.closest(".filter-dropdown-trigger")||!i||p.current.contains(b)||s(!1))},m=({code:b})=>{!i||b!=="Escape"||s(!1)};return document.addEventListener("click",c),document.addEventListener("keydown",m),()=>{document.removeEventListener("click",c),document.removeEventListener("keydown",m)}},[s,i]),e.jsx("div",{className:`filter-dropdown-backdrop ${i?"opened":"closed"}`,children:e.jsxs("div",{className:"filter-popup",ref:p,children:[e.jsx("div",{className:"filter-title",children:o("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:t.map(c=>e.jsx("li",{className:"filter-container-item",children:te(c)},c.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>h({type:T.FiltersActions.reset,filters:t}),className:"filter-dropdown-button small filter-dropdown-cancel",children:o("_accessibility:buttons.clear")})}),e.jsx("li",{children:e.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit",onClick:()=>{s(!1),l(r)},children:o("_accessibility:buttons.applyFilters")})})]})})]})})},se=()=>{const{t:n}=F.useTranslation(),{total:t,pageSize:i,pageSizes:s,currentPage:l}=P.useTableOptions(),r=(l+1)*i>t?t:(l+1)*i;return e.jsxs("div",{className:"table-navigation-sizes",children:[s[0]<t&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[l*i+1," - ",r," ",n("_accessibility:components.table.of")]})}),e.jsx("p",{children:t})]})};function Ce(){const{t:n}=F.useTranslation(),{total:t,pageSize:i,currentPage:s,setCurrentPage:l}=P.useTableOptions(),r=a.useMemo(()=>{const h=Math.ceil(t/i);return Array.from({length:h},(o,p)=>({id:p,value:p+1}))},[t,i]);return e.jsxs("div",{className:"jump-to-page",children:[e.jsx("p",{children:n("_accessibility:components.table.jumpToPage")}),e.jsx(_.SelectInput,{value:s,options:r,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:h=>l(Number(h.target.value))})]})}const le=()=>{const{t:n}=F.useTranslation(),{total:t,pageSize:i,currentPage:s,setCurrentPage:l}=P.useTableOptions();return e.jsxs("div",{className:"table-navigation-pages",children:[e.jsx(U.IconButton,{icon:e.jsx(V.ChevronLeft,{className:"table-navigation-icon"}),className:"table-navigation-buttons",disabled:s===0,"aria-label":n("_accessibility:buttons.previous"),name:n("_accessibility:buttons.previous"),onClick:()=>l(s-1)}),e.jsx(U.IconButton,{icon:e.jsx(V.ChevronRight,{className:"table-navigation-icon"}),disabled:Math.floor(t/((s+1)*i))===0,className:"table-navigation-buttons",name:n("_accessibility:buttons.next"),"aria-label":n("_accessibility:buttons.next"),onClick:()=>l(s+1)})]})};function re(){const{t:n}=F.useTranslation(),{pageSizes:t,pageSize:i,setPageSize:s}=P.useTableOptions(),l=a.useMemo(()=>t?.map(r=>({id:r,value:r})),[t]);return e.jsxs("div",{className:"page-size",children:[e.jsx("p",{children:n("_accessibility:components.table.pageSizes")}),e.jsx(_.SelectInput,{value:i,options:l,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:r=>s(Number(r.target.value))})]})}function ae(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(Ce,{}),e.jsx(re,{}),e.jsx(se,{}),e.jsx(le,{})]})}const Ne=n=>n,ie=n=>{const{t}=F.useTranslation(),{columns:i,softDeleteProperty:s="deletedAt",data:l,actions:r,selectedRows:h,expandedRows:o=[],onRowSelectionChange:p,onRowExpand:c}=n,m=a.useMemo(()=>K(i),[i]),b=a.useMemo(()=>new Map(o.map(x=>[x.rowId,x])),[o]);return l?.map(x=>{const u=h.has(x.id),N=b.get(x.id),S=!!N,$=m.length+1+(r?1:0);return e.jsxs(a.Fragment,{children:[e.jsxs("tr",{className:`table-row ${c?"expandable":""} ${x[s]?"deleted-class":""} ${u?"selected":""} ${S?"expanded":""}`,onClick:()=>c?.(x),children:[e.jsx("td",{className:"table-row-cell table-row-checkbox",children:e.jsx("input",{type:"checkbox",checked:u,onClick:g=>g.stopPropagation(),onChange:()=>p(x),"aria-label":t("_accessibility:components.table.selectRow")})}),m?.map((g,M)=>e.jsx("td",{className:`table-row-cell ${M===0?"basic":""} ${g.className??""}`,children:g.renderBody?g.renderBody(x[g.key],x):Ne(x[g.key])},g.key)),r?e.jsx("td",{children:e.jsx("div",{className:"table-row-cell-action",children:r(x).filter(g=>!g.hidden)?.map(g=>e.jsx(G.Tooltip,{content:g.tooltip,children:e.jsx(U.IconButton,{icon:g.icon,className:"row-table-action",onClick:M=>{M.stopPropagation(),g.onClick(x)}})},g.id))})}):null]}),S&&N?.content!==null&&typeof N?.content<"u"&&e.jsx("tr",{className:"table-row-expanded",children:e.jsx("td",{className:"table-row-expanded-cell",colSpan:$,children:e.jsx("div",{className:`table-row-expanded-content ${N.isVisible?"open":"closed"}`,children:e.jsx("div",{className:"table-row-expanded-inner",children:N.content})})})})]},x.id)})};function oe(){const{t:n}=F.useTranslation();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:n("_accessibility:components.table.empty")})})}const ce=n=>{const{columns:t,title:i,isLoading:s,toolbar:l,filterOptions:r}=n,{countOfFilters:h}=P.useTableOptions(),{t:o}=F.useTranslation(),p=a.useMemo(()=>t?t.sort((u,N)=>(N.pos??0)-(u.pos??0)).filter(u=>!!u.filterOptions).map(u=>({...u.filterOptions,label:u.filterOptions?.label??u.label,propertyName:u.key})):[],[t]),[c,m]=a.useState(!1),b=a.useCallback(u=>{r?.dropdown?.setOpened?r.dropdown.setOpened(u??!1):m(u??!1)},[r]),x=a.useMemo(()=>r?.dropdown?.opened??c,[r,c]);return e.jsxs("div",{className:`table-header ${x?"showing-filters":""}`,children:[e.jsxs("div",{children:[i&&e.jsx("h1",{className:"table-header-title",children:i}),s?null:e.jsxs("div",{className:"table-header-content",children:[l,r?.button?.hide!==!0&&e.jsxs(U.IconButton,{icon:r?.button?.icon??e.jsx(V.Filters,{className:"filter-dropdown-trigger-icon"}),className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>b(!x),"aria-expanded":x,children:[e.jsx(pe.Badge,{count:h,className:`${h>0?"show":"hide"} `}),e.jsx("span",{className:"table-header-sr",children:o("_accessibility:buttons.filters")}),e.jsx("wbr",{})]})]})]}),!!p&&!!p.length&&e.jsx(ne,{filters:p,show:x,handleShow:b,options:r}),e.jsx(ee,{filtersDefinition:p})]})};function ue({count:n,multiActions:t,onActionClick:i}){const{t:s}=F.useTranslation();return e.jsxs("div",{className:"table-selection-bar",children:[e.jsx("p",{className:"table-selection-bar-count",children:s("_accessibility:components.table.selectedCount",{count:n})}),t.length>0&&e.jsx("div",{className:"table-selection-bar-actions",children:t.map(l=>e.jsx(G.Tooltip,{content:l.tooltip,children:e.jsx(U.IconButton,{icon:l.icon,className:"multi-table-action",onClick:()=>i(l),disabled:l.disabled})},l.id))})]})}const H=220;function ve({data:n,allowMultipleExpandedRows:t,controlledExpandedRowId:i,onExpandedRowChange:s,onRowExpand:l,findRowById:r}){const[h,o]=a.useState(null),[p,c]=a.useState(null),[m,b]=a.useState(null),[x,u]=a.useState(null),[N,S]=a.useState(!1),[$,g]=a.useState(new Set),[M,O]=a.useState([]),E=a.useRef(null),k=a.useRef(null),I=a.useRef(new Map),w=typeof i<"u",R=t&&!w,C=w?i??null:h,z=a.useCallback(()=>{k.current&&(clearTimeout(k.current),k.current=null)},[]),y=a.useCallback(d=>{if(typeof d<"u"){const f=I.current.get(d);if(!f)return;clearTimeout(f),I.current.delete(d);return}I.current.forEach(f=>clearTimeout(f)),I.current.clear()},[]),D=a.useCallback(d=>{y(d),O(f=>f.some(v=>v.rowId===d)?f.map(v=>v.rowId===d?{...v,isVisible:!1}:v):f),I.current.set(d,setTimeout(()=>{O(f=>f.filter(j=>j.rowId!==d)),I.current.delete(d)},H))},[y]),W=a.useCallback((d,f)=>{y(d),O(j=>j.some(A=>A.rowId===d)?j.map(A=>A.rowId===d?{...A,content:f,isVisible:!1}:A):[...j,{rowId:d,content:f,isVisible:!1}]),requestAnimationFrame(()=>{O(j=>j.map(v=>v.rowId===d?{...v,isVisible:!0}:v))})},[y]);a.useEffect(()=>{if(!R)return;const d=new Set(n.map(f=>f.id));g(f=>{const j=new Set;return f.forEach(v=>{if(d.has(v)){j.add(v);return}y(v)}),j}),O(f=>(f.forEach(j=>{d.has(j.rowId)||y(j.rowId)}),f.filter(j=>d.has(j.rowId))))},[n,R,y]),a.useEffect(()=>{if(R)return;if(C===null){c(null),w&&(E.current=null);return}r(C)||(w||o(null),c(null),w&&(E.current=null))},[n,C,r,w,R]),a.useEffect(()=>{if(!R){if(z(),C===null||p===null){if(m===null){S(!1),u(null);return}S(!1),k.current=setTimeout(()=>{b(null),u(null),k.current=null},H);return}if(m===null){b(C),u(p),requestAnimationFrame(()=>S(!0));return}if(m===C){u(p),requestAnimationFrame(()=>S(!0));return}S(!1),k.current=setTimeout(()=>{b(C),u(p),requestAnimationFrame(()=>S(!0)),k.current=null},H)}},[z,p,C,R,m]),a.useEffect(()=>()=>{z(),y()},[z,y]),a.useEffect(()=>{if(!w)return;if(C===null){c(null),E.current=null;return}const d=r(C);if(!d){c(null),E.current=null;return}const f=E.current;c(l?.(d,f)??null),E.current=d},[C,r,w,l]);const de=a.useCallback(d=>{if(R){if($.has(d.id)){g(L=>{const q=new Set(L);return q.delete(d.id),q}),D(d.id),s?.(null,d);return}g(L=>{const q=new Set(L);return q.add(d.id),q});const A=l?.(d,null)??null;A!==null&&typeof A<"u"?W(d.id,A):(y(d.id),O(L=>L.filter(q=>q.rowId!==d.id))),s?.(d,null);return}const f=C===d.id,j=f?d:r(C);if(w){s?.(f?null:d,j);return}if(f){o(null),c(null),s?.(null,d);return}o(d.id),c(l?.(d,j)??null),s?.(d,j)},[C,D,y,W,r,$,w,R,s,l]);return{expandedRowsToRender:a.useMemo(()=>R?M:m===null||x===null||typeof x>"u"?[]:[{rowId:m,content:x,isVisible:N}],[N,R,x,m,M]),onRowExpandChange:de}}function Te({actions:n,selectedRowsData:t}){const i=a.useMemo(()=>!n||!t.length?[]:t.reduce((l,r,h)=>{const o=n(r).filter(c=>c.multiple&&!c.hidden);if(h===0)return o;const p=new Map(l.map(c=>[c.id,c]));return o.reduce((c,m)=>{const b=p.get(m.id);return b&&c.push({...b,...m,disabled:m.disabled||b.disabled}),c},[])},[]),[n,t]),s=a.useCallback(l=>{if(t.length){if(l.onMultipleClick){l.onMultipleClick(t);return}t.forEach(r=>l.onClick(r))}},[t]);return{multiActions:i,handleMultipleActionClick:s}}function ye({data:n,onRowSelect:t,onSelectedRowsChange:i}){const[s,l]=a.useState(new Set),r=a.useMemo(()=>n?.filter(c=>s.has(c.id))??[],[n,s]);a.useEffect(()=>{if(!n?.length){l(new Set);return}l(c=>{const m=new Set,b=new Set(n.map(x=>x.id));return c.forEach(x=>{b.has(x)&&m.add(x)}),m})},[n]),a.useEffect(()=>{i&&i(r)},[r,i]);const h=a.useCallback(c=>{l(m=>{const b=new Set(m);return b.has(c.id)?(b.delete(c.id),t?.(c,!1)):(b.add(c.id),t?.(c,!0)),b})},[t]),o=a.useCallback(()=>{l(c=>{const m=new Set(c),b=n??[],x=b.every(u=>m.has(u.id));return b.forEach(u=>{const N=m.has(u.id);x?N&&(m.delete(u.id),t?.(u,!1)):N||(m.add(u.id),t?.(u,!0))}),m})},[n,t]),p=a.useMemo(()=>{if(!n?.length)return{allSelected:!1,hasSomeSelected:!1};const c=n.every(b=>s.has(b.id)),m=n.some(b=>s.has(b.id));return{allSelected:c,hasSomeSelected:m}},[n,s]);return{selectedRows:s,selectedRowsData:r,selectionState:p,onRowSelectionChange:h,onToggleAllRows:o}}function Se(n){const{data:t,onSort:i,entity:s="",isLoading:l=!1,actions:r,columns:h=[],contentClassName:o="",className:p="",softDeleteProperty:c="deletedAt",onRowSelect:m,onSelectedRowsChange:b,allowMultipleExpandedRows:x=!1,expandedRowId:u,onExpandedRowChange:N,onRowExpand:S,...$}=n,g=a.useMemo(()=>!t?.length,[t]),M=a.useCallback(D=>D===null?null:t.find(W=>W.id===D)??null,[t]),{selectedRows:O,selectedRowsData:E,selectionState:k,onRowSelectionChange:I,onToggleAllRows:w}=ye({data:t,onRowSelect:m,onSelectedRowsChange:b}),{expandedRowsToRender:R,onRowExpandChange:C}=ve({data:t,allowMultipleExpandedRows:x,controlledExpandedRowId:u,onExpandedRowChange:N,onRowExpand:S,findRowById:M}),{multiActions:z,handleMultipleActionClick:y}=Te({actions:r,selectedRowsData:E});return e.jsx(T.FiltersProvider,{children:e.jsxs("div",{className:`${p} table-main`,children:[e.jsx(ce,{columns:h,isLoading:l,...$}),l?e.jsx(be.Loading,{className:"table-loading"}):e.jsx(e.Fragment,{children:g?e.jsx(oe,{}):e.jsxs(e.Fragment,{children:[!!E.length&&e.jsx(ue,{count:E.length,multiActions:z,onActionClick:y}),e.jsx("div",{className:`${o} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(Q,{entity:s,columns:h,onSortCallback:i,hasAction:!!r,selectionState:k,onToggleAllRows:w}),e.jsx("tbody",{children:e.jsx(ie,{data:t,actions:r,columns:h,softDeleteProperty:c,selectedRows:O,expandedRows:R,onRowSelectionChange:I,onRowExpand:S?C:void 0})})]})}),e.jsx(ae,{})]})})]})})}exports.ActiveFilters=ee;exports.ArrayChip=Y;exports.Columns=Q;exports.CountOfTotal=se;exports.FilterDropdown=ne;exports.Footer=ae;exports.Navigation=le;exports.PageSize=re;exports.RangeChip=Z;exports.Rows=ie;exports.Table=Se;exports.TableEmpty=oe;exports.TableHeader=ce;exports.TableSelectionBar=ue;exports.renderFilterComponent=te;

package/dist/TableOptionsProvider-BchUDA3B.cjs

@@ -1 +0,0 @@
-"use strict";const j=require("react/jsx-runtime"),c=require("./query-81BrXp3i.cjs"),e=require("react"),k=[20,50,100],O=e.createContext({}),q=o=>{const{children:p}=o,[C,b]=e.useState(0),[g,v]=e.useState(20),[f,x]=e.useState(0),[u,d]=e.useState("id"),[n,S]=e.useState(c.SortOrder.DESC),[r,l]=e.useState({}),P=e.useCallback((t,i)=>{let s=n;u===t&&(n===c.SortOrder.ASC?s=c.SortOrder.DESC:s=c.SortOrder.ASC),d(t),S(s),i&&i(t,s)},[u,n]),T=e.useCallback(t=>{const i=Object.entries(t).reduce((s,[F,a])=>(a&&typeof a.value<"u"&&a.value!==null&&(s[F]=a.value),s),{});l(i)},[]),h=e.useCallback(t=>{t?(delete r[t.toLowerCase()],l({...r})):l({})},[r]),w=e.useMemo(()=>Object.keys(r).length,[r]),y={onSort:P,total:C,setTotal:b,sortingBy:u,setSortingBy:d,sortingOrder:n,setSortingOrder:S,pageSize:g,pageSizes:k,setPageSize:v,currentPage:f,setCurrentPage:x,filters:r,onFilterApply:T,clearFilters:h,countOfFilters:w};return j.jsx(O.Provider,{value:y,children:p})},m=()=>{const o=e.useContext(O);if(o===void 0)throw new Error("tableOptionsContext must be used within a Provider");return o};exports.TableOptionsProvider=q;exports.useTableOptions=m;

package/dist/TableOptionsProvider-BfQS8l1N.js

@@ -1,50 +0,0 @@
-import { jsx as j } from "react/jsx-runtime";
-import { S as a } from "./query-CwuehjY1.js";
-import { useState as s, useCallback as d, useMemo as z, createContext as A, useContext as E } from "react";
-const k = [20, 50, 100], g = A({}), M = (r) => {
-  const { children: O } = r, [f, C] = s(0), [m, v] = s(20), [b, x] = s(0), [l, p] = s("id"), [n, S] = s(a.DESC), [o, u] = s({}), P = d(
-    (e, i) => {
-      let t = n;
-      l === e && (n === a.ASC ? t = a.DESC : t = a.ASC), p(e), S(t), i && i(e, t);
-    },
-    [l, n]
-  ), h = d((e) => {
-    const i = Object.entries(e).reduce(
-      (t, [y, c]) => (c && typeof c.value < "u" && c.value !== null && (t[y] = c.value), t),
-      {}
-    );
-    u(i);
-  }, []), w = d(
-    (e) => {
-      e ? (delete o[e.toLowerCase()], u({ ...o })) : u({});
-    },
-    [o]
-  ), F = z(() => Object.keys(o).length, [o]), T = {
-    onSort: P,
-    total: f,
-    setTotal: C,
-    sortingBy: l,
-    setSortingBy: p,
-    sortingOrder: n,
-    setSortingOrder: S,
-    pageSize: m,
-    pageSizes: k,
-    setPageSize: v,
-    currentPage: b,
-    setCurrentPage: x,
-    filters: o,
-    onFilterApply: h,
-    clearFilters: w,
-    countOfFilters: F
-  };
-  return /* @__PURE__ */ j(g.Provider, { value: T, children: O });
-}, q = () => {
-  const r = E(g);
-  if (r === void 0)
-    throw new Error("tableOptionsContext must be used within a Provider");
-  return r;
-};
-export {
-  M as T,
-  q as u
-};

package/dist/TextInput-BLfTozZ9.js

@@ -1,320 +0,0 @@
-import "./TextInput.css";
-import { jsxs as g, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { forwardRef as S, useState as w, useEffect as R, useMemo as G, useRef as I, useCallback as k, useLayoutEffect as J } from "react";
-import { C as E } from "./Chip-JDQqzO9I.js";
-import { I as K } from "./IconButton-BpsTEj0z.js";
-import { C as Q } from "./Close-rKC9AcNX.js";
-const le = S(function(a, m) {
-  const {
-    state: h,
-    value: e,
-    onChange: l,
-    options: u = [],
-    name: p = "",
-    id: f = "",
-    label: i = "",
-    containerClassName: C = "",
-    inputContainerClassName: c = "",
-    helperText: x = "",
-    placeholder: y = "",
-    multiple: r = !1,
-    ...N
-  } = a, [v, o] = w("");
-  R(() => {
-    if (!r && e && !Array.isArray(e)) {
-      o(String(e.value ?? e.name ?? ""));
-      return;
-    }
-    o("");
-  }, [r, e]);
-  const [T, $] = w(!1), A = G(
-    () => u.filter((t) => {
-      const s = String(t.value ?? t.name).toLowerCase().includes(v?.toLowerCase());
-      return Array.isArray(e) && e.length ? s && !e.some((d) => d.id === t.id) : e && !Array.isArray(e) ? s && e.id !== t.id : s;
-    }),
-    [u, e, v]
-  ), b = I(null), q = I(null), [B, M] = w(!1), D = I(null);
-  R(() => {
-    const t = (d) => {
-      b.current && !b.current.contains(d.target) && $(!1);
-    }, s = (d) => {
-      d.key === "Escape" && $(!1);
-    };
-    return document.addEventListener("mousedown", t), document.addEventListener("keydown", s), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", s);
-    };
-  }, []);
-  const O = k((t) => {
-    o(t.target.value);
-  }, []), F = k(
-    (t) => {
-      t ? r ? (o(""), Array.isArray(e) && e.length ? l([...e, t]) : l([t])) : (o(String(t.name ?? t.value ?? "")), l(t)) : l(null), $(!1);
-    },
-    [r, l, e]
-  ), P = k(
-    (t) => {
-      if (!Array.isArray(e)) {
-        l(null);
-        return;
-      }
-      const s = e.filter((d, _) => _ !== t);
-      s.length ? l(s) : l(null);
-    },
-    [l, e]
-  ), U = k(() => {
-    Array.isArray(e) && l([e[0]]);
-  }, [l, e]);
-  return J(() => {
-    const t = D.current?.offsetWidth ?? 0, s = b.current?.offsetWidth ?? 0;
-    M(t > s * 0.4);
-  }, [e]), /* @__PURE__ */ g(
-    "div",
-    {
-      className: `autocomplete-input-container ${C}`,
-      ref: b,
-      children: [
-        /* @__PURE__ */ g("div", { className: "autocomplete-value-input-container", children: [
-          /* @__PURE__ */ n(
-            X,
-            {
-              state: h,
-              name: p,
-              id: f,
-              value: v,
-              onChange: O,
-              placeholder: y,
-              helperText: x,
-              onFocus: () => $(!0),
-              label: i,
-              containerClassName: `autocomplete-text-input ${c}`,
-              ref: m ?? q,
-              ...N,
-              children: !r && e && !Array.isArray(e) && (e.value || e.name) && /* @__PURE__ */ n(
-                K,
-                {
-                  icon: /* @__PURE__ */ n(Q, {}),
-                  className: "autocomplete-delete-button",
-                  onClick: (t) => {
-                    F(), t.stopPropagation();
-                  }
-                }
-              )
-            }
-          ),
-          r && Array.isArray(e) && e.length ? /* @__PURE__ */ n("ul", { ref: D, className: "autocomplete-value-container", children: B ? /* @__PURE__ */ g(z, { children: [
-            /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-              E,
-              {
-                text: e[0]?.value ?? e[0]?.name,
-                onDelete: (t) => {
-                  P(0), t.stopPropagation();
-                }
-              }
-            ) }),
-            e.length > 1 && /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-              E,
-              {
-                text: `+${e.length - 1}`,
-                onDelete: (t) => {
-                  U(), t.stopPropagation();
-                }
-              }
-            ) })
-          ] }) : e.map((t, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-            E,
-            {
-              text: String(t.value ?? t.name),
-              onDelete: (d) => {
-                P(s), d.stopPropagation();
-              }
-            }
-          ) }, t.id ?? t.value ?? t.name)) }) : null
-        ] }),
-        T && /* @__PURE__ */ n(
-          "ul",
-          {
-            className: "autocomplete-suggestions-container",
-            style: { width: b.current?.offsetWidth },
-            children: A.map((t) => /* @__PURE__ */ n(
-              "li",
-              {
-                className: "autocomplete-suggestion-item",
-                onClick: (s) => {
-                  F(t), s.stopPropagation();
-                },
-                children: t.value ?? t.name
-              },
-              t.id ?? t.value ?? t.name
-            ))
-          }
-        )
-      ]
-    }
-  );
-}), re = S(function(a, m) {
-  const {
-    checked: h,
-    onChange: e,
-    name: l = "",
-    id: u = "",
-    label: p = "",
-    containerClassName: f = "",
-    inputClassName: i = "",
-    labelClassName: C = "",
-    ...c
-  } = a;
-  return /* @__PURE__ */ g("label", { className: `input-check-container ${f}`, children: [
-    /* @__PURE__ */ n(
-      "input",
-      {
-        id: u,
-        ref: m,
-        name: l,
-        type: "checkbox",
-        checked: h,
-        onChange: e,
-        className: `input-check ${i}`,
-        ...c
-      }
-    ),
-    /* @__PURE__ */ n("span", { className: `input-check-label ${C}`, children: p })
-  ] });
-});
-var L = /* @__PURE__ */ ((a) => (a.error = "error", a.good = "good", a.default = "default", a))(L || {});
-const W = (a) => {
-  switch (a) {
-    case "error":
-      return "input-error";
-    case "good":
-      return "input-good";
-    default:
-      return "input-normal";
-  }
-}, j = (a) => {
-  switch (a) {
-    case "error":
-      return "input-label-error";
-    case "good":
-      return "input-label-good";
-    default:
-      return "input-label-normal";
-  }
-}, H = (a) => {
-  switch (a) {
-    case "error":
-      return "input-helper-text-error";
-    case "good":
-      return "input-helper-text-good";
-    default:
-      return "input-helper-text-normal";
-  }
-}, se = S(function(a, m) {
-  const {
-    value: h,
-    onChange: e,
-    options: l,
-    containerClassName: u = "",
-    inputClassName: p = "",
-    labelClassName: f = "",
-    helperText: i = "",
-    helperTextClassName: C = "",
-    label: c = "",
-    name: x = "",
-    id: y = "",
-    state: r = L.default,
-    children: N,
-    ...v
-  } = a;
-  return /* @__PURE__ */ g("div", { className: `select-input-container ${u}`, children: [
-    /* @__PURE__ */ n(
-      "select",
-      {
-        ...v,
-        id: y,
-        ref: m,
-        name: x,
-        value: h,
-        onChange: e,
-        className: `select-input ${W(r)} peer ${p}`,
-        children: l?.map((o) => /* @__PURE__ */ n("option", { value: o.id, children: o.value ?? o.name ?? o.id }, o.id))
-      }
-    ),
-    /* @__PURE__ */ n(
-      "label",
-      {
-        htmlFor: y,
-        className: `select-input-label ${j(r)} ${f}`,
-        children: c
-      }
-    ),
-    N,
-    i && /* @__PURE__ */ n(
-      "p",
-      {
-        className: `select-input-helper-text ${H(r)} ${C}`,
-        children: i
-      }
-    )
-  ] });
-}), V = (a) => a == null ? !1 : Array.isArray(a) ? a.length > 0 : `${a}`.length > 0, X = S(function(a, m) {
-  const {
-    children: h,
-    state: e = L.default,
-    label: l = "",
-    containerClassName: u = "",
-    inputClassName: p = "",
-    labelClassName: f = "",
-    helperText: i = "",
-    helperTextClassName: C = "",
-    value: c,
-    defaultValue: x,
-    onChange: y,
-    ...r
-  } = a, N = c !== void 0, [v, o] = w(
-    () => V(x)
-  ), T = N ? V(c) : v, $ = (A) => {
-    N || o(A.currentTarget.value.length > 0), y?.(A);
-  };
-  return /* @__PURE__ */ g("div", { className: `text-input-container ${u}`, children: [
-    /* @__PURE__ */ n(
-      "input",
-      {
-        ref: m,
-        defaultValue: x,
-        onChange: $,
-        ...N ? { value: c } : {},
-        className: `text-input ${W(e)} ${p} ${T ? "has-value" : ""} ${r.placeholder ? "has-placeholder" : ""}`,
-        ...r
-      }
-    ),
-    !!l && /* @__PURE__ */ g(
-      "label",
-      {
-        htmlFor: r.id,
-        className: `text-input-label ${j(e)} ${f}`,
-        children: [
-          l,
-          r.required ? " *" : ""
-        ]
-      }
-    ),
-    h,
-    !!i && /* @__PURE__ */ n(
-      "p",
-      {
-        className: `text-input-helper-text ${H(e)} ${C}`,
-        children: i
-      }
-    )
-  ] });
-});
-export {
-  le as A,
-  re as C,
-  se as S,
-  X as T,
-  L as a,
-  H as h,
-  W as i,
-  j as l
-};

package/dist/TextInput-Bn8zsDnU.cjs

@@ -1 +0,0 @@
-var G=require("./TextInput.css");const a=require("react/jsx-runtime"),l=require("react"),k=require("./Chip-a2z-338_.cjs"),M=require("./IconButton-CVnmT2E9.cjs"),O=require("./Close-O9P7wJGf.cjs"),U=l.forwardRef(function(n,p){const{state:m,value:e,onChange:r,options:d=[],name:f="",id:x="",label:u="",containerClassName:C="",inputContainerClassName:i="",helperText:g="",placeholder:j="",multiple:s=!1,...N}=n,[v,c]=l.useState("");l.useEffect(()=>{if(!s&&e&&!Array.isArray(e)){c(String(e.value??e.name??""));return}c("")},[s,e]);const[S,b]=l.useState(!1),$=l.useMemo(()=>d.filter(t=>{const o=String(t.value??t.name).toLowerCase().includes(v?.toLowerCase());return Array.isArray(e)&&e.length?o&&!e.some(h=>h.id===t.id):e&&!Array.isArray(e)?o&&e.id!==t.id:o}),[d,e,v]),y=l.useRef(null),F=l.useRef(null),[P,V]=l.useState(!1),R=l.useRef(null);l.useEffect(()=>{const t=h=>{y.current&&!y.current.contains(h.target)&&b(!1)},o=h=>{h.key==="Escape"&&b(!1)};return document.addEventListener("mousedown",t),document.addEventListener("keydown",o),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("keydown",o)}},[]);const W=l.useCallback(t=>{c(t.target.value)},[]),E=l.useCallback(t=>{t?s?(c(""),Array.isArray(e)&&e.length?r([...e,t]):r([t])):(c(String(t.name??t.value??"")),r(t)):r(null),b(!1)},[s,r,e]),L=l.useCallback(t=>{if(!Array.isArray(e)){r(null);return}const o=e.filter((h,H)=>H!==t);o.length?r(o):r(null)},[r,e]),B=l.useCallback(()=>{Array.isArray(e)&&r([e[0]])},[r,e]);return l.useLayoutEffect(()=>{const t=R.current?.offsetWidth??0,o=y.current?.offsetWidth??0;V(t>o*.4)},[e]),a.jsxs("div",{className:`autocomplete-input-container ${C}`,ref:y,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(D,{state:m,name:f,id:x,value:v,onChange:W,placeholder:j,helperText:g,onFocus:()=>b(!0),label:u,containerClassName:`autocomplete-text-input ${i}`,ref:p??F,...N,children:!s&&e&&!Array.isArray(e)&&(e.value||e.name)&&a.jsx(M.IconButton,{icon:a.jsx(O.Close,{}),className:"autocomplete-delete-button",onClick:t=>{E(),t.stopPropagation()}})}),s&&Array.isArray(e)&&e.length?a.jsx("ul",{ref:R,className:"autocomplete-value-container",children:P?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(k.Chip,{text:e[0]?.value??e[0]?.name,onDelete:t=>{L(0),t.stopPropagation()}})}),e.length>1&&a.jsx("li",{children:a.jsx(k.Chip,{text:`+${e.length-1}`,onDelete:t=>{B(),t.stopPropagation()}})})]}):e.map((t,o)=>a.jsx("li",{children:a.jsx(k.Chip,{text:String(t.value??t.name),onDelete:h=>{L(o),h.stopPropagation()}})},t.id??t.value??t.name))}):null]}),S&&a.jsx("ul",{className:"autocomplete-suggestions-container",style:{width:y.current?.offsetWidth},children:$.map(t=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:o=>{E(t),o.stopPropagation()},children:t.value??t.name},t.id??t.value??t.name))})]})}),_=l.forwardRef(function(n,p){const{checked:m,onChange:e,name:r="",id:d="",label:f="",containerClassName:x="",inputClassName:u="",labelClassName:C="",...i}=n;return a.jsxs("label",{className:`input-check-container ${x}`,children:[a.jsx("input",{id:d,ref:p,name:r,type:"checkbox",checked:m,onChange:e,className:`input-check ${u}`,...i}),a.jsx("span",{className:`input-check-label ${C}`,children:f})]})});var A=(n=>(n.error="error",n.good="good",n.default="default",n))(A||{});const w=n=>{switch(n){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},I=n=>{switch(n){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},T=n=>{switch(n){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}},z=l.forwardRef(function(n,p){const{value:m,onChange:e,options:r,containerClassName:d="",inputClassName:f="",labelClassName:x="",helperText:u="",helperTextClassName:C="",label:i="",name:g="",id:j="",state:s=A.default,children:N,...v}=n;return a.jsxs("div",{className:`select-input-container ${d}`,children:[a.jsx("select",{...v,id:j,ref:p,name:g,value:m,onChange:e,className:`select-input ${w(s)} peer ${f}`,children:r?.map(c=>a.jsx("option",{value:c.id,children:c.value??c.name??c.id},c.id))}),a.jsx("label",{htmlFor:j,className:`select-input-label ${I(s)} ${x}`,children:i}),N,u&&a.jsx("p",{className:`select-input-helper-text ${T(s)} ${C}`,children:u})]})}),q=n=>n==null?!1:Array.isArray(n)?n.length>0:`${n}`.length>0,D=l.forwardRef(function(n,p){const{children:m,state:e=A.default,label:r="",containerClassName:d="",inputClassName:f="",labelClassName:x="",helperText:u="",helperTextClassName:C="",value:i,defaultValue:g,onChange:j,...s}=n,N=i!==void 0,[v,c]=l.useState(()=>q(g)),S=N?q(i):v,b=$=>{N||c($.currentTarget.value.length>0),j?.($)};return a.jsxs("div",{className:`text-input-container ${d}`,children:[a.jsx("input",{ref:p,defaultValue:g,onChange:b,...N?{value:i}:{},className:`text-input ${w(e)} ${f} ${S?"has-value":""} ${s.placeholder?"has-placeholder":""}`,...s}),!!r&&a.jsxs("label",{htmlFor:s.id,className:`text-input-label ${I(e)} ${x}`,children:[r,s.required?" *":""]}),m,!!u&&a.jsx("p",{className:`text-input-helper-text ${T(e)} ${C}`,children:u})]})});exports.AutocompleteInput=U;exports.CheckInput=_;exports.SelectInput=z;exports.State=A;exports.TextInput=D;exports.helperTextStateClassName=T;exports.inputStateClassName=w;exports.labelStateClassName=I;

package/dist/TranslationProvider-51Pc9Xrr.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),r=n.createContext({});function a(t){const{children:e,t:o,language:s}=t;return i.jsx(r.Provider,{value:{t:o,language:s},children:e})}const u=()=>{const t=n.useContext(r);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};exports.TranslationProvider=a;exports.useTranslation=u;