@sito/dashboard 0.0.44 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Badge/Badge.d.ts +2 -0
- package/dist/components/Badge/index.d.ts +2 -0
- package/dist/components/Badge/types.d.ts +4 -0
- package/dist/components/Table/components/Filters/ActiveFilters/ActiveFilters.d.ts +2 -0
- package/dist/components/Table/components/Filters/ActiveFilters/ArrayChip.d.ts +3 -0
- package/dist/components/Table/components/Filters/ActiveFilters/RangeChip.d.ts +2 -0
- package/dist/components/Table/components/Filters/ActiveFilters/index.d.ts +1 -0
- package/dist/components/Table/components/Filters/ActiveFilters/types.d.ts +15 -0
- package/dist/components/Table/components/Filters/FilterDropdown/FilterDropdown.d.ts +2 -0
- package/dist/components/Table/components/{FilterPopup → Filters/FilterDropdown}/index.d.ts +1 -1
- package/dist/components/Table/components/{FilterPopup → Filters/FilterDropdown}/types.d.ts +4 -2
- package/dist/components/Table/components/{FilterPopup → Filters/FilterDropdown}/utils.d.ts +1 -1
- package/dist/components/Table/components/Filters/index.d.ts +2 -0
- package/dist/components/Table/components/TableHeader/types.d.ts +1 -1
- package/dist/components/Table/components/index.d.ts +1 -1
- package/dist/components/Table/components/types.d.ts +2 -0
- package/dist/components/Table/types.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/dashboard.cjs +1 -1
- package/dist/dashboard.js +1585 -597
- package/dist/lib/filters.d.ts +1 -0
- package/dist/main.css +1 -1
- package/dist/providers/TableOptions/types.d.ts +2 -0
- package/package.json +3 -2
- package/dist/components/Table/components/FilterPopup/FilterPopup.d.ts +0 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ActiveFilters';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FilterType } from '../../../../../lib';
|
|
2
|
+
export type FilterChip = {
|
|
3
|
+
label: string;
|
|
4
|
+
onClearFilter: (key: string) => void;
|
|
5
|
+
};
|
|
6
|
+
export interface ArrayChipPropsType<T> extends FilterChip {
|
|
7
|
+
items: T[];
|
|
8
|
+
}
|
|
9
|
+
export interface RangeChipPropsType<T> extends FilterChip {
|
|
10
|
+
start: T;
|
|
11
|
+
end: T;
|
|
12
|
+
}
|
|
13
|
+
export type ActiveFiltersPropsType = {
|
|
14
|
+
filtersDefinition: FilterType[];
|
|
15
|
+
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { FilterType } from '
|
|
3
|
-
export type
|
|
2
|
+
import { FilterType } from '../../../../../lib';
|
|
3
|
+
export type FilterDropdownPropsType = {
|
|
4
4
|
filters?: FilterType[];
|
|
5
5
|
options?: FilterOptions;
|
|
6
|
+
show: boolean;
|
|
7
|
+
handleShow: (value: boolean) => void;
|
|
6
8
|
};
|
|
7
9
|
export type FilterOptions = {
|
|
8
10
|
button: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { ColumnType } from '../types';
|
|
3
3
|
import { BaseDto } from '../../../../lib';
|
|
4
|
-
import { FilterOptions } from '../
|
|
4
|
+
import { FilterOptions } from '../Filters/FilterDropdown';
|
|
5
5
|
export type TableHeaderPropsType<TRow extends BaseDto> = {
|
|
6
6
|
title?: string;
|
|
7
7
|
isLoading?: boolean;
|
|
@@ -2,7 +2,7 @@ import { BaseDto, SortOrder } from '../../lib';
|
|
|
2
2
|
import { TableHeaderPropsType } from './components';
|
|
3
3
|
export type Action<TRow extends BaseDto> = {
|
|
4
4
|
id: string;
|
|
5
|
-
onClick: (entity
|
|
5
|
+
onClick: (entity?: TRow) => void;
|
|
6
6
|
icon: any;
|
|
7
7
|
tooltip: string;
|
|
8
8
|
disabled?: boolean;
|
package/dist/dashboard.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var Se=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");function H(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function W(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:e.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function q(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function J(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:e.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}const V=t=>{const{className:n=""}=t;return e.jsx("svg",{className:n,viewBox:"0 0 16 16",children:e.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};function _(t){const{className:n=""}=t;return e.jsx("svg",{className:n,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:e.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})})}var L=(t=>(t.error="error",t.good="good",t.default="default",t))(L||{});const A=t=>{switch(t){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},B=t=>{switch(t){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},D=t=>{switch(t){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const M=i.forwardRef(function(t,n){const{value:a,onChange:s,options:r,containerClassName:o="",inputClassName:c="",labelClassName:u="",helperText:l="",helperTextClassName:m="",placeholder:p="",label:h="",name:v="",id:C="",state:j=L.default,children:g,...d}=t;return e.jsxs("div",{className:`select-input-container ${o}`,children:[e.jsx("select",{...d,id:C,ref:n,name:v,value:a,onChange:s,className:`select-input ${A(j)} peer ${c}`,children:r==null?void 0:r.map(x=>e.jsx("option",{value:x.id,children:x.value??x.name??x.id},x.id))}),e.jsx("label",{htmlFor:v,className:`select-input-label ${B(j)} ${u}`,children:h}),g,e.jsx("p",{className:`select-input-helper-text ${D(j)} ${m}`,children:j!=="error"&&j!=="good"?p:l})]})});const z=i.forwardRef(function(t,n){const{children:a,state:s=L.default,label:r="",containerClassName:o="",inputClassName:c="",labelClassName:u="",helperText:l="",helperTextClassName:m="",value:p="",...h}=t;return e.jsxs("div",{className:`text-input-container ${o}`,children:[e.jsx("input",{ref:n,value:p,className:`text-input ${A(s)} peer ${c} ${p?"has-value":""} ${h.placeholder?"has-placeholder":""}`,...h}),!!r&&e.jsxs("label",{htmlFor:h.name,className:`text-input-label ${B(s)} ${u}`,children:[r,h.required?" *":""]}),a,!!l&&e.jsx("p",{className:`text-input-helper-text ${D(s)} ${m}`,children:l})]})});const G=i.forwardRef(function(t,n){const{checked:a,onChange:s,state:r=L.default,name:o="",id:c="",type:u="text",label:l="",containerClassName:m="",inputClassName:p="",labelClassName:h="",helperText:v="",helperTextClassName:C="",...j}=t;return e.jsxs("label",{className:`input-check-container ${m}`,children:[e.jsx("input",{id:c,ref:n,name:o,type:"checkbox",checked:a,onChange:s,className:`input-check ${p}`,...j}),e.jsx("span",{className:`input-check-label ${h}`,children:l})]})});const K=i.forwardRef(function(t,n){const{state:a,value:s,onChange:r,options:o=[],name:c="",id:u="",label:l="",containerClassName:m="",inputContainerClassName:p="",helperText:h="",placeholder:v="",multiple:C=!1,...j}=t,[g,d]=i.useState(""),[x,N]=i.useState(!1),f=o.filter(b=>{const w=String(b.value).toLowerCase().includes(g==null?void 0:g.toLowerCase());return s&&s.length?s!=null&&s.some?!(s!=null&&s.some(R=>R.id===b.id)):(s==null?void 0:s.id)!==b.id:w}),F=i.useRef(null);i.useEffect(()=>{const b=P=>{F.current&&!F.current.contains(P.target)&&N(!1)},w=P=>{P.key==="Escape"&&N(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",w)}},[]);const E=b=>{d(b.target.value)},I=i.useCallback(b=>{d(""),b?C?Array.isArray(s)&&s.length?r([...s,b]):r([b]):r(b):r(null),N(!1)},[C,r,s]),xe=i.useCallback(b=>{const w=s.filter((P,R)=>R!==b);w.length?r(w):r(null)},[r,s]);return e.jsxs("div",{className:`autocomplete-input-container ${m}`,ref:F,children:[e.jsx(z,{state:a,name:c,id:u,value:!C&&s?s.value??s.name:g,onChange:E,placeholder:v,helperText:h,onFocus:()=>N(!0),label:l,containerClassName:`autocomplete-text-input ${p}`,ref:n,...j,children:!C&&s&&e.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:b=>{I(),b.stopPropagation()},children:e.jsx(_,{})})}),x&&e.jsx("ul",{className:"autocomplete-suggestions-container",children:f.map(b=>e.jsx("li",{className:"autocomplete-suggestion-item",onClick:w=>{I(b),w.stopPropagation()},children:b.value??b.name},b.id??b.value??b.name))}),C&&Array.isArray(s)&&s.length?e.jsx("ul",{className:"autocomplete-value-container",children:s.map((b,w)=>e.jsx("li",{children:e.jsx(me,{label:String(b.value??b.name),onDelete:P=>{xe(w),P.stopPropagation()}})},b.id??b.value??b.name))}):null]})});function Q(t){const{color:n="stroke-blue-800",className:a="",loaderClass:s="",strokeWidth:r="4",...o}=t;return e.jsx("div",{...o,className:`loading ${a}`,children:e.jsx("div",{className:"loader-container",children:e.jsx("div",{className:`loader ${s}`,children:e.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:e.jsx("circle",{className:`path ${n}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:r,strokeMiterlimit:"10"})})})})})}const X=i.createContext({});function be(t){const{children:n,t:a}=t;return e.jsx(X.Provider,{value:{t:a},children:n})}const k=()=>{const t=i.useContext(X);if(t===void 0)throw new Error("translationContext must be used within a Provider");return t};var S=(t=>(t[t.text=0]="text",t[t.number=1]="number",t[t.select=2]="select",t[t.autocomplete=3]="autocomplete",t[t.date=4]="date",t[t.check=5]="check",t))(S||{}),T=(t=>(t.ASC="ASC",t.DESC="DESC",t))(T||{});const je=[20,50,100],Y=i.createContext({}),Ce=t=>{const{children:n}=t,[a,s]=i.useState(0),[r,o]=i.useState(20),[c,u]=i.useState(0),[l,m]=i.useState("id"),[p,h]=i.useState(T.DESC),[v,C]=i.useState({}),j=i.useCallback((x,N)=>{let f=p;if(l===x)switch(p){case T.ASC:f=T.DESC;break;default:f=T.ASC;break}m(x),h(f),N&&N(x,f)},[l,p]),g=i.useCallback(x=>{const N=Object.entries(x).reduce((f,[F,E])=>(E&&typeof E.value<"u"&&(f[F]=E.value),f),{});C(N)},[]),d={onSort:j,total:a,setTotal:s,sortingBy:l,setSortingBy:m,sortingOrder:p,setSortingOrder:h,pageSize:r,pageSizes:je,setPageSize:o,currentPage:c,setCurrentPage:u,filters:v,onFilterApply:g};return e.jsx(Y.Provider,{value:d,children:n})},$=()=>{const t=i.useContext(Y);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};var y=(t=>(t[t.update=0]="update",t[t.reset=1]="reset",t))(y||{});const Z=t=>{if(t){const n={},a=Object.keys(t);return a==null||a.forEach(s=>{n[s]={value:t[s]}}),n}return{}};function ee(t,n){const{type:a}=n;switch(a){case y.reset:{const{filters:s}=n,r={};return s==null||s.forEach(({propertyName:o,defaultValue:c})=>{r[o]={value:c}}),{...t,...r}}case y.update:{const{toUpdate:s}=n;return{...t,...s}}default:return t}}const te=i.createContext({}),se=t=>{const{children:n}=t,{filters:a}=$(),[s,r]=i.useReducer(ee,Z(a)),o={currentFilters:s,setCurrentFilters:r};return e.jsx(te.Provider,{value:o,children:n})},O=()=>{const t=i.useContext(te);if(t===void 0)throw new Error("tableOptionsContext must be used within a Provider");return t};function ne(t){const{t:n}=k(),{entity:a="",columns:s=[],hasAction:r=!0,onSortCallback:o}=t,{onSort:c,sortingOrder:u,sortingBy:l}=$(),m=i.useMemo(()=>{var p;return(p=s.sort((h,v)=>(v.pos??0)-(h.pos??0)).filter(h=>h.display!=="none"))==null?void 0:p.map(h=>({id:h.key,label:h.label,className:h.className??"",sortable:h.sortable??!0,sortOptions:h.sortOptions}))},[s,a,n]);return e.jsx("thead",{className:"table-headers-row",children:e.jsxs("tr",{children:[m.map(p=>{var h,v,C,j,g,d,x,N;return e.jsx("th",{scope:"col",className:`table-headers-column ${p.className}`,children:e.jsxs("button",{disabled:!p.sortable,onClick:()=>c(p.id,o),className:"table-headers-cell",children:[e.jsx("span",{className:"table-headers-label",children:p.label}),p.sortable&&e.jsx("span",{className:`${l===p.id?"table-headers-sort-on":"table-headers-sort"}`,children:u===T.ASC?((v=(h=p.sortOptions)==null?void 0:h.icons)==null?void 0:v.asc)??e.jsx(W,{className:((j=(C=p.sortOptions)==null?void 0:C.icons)==null?void 0:j.className)??"table-headers-sort-indicator"}):((d=(g=p.sortOptions)==null?void 0:g.icons)==null?void 0:d.desc)??e.jsx(H,{className:((N=(x=p.sortOptions)==null?void 0:x.icons)==null?void 0:N.className)??"table-headers-sort-indicator"})})]})},p.id)}),r&&e.jsx("th",{scope:"col",className:"table-headers-action",children:n("_accessibility:labels.actions")})]})})}function ae(){const{t}=k();return e.jsx("div",{className:"table-empty",children:e.jsx("p",{children:t("_accessibility:components.table.empty")})})}const re=()=>{const{t}=k(),{total:n,pageSize:a,currentPage:s,setCurrentPage:r}=$();return e.jsxs("div",{className:"table-navigation-pages",children:[e.jsx("button",{className:"table-navigation-buttons",disabled:s===0,"aria-label":t("_accessibility:buttons.previous"),name:t("_accessibility:buttons.previous"),onClick:()=>r(s-1),children:e.jsx(J,{className:"w-2.5"})}),e.jsx("button",{disabled:Math.floor(n/((s+1)*a))===0,className:"table-navigation-buttons",name:t("_accessibility:buttons.next"),"aria-label":t("_accessibility:buttons.next"),onClick:()=>r(s+1),children:e.jsx(q,{className:"w-2.5"})})]})},le=()=>{const{t}=k(),{total:n,pageSize:a,pageSizes:s,currentPage:r}=$(),o=(r+1)*a>n?n:(r+1)*a;return e.jsxs("div",{className:"table-navigation-sizes",children:[s[0]<n&&e.jsx(e.Fragment,{children:e.jsxs("p",{children:[r*a+1," - ",o," ",t("_accessibility:components.table.of")]})}),e.jsx("p",{children:n})]})};function oe(){const{t}=k(),{pageSizes:n,pageSize:a,setPageSize:s}=$(),r=i.useMemo(()=>n==null?void 0:n.map(o=>({id:o,value:o})),[n]);return e.jsxs("div",{className:"page-size",children:[e.jsx("p",{children:t("_accessibility:components.table.pageSizes")}),e.jsx(M,{value:a,options:r,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:o=>s(Number(o.target.value))})]})}function ve(){const{t}=k(),{total:n,pageSize:a,currentPage:s,setCurrentPage:r}=$(),o=i.useMemo(()=>{const c=Math.ceil(n/a);return Array.from({length:c},(u,l)=>({id:l,value:l+1}))},[n,a]);return e.jsxs("div",{className:"jump-to-page",children:[e.jsx("p",{children:t("_accessibility:components.table.jumpToPage")}),e.jsx(M,{value:s,options:o,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:c=>r(Number(c.target.value))})]})}function ce(){return e.jsxs("div",{className:"table-footer",children:[e.jsx(ve,{}),e.jsx(oe,{}),e.jsx(le,{}),e.jsx(re,{})]})}function ge(t){const{propertyName:n,options:a,label:s}=t,{currentFilters:r,setCurrentFilters:o}=O(),c=i.useMemo(()=>{var l;return((l=r[n])==null?void 0:l.value)??a[0]},[r]),u=i.useCallback(l=>{o({type:y.update,toUpdate:{[n]:{value:l.target.value}}})},[]);return e.jsx(M,{value:c,label:s,options:a,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:u})}const Ne=t=>{const{propertyName:n,label:a}=t,{currentFilters:s,setCurrentFilters:r}=O(),o=i.useMemo(()=>{var u;return((u=s[n])==null?void 0:u.value)??""},[s]),c=i.useCallback(u=>{r({type:y.update,toUpdate:{[n]:{value:u.target.value}}})},[]);return e.jsx(z,{value:o??"",label:a,onChange:c,containerClassName:"input-widget-container",helperTextClassName:""})},fe=t=>{const{propertyName:n,label:a}=t,{currentFilters:s,setCurrentFilters:r}=O(),o=i.useMemo(()=>{var u;return((u=s[n])==null?void 0:u.value)??""},[s]),c=i.useCallback(u=>{r({type:y.update,toUpdate:{[n]:{value:u.target.checked}}})},[]);return e.jsx(G,{label:a,checked:o??!1,onChange:c})};function we(t){const{propertyName:n,label:a,options:s,multiple:r=!0}=t,{currentFilters:o,setCurrentFilters:c}=O(),u=i.useMemo(()=>o[n]??s[0],[o]),l=i.useCallback(m=>{c({type:y.update,toUpdate:{[n]:{value:m}}})},[r]);return e.jsx(K,{value:u==null?void 0:u.value,label:a,options:s,multiple:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:l})}const U=t=>{var h,v,C,j;const{propertyName:n,label:a,inputType:s}=t,{t:r}=k(),{currentFilters:o,setCurrentFilters:c}=O(),u=i.useRef(null),l=i.useRef(null),m=i.useCallback(g=>{var d;c({type:y.update,toUpdate:{[n]:{value:{end:((d=l==null?void 0:l.current)==null?void 0:d.value)??null,start:g.target.value}}}})},[]),p=i.useCallback(g=>{var d;c({type:y.update,toUpdate:{[n]:{value:{start:((d=u==null?void 0:u.current)==null?void 0:d.value)??null,end:g.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:a}),e.jsxs("div",{className:"range-widget-row",children:[e.jsx(z,{value:((v=(h=o[n])==null?void 0:h.value)==null?void 0:v.start)??"",placeholder:r("_accessibility:components.table.filters.range.start"),type:s,ref:u,onChange:m,containerClassName:"input-widget-container",helperTextClassName:""}),e.jsx(z,{value:((j=(C=o[n])==null?void 0:C.value)==null?void 0:j.end)??"",placeholder:r("_accessibility:components.table.filters.range.end"),type:s,ref:l,onChange:p,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},ie=t=>{switch(t.type){case S.text:return e.jsx(Ne,{...t});case S.number:return e.jsx(U,{...t,inputType:"number"});case S.date:return e.jsx(U,{...t,inputType:"date"});case S.select:return e.jsx(ge,{...t});case S.autocomplete:return e.jsx(we,{...t});case S.check:return e.jsx(fe,{...t})}return e.jsx(e.Fragment,{})};const ue=t=>{var v,C,j,g;const{filters:n=[],options:a}=t,[s,r]=i.useState(!1),{onFilterApply:o,filters:c}=$(),{currentFilters:u,setCurrentFilters:l}=O(),{t:m}=k(),p=i.useRef(null),h=i.useRef(null);return i.useEffect(()=>{const d=({target:x})=>{var N,f;h.current&&(!s||(N=h.current)!=null&&N.contains(x)||(f=p==null?void 0:p.current)!=null&&f.contains(x)||r(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),i.useEffect(()=>{const d=x=>{!s||x.code!=="Escape"||r(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),e.jsxs("div",{className:"filter-dropdown-main",children:[((v=a==null?void 0:a.button)==null?void 0:v.hide)!==!0&&e.jsxs("button",{ref:p,className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>{var d,x,N;return((N=(d=a==null?void 0:a.dropdown)==null?void 0:d.setOpened)==null?void 0:N.call(d,!((x=a==null?void 0:a.dropdown)!=null&&x.opened)))??r(!s)},"aria-expanded":((C=a==null?void 0:a.dropdown)==null?void 0:C.opened)??s,children:[e.jsx("span",{className:"sr-only",children:m("_accessibility:buttons.filters")}),e.jsx("wbr",{}),((j=a==null?void 0:a.button)==null?void 0:j.icon)??e.jsx(V,{className:"filter-dropdown-trigger-icon"})]}),e.jsx("div",{className:`filter-dropdown-backdrop ${(g=a==null?void 0:a.dropdown)!=null&&g.opened||s?"opened":"closed"}`,children:e.jsxs("div",{className:"filter-popup",children:[e.jsx("div",{className:"filter-title",children:m("_accessibility:buttons.filters")}),e.jsx("ul",{className:"filter-container",children:n.map(d=>e.jsx("li",{className:"filter-container-item",children:ie(d)},d.propertyName))}),e.jsx("div",{className:"filter-footer",children:e.jsxs("ul",{className:"filter-buttons-row",children:[e.jsx("li",{children:e.jsx("button",{onClick:()=>l({type:y.reset,filters:n}),className:"filter-dropdown-button small filter-dropdown-cancel",children:m("_accessibility:buttons.clear")})}),e.jsx("li",{children:e.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit",onClick:()=>{var d,x;((x=(d=a==null?void 0:a.dropdown)==null?void 0:d.setOpened)==null?void 0:x.call(d,!1))??r(!1),o(u)},onBlur:()=>{var d,x;return((x=(d=a==null?void 0:a.dropdown)==null?void 0:d.setOpened)==null?void 0:x.call(d,!1))??r(!1)},children:m("_accessibility:buttons.applyFilters")})})]})})]})})]})},de=t=>{var u;const{columns:n,title:a,isLoading:s,toolbar:r,filterOptions:o}=t,c=i.useMemo(()=>n?n.sort((l,m)=>(m.pos??0)-(l.pos??0)).filter(l=>!!l.filterOptions).map(l=>{var m;return{...l.filterOptions,label:((m=l.filterOptions)==null?void 0:m.label)??l.label,propertyName:l.key}}):[],[n]);return e.jsxs("div",{className:`table-header ${a&&(r||!((u=o==null?void 0:o.button)!=null&&u.hide))?"two":"one"}`,children:[a&&e.jsx("h1",{className:"table-header-title",children:a}),s?null:e.jsxs("div",{className:"table-header-right",children:[r,!!c&&!!c.length&&e.jsx(ue,{filters:c,options:o})]})]})},ye=t=>t,pe=t=>{const{columns:n,softDeleteProperty:a="deleted",data:s,actions:r}=t,o=i.useMemo(()=>n.sort((c,u)=>(u.pos??0)-(c.pos??0)).filter(c=>c.display!=="none"),[n]);return s==null?void 0:s.map(c=>{var u;return e.jsxs("tr",{className:`table-row ${c[a]?"deleted-class":""}`,children:[o==null?void 0:o.map((l,m)=>e.jsx("td",{className:`table-row-cell ${m===0?"basic":""} ${l.className??""}`,children:l.renderBody?l.renderBody(c[l.key],c):ye(c[l.key])},l.key)),r?e.jsx("td",{children:e.jsx("div",{className:"table-row-cell-action",children:(u=r(c).filter(l=>!l.hidden))==null?void 0:u.map(l=>e.jsx(he,{content:l.tooltip,children:e.jsx("button",{onClick:()=>l.onClick(c),children:l.icon})},l.id))})}):null]},c.id)})};function ke(t){const{data:n,onSort:a,entity:s="",isLoading:r=!1,actions:o,columns:c=[],contentClassName:u="",className:l="",softDeleteProperty:m="deleted",...p}=t,h=i.useMemo(()=>!(n!=null&&n.length),[n]);return e.jsx(se,{children:e.jsxs("div",{className:`${l} table-main`,children:[e.jsx(de,{columns:c,isLoading:r,...p}),r?e.jsx(Q,{className:"table-loading"}):e.jsx(e.Fragment,{children:h?e.jsx(ae,{}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`${u} table-body`,children:e.jsxs("table",{className:"table-content",children:[e.jsx(ne,{entity:s,columns:c,onSortCallback:a,hasAction:!!o}),e.jsx("tbody",{children:e.jsx(pe,{data:n,actions:o,columns:c,softDeleteProperty:m})})]})}),e.jsx(ce,{})]})})]})})}function he(t){const{content:n,children:a}=t;return e.jsxs("div",{className:"tooltip-container",children:[a,e.jsx("div",{className:"tooltip-text",children:n})]})}function me(t){const{label:n,onDelete:a,className:s="",spanClassName:r=""}=t;return e.jsxs("div",{className:`chip-main ${s}`,children:[e.jsx("span",{className:r,children:n}),a?e.jsx("button",{type:"button",className:"chip-delete-button",onClick:a,children:e.jsx(_,{})}):null]})}exports.AutocompleteInput=K;exports.CheckInput=G;exports.ChevronDown=H;exports.ChevronLeft=J;exports.ChevronRight=q;exports.ChevronUp=W;exports.Chip=me;exports.Close=_;exports.Columns=ne;exports.CountOfTotal=le;exports.Empty=ae;exports.FilterPopup=ue;exports.FilterTypes=S;exports.Filters=V;exports.FiltersActions=y;exports.FiltersProvider=se;exports.Footer=ce;exports.Loading=Q;exports.Navigation=re;exports.PageSize=oe;exports.Rows=pe;exports.SelectInput=M;exports.SortOrder=T;exports.State=L;exports.Table=ke;exports.TableHeader=de;exports.TableOptionsProvider=Ce;exports.TextInput=z;exports.Tooltip=he;exports.TranslationProvider=be;exports.filtersReducer=ee;exports.helperTextStateClassName=D;exports.initializer=Z;exports.inputStateClassName=A;exports.labelStateClassName=B;exports.renderFilterComponent=ie;exports.useFilters=O;exports.useTableOptions=$;exports.useTranslation=k;
|
|
1
|
+
var $n=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("react");function Ie(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:a.jsx("path",{d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})})}function We(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",fill:"currentColor",children:a.jsx("path",{d:"M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"})})}function Be(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:a.jsx("path",{d:"M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"})})}function _e(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",fill:"currentColor",children:a.jsx("path",{d:"M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"})})}const Ge=e=>{const{className:t=""}=e;return a.jsx("svg",{className:t,viewBox:"0 0 16 16",children:a.jsx("path",{d:"M9 15H7a1 1 0 010-2h2a1 1 0 010 2zM11 11H5a1 1 0 010-2h6a1 1 0 010 2zM13 7H3a1 1 0 010-2h10a1 1 0 010 2zM15 3H1a1 1 0 010-2h14a1 1 0 010 2z"})})};function be(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:a.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})})}var te=(e=>(e.error="error",e.good="good",e.default="default",e))(te||{});const ge=e=>{switch(e){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},ve=e=>{switch(e){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},Ce=e=>{switch(e){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const ie=h.forwardRef(function(e,t){const{value:r,onChange:n,options:s,containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:f="",placeholder:u="",label:d="",name:b="",id:C="",state:v=te.default,children:x,...p}=e;return a.jsxs("div",{className:`select-input-container ${c}`,children:[a.jsx("select",{...p,id:C,ref:t,name:b,value:r,onChange:n,className:`select-input ${ge(v)} peer ${l}`,children:s==null?void 0:s.map(m=>a.jsx("option",{value:m.id,children:m.value??m.name??m.id},m.id))}),a.jsx("label",{htmlFor:b,className:`select-input-label ${ve(v)} ${o}`,children:d}),x,a.jsx("p",{className:`select-input-helper-text ${Ce(v)} ${f}`,children:v!=="error"&&v!=="good"?u:i})]})});const J=h.forwardRef(function(e,t){const{children:r,state:n=te.default,label:s="",containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:f="",value:u="",...d}=e;return a.jsxs("div",{className:`text-input-container ${c}`,children:[a.jsx("input",{ref:t,value:u,className:`text-input ${ge(n)} peer ${l} ${u?"has-value":""} ${d.placeholder?"has-placeholder":""}`,...d}),!!s&&a.jsxs("label",{htmlFor:d.name,className:`text-input-label ${ve(n)} ${o}`,children:[s,d.required?" *":""]}),r,!!i&&a.jsx("p",{className:`text-input-helper-text ${Ce(n)} ${f}`,children:i})]})});const He=h.forwardRef(function(e,t){const{checked:r,onChange:n,state:s=te.default,name:c="",id:l="",type:o="text",label:i="",containerClassName:f="",inputClassName:u="",labelClassName:d="",helperText:b="",helperTextClassName:C="",...v}=e;return a.jsxs("label",{className:`input-check-container ${f}`,children:[a.jsx("input",{id:l,ref:t,name:c,type:"checkbox",checked:r,onChange:n,className:`input-check ${u}`,...v}),a.jsx("span",{className:`input-check-label ${d}`,children:i})]})});var wt=!1;function jt(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function yt(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var Nt=function(){function e(r){var n=this;this._insertTag=function(s){var c;n.tags.length===0?n.insertionPoint?c=n.insertionPoint.nextSibling:n.prepend?c=n.container.firstChild:c=n.before:c=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(s,c),n.tags.push(s)},this.isSpeedy=r.speedy===void 0?!wt:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(yt(this));var s=this.tags[this.tags.length-1];if(this.isSpeedy){var c=jt(s);try{c.insertRule(n,c.cssRules.length)}catch{}}else s.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var s;return(s=n.parentNode)==null?void 0:s.removeChild(n)}),this.tags=[],this.ctr=0},e}(),T="-ms-",oe="-moz-",j="-webkit-",Ue="comm",we="rule",je="decl",St="@import",Ve="@keyframes",$t="@layer",kt=Math.abs,le=String.fromCharCode,Et=Object.assign;function Tt(e,t){return E(e,0)^45?(((t<<2^E(e,0))<<2^E(e,1))<<2^E(e,2))<<2^E(e,3):0}function qe(e){return e.trim()}function Pt(e,t){return(e=t.exec(e))?e[0]:e}function y(e,t,r){return e.replace(t,r)}function me(e,t){return e.indexOf(t)}function E(e,t){return e.charCodeAt(t)|0}function Q(e,t,r){return e.slice(t,r)}function D(e){return e.length}function ye(e){return e.length}function re(e,t){return t.push(e),e}function At(e,t){return e.map(t).join("")}var ue=1,K=1,Ke=0,F=0,$=0,Y="";function de(e,t,r,n,s,c,l){return{value:e,root:t,parent:r,type:n,props:s,children:c,line:ue,column:K,length:l,return:""}}function Z(e,t){return Et(de("",null,null,"",null,null,0),e,{length:-e.length},t)}function Rt(){return $}function Ft(){return $=F>0?E(Y,--F):0,K--,$===10&&(K=1,ue--),$}function O(){return $=F<Ke?E(Y,F++):0,K++,$===10&&(K=1,ue++),$}function I(){return E(Y,F)}function se(){return F}function ne(e,t){return Q(Y,e,t)}function X(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Ye(e){return ue=K=1,Ke=D(Y=e),F=0,[]}function Ze(e){return Y="",e}function ae(e){return qe(ne(F-1,xe(e===91?e+2:e===40?e+1:e)))}function Ot(e){for(;($=I())&&$<33;)O();return X(e)>2||X($)>3?"":" "}function Mt(e,t){for(;--t&&O()&&!($<48||$>102||$>57&&$<65||$>70&&$<97););return ne(e,se()+(t<6&&I()==32&&O()==32))}function xe(e){for(;O();)switch($){case e:return F;case 34:case 39:e!==34&&e!==39&&xe($);break;case 40:e===41&&xe(e);break;case 92:O();break}return F}function Lt(e,t){for(;O()&&e+$!==47+10;)if(e+$===42+42&&I()===47)break;return"/*"+ne(t,F-1)+"*"+le(e===47?e:O())}function Dt(e){for(;!X(I());)O();return ne(e,F)}function zt(e){return Ze(ce("",null,null,null,[""],e=Ye(e),0,[0],e))}function ce(e,t,r,n,s,c,l,o,i){for(var f=0,u=0,d=l,b=0,C=0,v=0,x=1,p=1,m=1,N=0,S="",A=s,k=c,R=n,w=S;p;)switch(v=N,N=O()){case 40:if(v!=108&&E(w,d-1)==58){me(w+=y(ae(N),"&","&\f"),"&\f")!=-1&&(m=-1);break}case 34:case 39:case 91:w+=ae(N);break;case 9:case 10:case 13:case 32:w+=Ot(v);break;case 92:w+=Mt(se()-1,7);continue;case 47:switch(I()){case 42:case 47:re(It(Lt(O(),se()),t,r),i);break;default:w+="/"}break;case 123*x:o[f++]=D(w)*m;case 125*x:case 59:case 0:switch(N){case 0:case 125:p=0;case 59+u:m==-1&&(w=y(w,/\f/g,"")),C>0&&D(w)-d&&re(C>32?Ae(w+";",n,r,d-1):Ae(y(w," ","")+";",n,r,d-2),i);break;case 59:w+=";";default:if(re(R=Pe(w,t,r,f,u,s,o,S,A=[],k=[],d),c),N===123)if(u===0)ce(w,t,R,R,A,c,d,o,k);else switch(b===99&&E(w,3)===110?100:b){case 100:case 108:case 109:case 115:ce(e,R,R,n&&re(Pe(e,R,R,0,0,s,o,S,s,A=[],d),k),s,k,d,o,n?A:k);break;default:ce(w,R,R,R,[""],k,0,o,k)}}f=u=C=0,x=m=1,S=w="",d=l;break;case 58:d=1+D(w),C=v;default:if(x<1){if(N==123)--x;else if(N==125&&x++==0&&Ft()==125)continue}switch(w+=le(N),N*x){case 38:m=u>0?1:(w+="\f",-1);break;case 44:o[f++]=(D(w)-1)*m,m=1;break;case 64:I()===45&&(w+=ae(O())),b=I(),u=d=D(S=w+=Dt(se())),N++;break;case 45:v===45&&D(w)==2&&(x=0)}}return c}function Pe(e,t,r,n,s,c,l,o,i,f,u){for(var d=s-1,b=s===0?c:[""],C=ye(b),v=0,x=0,p=0;v<n;++v)for(var m=0,N=Q(e,d+1,d=kt(x=l[v])),S=e;m<C;++m)(S=qe(x>0?b[m]+" "+N:y(N,/&\f/g,b[m])))&&(i[p++]=S);return de(e,t,r,s===0?we:o,i,f,u)}function It(e,t,r){return de(e,t,r,Ue,le(Rt()),Q(e,2,-2),0)}function Ae(e,t,r,n){return de(e,t,r,je,Q(e,0,n),Q(e,n+1,-1),n)}function q(e,t){for(var r="",n=ye(e),s=0;s<n;s++)r+=t(e[s],s,e,t)||"";return r}function Wt(e,t,r,n){switch(e.type){case $t:if(e.children.length)break;case St:case je:return e.return=e.return||e.value;case Ue:return"";case Ve:return e.return=e.value+"{"+q(e.children,n)+"}";case we:e.value=e.props.join(",")}return D(r=q(e.children,n))?e.return=e.value+"{"+r+"}":""}function Bt(e){var t=ye(e);return function(r,n,s,c){for(var l="",o=0;o<t;o++)l+=e[o](r,n,s,c)||"";return l}}function _t(e){return function(t){t.root||(t=t.return)&&e(t)}}function Gt(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Ht=function(t,r,n){for(var s=0,c=0;s=c,c=I(),s===38&&c===12&&(r[n]=1),!X(c);)O();return ne(t,F)},Ut=function(t,r){var n=-1,s=44;do switch(X(s)){case 0:s===38&&I()===12&&(r[n]=1),t[n]+=Ht(F-1,r,n);break;case 2:t[n]+=ae(s);break;case 4:if(s===44){t[++n]=I()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=le(s)}while(s=O());return t},Vt=function(t,r){return Ze(Ut(Ye(t),r))},Re=new WeakMap,qt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,s=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!Re.get(n))&&!s){Re.set(t,!0);for(var c=[],l=Vt(r,c),o=n.props,i=0,f=0;i<l.length;i++)for(var u=0;u<o.length;u++,f++)t.props[f]=c[i]?l[i].replace(/&\f/g,o[u]):o[u]+" "+l[i]}}},Kt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function Je(e,t){switch(Tt(e,t)){case 5103:return j+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return j+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return j+e+oe+e+T+e+e;case 6828:case 4268:return j+e+T+e+e;case 6165:return j+e+T+"flex-"+e+e;case 5187:return j+e+y(e,/(\w+).+(:[^]+)/,j+"box-$1$2"+T+"flex-$1$2")+e;case 5443:return j+e+T+"flex-item-"+y(e,/flex-|-self/,"")+e;case 4675:return j+e+T+"flex-line-pack"+y(e,/align-content|flex-|-self/,"")+e;case 5548:return j+e+T+y(e,"shrink","negative")+e;case 5292:return j+e+T+y(e,"basis","preferred-size")+e;case 6060:return j+"box-"+y(e,"-grow","")+j+e+T+y(e,"grow","positive")+e;case 4554:return j+y(e,/([^-])(transform)/g,"$1"+j+"$2")+e;case 6187:return y(y(y(e,/(zoom-|grab)/,j+"$1"),/(image-set)/,j+"$1"),e,"")+e;case 5495:case 3959:return y(e,/(image-set\([^]*)/,j+"$1$`$1");case 4968:return y(y(e,/(.+:)(flex-)?(.*)/,j+"box-pack:$3"+T+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+j+e+e;case 4095:case 3583:case 4068:case 2532:return y(e,/(.+)-inline(.+)/,j+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(D(e)-1-t>6)switch(E(e,t+1)){case 109:if(E(e,t+4)!==45)break;case 102:return y(e,/(.+:)(.+)-([^]+)/,"$1"+j+"$2-$3$1"+oe+(E(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~me(e,"stretch")?Je(y(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(E(e,t+1)!==115)break;case 6444:switch(E(e,D(e)-3-(~me(e,"!important")&&10))){case 107:return y(e,":",":"+j)+e;case 101:return y(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+j+(E(e,14)===45?"inline-":"")+"box$3$1"+j+"$2$3$1"+T+"$2box$3")+e}break;case 5936:switch(E(e,t+11)){case 114:return j+e+T+y(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return j+e+T+y(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return j+e+T+y(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return j+e+T+e+e}return e}var Yt=function(t,r,n,s){if(t.length>-1&&!t.return)switch(t.type){case je:t.return=Je(t.value,t.length);break;case Ve:return q([Z(t,{value:y(t.value,"@","@"+j)})],s);case we:if(t.length)return At(t.props,function(c){switch(Pt(c,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return q([Z(t,{props:[y(c,/:(read-\w+)/,":"+oe+"$1")]})],s);case"::placeholder":return q([Z(t,{props:[y(c,/:(plac\w+)/,":"+j+"input-$1")]}),Z(t,{props:[y(c,/:(plac\w+)/,":"+oe+"$1")]}),Z(t,{props:[y(c,/:(plac\w+)/,T+"input-$1")]})],s)}return""})}},Zt=[Yt],Jt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(x){var p=x.getAttribute("data-emotion");p.indexOf(" ")!==-1&&(document.head.appendChild(x),x.setAttribute("data-s",""))})}var s=t.stylisPlugins||Zt,c={},l,o=[];l=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(x){for(var p=x.getAttribute("data-emotion").split(" "),m=1;m<p.length;m++)c[p[m]]=!0;o.push(x)});var i,f=[qt,Kt];{var u,d=[Wt,_t(function(x){u.insert(x)})],b=Bt(f.concat(s,d)),C=function(p){return q(zt(p),b)};i=function(p,m,N,S){u=N,C(p?p+"{"+m.styles+"}":m.styles),S&&(v.inserted[m.name]=!0)}}var v={key:r,sheet:new Nt({key:r,container:l,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:c,registered:{},insert:i};return v.sheet.hydrate(o),v};function Qt(e){for(var t=0,r,n=0,s=e.length;s>=4;++n,s-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(s){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Xt={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},en=!1,tn=/[A-Z]|^ms/g,nn=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Qe=function(t){return t.charCodeAt(1)===45},Fe=function(t){return t!=null&&typeof t!="boolean"},he=Gt(function(e){return Qe(e)?e:e.replace(tn,"-$&").toLowerCase()}),Oe=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(nn,function(n,s,c){return z={name:s,styles:c,next:z},s})}return Xt[t]!==1&&!Qe(t)&&typeof r=="number"&&r!==0?r+"px":r},rn="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function ee(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var s=r;if(s.anim===1)return z={name:s.name,styles:s.styles,next:z},s.name;var c=r;if(c.styles!==void 0){var l=c.next;if(l!==void 0)for(;l!==void 0;)z={name:l.name,styles:l.styles,next:z},l=l.next;var o=c.styles+";";return o}return sn(e,t,r)}case"function":{if(e!==void 0){var i=z,f=r(e);return z=i,ee(e,t,f)}break}}var u=r;if(t==null)return u;var d=t[u];return d!==void 0?d:u}function sn(e,t,r){var n="";if(Array.isArray(r))for(var s=0;s<r.length;s++)n+=ee(e,t,r[s])+";";else for(var c in r){var l=r[c];if(typeof l!="object"){var o=l;t!=null&&t[o]!==void 0?n+=c+"{"+t[o]+"}":Fe(o)&&(n+=he(c)+":"+Oe(c,o)+";")}else{if(c==="NO_COMPONENT_SELECTOR"&&en)throw new Error(rn);if(Array.isArray(l)&&typeof l[0]=="string"&&(t==null||t[l[0]]===void 0))for(var i=0;i<l.length;i++)Fe(l[i])&&(n+=he(c)+":"+Oe(c,l[i])+";");else{var f=ee(e,t,l);switch(c){case"animation":case"animationName":{n+=he(c)+":"+f+";";break}default:n+=c+"{"+f+"}"}}}}return n}var Me=/label:\s*([^\s;{]+)\s*(;|$)/g,z;function pe(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,s="";z=void 0;var c=e[0];if(c==null||c.raw===void 0)n=!1,s+=ee(r,t,c);else{var l=c;s+=l[0]}for(var o=1;o<e.length;o++)if(s+=ee(r,t,e[o]),n){var i=c;s+=i[o]}Me.lastIndex=0;for(var f="",u;(u=Me.exec(s))!==null;)f+="-"+u[1];var d=Qt(s)+f;return{name:d,styles:s,next:z}}var an=!0;function Xe(e,t,r){var n="";return r.split(" ").forEach(function(s){e[s]!==void 0?t.push(e[s]+";"):s&&(n+=s+" ")}),n}var cn=function(t,r,n){var s=t.key+"-"+r.name;(n===!1||an===!1)&&t.registered[s]===void 0&&(t.registered[s]=r.styles)},on=function(t,r,n){cn(t,r,n);var s=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var c=r;do t.insert(r===c?"."+s:"",c,t.sheet,!0),c=c.next;while(c!==void 0)}};function Le(e,t){if(e.inserted[t.name]===void 0)return e.insert("",t,e.sheet,!0)}function De(e,t,r){var n=[],s=Xe(e,n,r);return n.length<2?r:s+t(n)}var ln=function(t){var r=Jt(t);r.sheet.speedy=function(o){this.isSpeedy=o},r.compat=!0;var n=function(){for(var i=arguments.length,f=new Array(i),u=0;u<i;u++)f[u]=arguments[u];var d=pe(f,r.registered,void 0);return on(r,d,!1),r.key+"-"+d.name},s=function(){for(var i=arguments.length,f=new Array(i),u=0;u<i;u++)f[u]=arguments[u];var d=pe(f,r.registered),b="animation-"+d.name;return Le(r,{name:d.name,styles:"@keyframes "+b+"{"+d.styles+"}"}),b},c=function(){for(var i=arguments.length,f=new Array(i),u=0;u<i;u++)f[u]=arguments[u];var d=pe(f,r.registered);Le(r,d)},l=function(){for(var i=arguments.length,f=new Array(i),u=0;u<i;u++)f[u]=arguments[u];return De(r.registered,n,un(f))};return{css:n,cx:l,injectGlobal:c,keyframes:s,hydrate:function(i){i.forEach(function(f){r.inserted[f]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:Xe.bind(null,r.registered),merge:De.bind(null,r.registered,n)}},un=function e(t){for(var r="",n=0;n<t.length;n++){var s=t[n];if(s!=null){var c=void 0;switch(typeof s){case"boolean":break;case"object":{if(Array.isArray(s))c=e(s);else{c="";for(var l in s)s[l]&&l&&(c&&(c+=" "),c+=l)}break}default:c=s}c&&(r&&(r+=" "),r+=c)}}return r},dn=ln({key:"css"}),fn=dn.css;const et=h.forwardRef(function(e,t){var $e,ke,Ee;const{state:r,value:n,onChange:s,options:c=[],name:l="",id:o="",label:i="",containerClassName:f="",inputContainerClassName:u="",helperText:d="",placeholder:b="",multiple:C=!1,...v}=e,[x,p]=h.useState(""),[m,N]=h.useState(!1),S=c.filter(g=>{const P=String(g.value).toLowerCase().includes(x==null?void 0:x.toLowerCase());return n&&n.length?n!=null&&n.some?!(n!=null&&n.some(V=>V.id===g.id)):(n==null?void 0:n.id)!==g.id:P}),A=h.useRef(null),k=h.useRef(null),[R,w]=h.useState(!1),Ne=h.useRef(null);h.useEffect(()=>{const g=L=>{A.current&&!A.current.contains(L.target)&&N(!1)},P=L=>{L.key==="Escape"&&N(!1)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",P),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",P)}},[]);const Ct=g=>{p(g.target.value)},Se=h.useCallback(g=>{p(""),g?C?Array.isArray(n)&&n.length?s([...n,g]):s([g]):s(g):s(null),N(!1)},[C,s,n]),fe=h.useCallback(g=>{if(g!=null){const P=n.filter((L,V)=>V!==g);P.length?s(P):s(null)}else s(null)},[s,n]);return h.useEffect(()=>{var L,V,Te;const g=((L=Ne.current)==null?void 0:L.offsetWidth)??0,P=((Te=(V=t??k)==null?void 0:V.current)==null?void 0:Te.offsetWidth)??0;console.log(g,P,g>P*.4),g>P*.4?w(!0):w(!1)},[n]),a.jsxs("div",{className:`autocomplete-input-container ${f}`,ref:A,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(J,{state:r,name:l,id:o,value:!C&&n?n.value??n.name:x,onChange:Ct,placeholder:b,helperText:d,onFocus:()=>N(!0),label:i,containerClassName:`autocomplete-text-input ${u}`,ref:t??k,...v,children:((n==null?void 0:n.value)||(n==null?void 0:n.name))&&!C&&a.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:g=>{Se(),g.stopPropagation()},children:a.jsx(be,{})})}),C&&Array.isArray(n)&&n.length?a.jsx("ul",{ref:Ne,className:"autocomplete-value-container",children:R?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(H,{label:(($e=n[0])==null?void 0:$e.value)??((ke=n[0])==null?void 0:ke.name),onDelete:g=>{fe(0),g.stopPropagation()}})}),n.length>1&&a.jsx("li",{children:a.jsx(H,{label:`+${n.length-1}`,onDelete:g=>{fe(),g.stopPropagation()}})})]}):n.map((g,P)=>a.jsx("li",{children:a.jsx(H,{label:String(g.value??g.name),onDelete:L=>{fe(P),L.stopPropagation()}})},g.id??g.value??g.name))}):null]}),m&&a.jsx("ul",{className:`autocomplete-suggestions-container ${fn({width:(Ee=A.current)==null?void 0:Ee.offsetWidth})}`,children:S.map(g=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:P=>{Se(g),P.stopPropagation()},children:g.value??g.name},g.id??g.value??g.name))})]})});function tt(e){const{color:t="stroke-blue-800",className:r="",loaderClass:n="",strokeWidth:s="4",...c}=e;return a.jsx("div",{...c,className:`loading ${r}`,children:a.jsx("div",{className:"loader-container",children:a.jsx("div",{className:`loader ${n}`,children:a.jsx("svg",{className:"circular",viewBox:"25 25 50 50",children:a.jsx("circle",{className:`path ${t}`,cx:"50",cy:"50",r:"20",fill:"none",strokeWidth:s,strokeMiterlimit:"10"})})})})})}const nt=h.createContext({});function hn(e){const{children:t,t:r}=e;return a.jsx(nt.Provider,{value:{t:r},children:t})}const W=()=>{const e=h.useContext(nt);if(e===void 0)throw new Error("translationContext must be used within a Provider");return e};var _=(e=>(e[e.text=0]="text",e[e.number=1]="number",e[e.select=2]="select",e[e.autocomplete=3]="autocomplete",e[e.date=4]="date",e[e.check=5]="check",e))(_||{}),G=(e=>(e.ASC="ASC",e.DESC="DESC",e))(G||{});const pn=[20,50,100],rt=h.createContext({}),mn=e=>{const{children:t}=e,[r,n]=h.useState(0),[s,c]=h.useState(20),[l,o]=h.useState(0),[i,f]=h.useState("id"),[u,d]=h.useState(G.DESC),[b,C]=h.useState({}),v=h.useCallback((S,A)=>{let k=u;if(i===S)switch(u){case G.ASC:k=G.DESC;break;default:k=G.ASC;break}f(S),d(k),A&&A(S,k)},[i,u]),x=h.useCallback(S=>{const A=Object.entries(S).reduce((k,[R,w])=>(w&&typeof w.value<"u"&&(k[R]=w.value),k),{});C(A)},[]),p=h.useCallback(S=>{S?(delete b[S],C({...b})):C({})},[b]),m=h.useMemo(()=>Object.keys(b).length,[b]),N={onSort:v,total:r,setTotal:n,sortingBy:i,setSortingBy:f,sortingOrder:u,setSortingOrder:d,pageSize:s,pageSizes:pn,setPageSize:c,currentPage:l,setCurrentPage:o,filters:b,onFilterApply:x,clearFilters:p,countOfFilters:m};return a.jsx(rt.Provider,{value:N,children:t})},B=()=>{const e=h.useContext(rt);if(e===void 0)throw new Error("tableOptionsContext must be used within a Provider");return e};var M=(e=>(e[e.update=0]="update",e[e.reset=1]="reset",e))(M||{});const st=e=>{if(e){const t={},r=Object.keys(e);return r==null||r.forEach(n=>{t[n]={value:e[n]}}),t}return{}};function at(e,t){const{type:r}=t;switch(r){case M.reset:return{};case M.update:{const{toUpdate:n}=t;return{...e,...n}}default:return e}}const ct=h.createContext({}),ot=e=>{const{children:t}=e,{filters:r}=B(),[n,s]=h.useReducer(at,st(r)),c={currentFilters:n,setCurrentFilters:s};return a.jsx(ct.Provider,{value:c,children:t})},U=()=>{const e=h.useContext(ct);if(e===void 0)throw new Error("tableOptionsContext must be used within a Provider");return e};function it(e){const{t}=W(),{entity:r="",columns:n=[],hasAction:s=!0,onSortCallback:c}=e,{onSort:l,sortingOrder:o,sortingBy:i}=B(),f=h.useMemo(()=>{var u;return(u=n.sort((d,b)=>(b.pos??0)-(d.pos??0)).filter(d=>d.display!=="none"))==null?void 0:u.map(d=>({id:d.key,label:d.label,className:d.className??"",sortable:d.sortable??!0,sortOptions:d.sortOptions}))},[n,r,t]);return a.jsx("thead",{className:"table-headers-row",children:a.jsxs("tr",{children:[f.map(u=>{var d,b,C,v,x,p,m,N;return a.jsx("th",{scope:"col",className:`table-headers-column ${u.className}`,children:a.jsxs("button",{disabled:!u.sortable,onClick:()=>l(u.id,c),className:"table-headers-cell",children:[a.jsx("span",{className:"table-headers-label",children:u.label}),u.sortable&&a.jsx("span",{className:`${i===u.id?"table-headers-sort-on":"table-headers-sort"}`,children:o===G.ASC?((b=(d=u.sortOptions)==null?void 0:d.icons)==null?void 0:b.asc)??a.jsx(We,{className:((v=(C=u.sortOptions)==null?void 0:C.icons)==null?void 0:v.className)??"table-headers-sort-indicator"}):((p=(x=u.sortOptions)==null?void 0:x.icons)==null?void 0:p.desc)??a.jsx(Ie,{className:((N=(m=u.sortOptions)==null?void 0:m.icons)==null?void 0:N.className)??"table-headers-sort-indicator"})})]})},u.id)}),s&&a.jsx("th",{scope:"col",className:"table-headers-action",children:t("_accessibility:labels.actions")})]})})}function lt(){const{t:e}=W();return a.jsx("div",{className:"table-empty",children:a.jsx("p",{children:e("_accessibility:components.table.empty")})})}const ut=()=>{const{t:e}=W(),{total:t,pageSize:r,currentPage:n,setCurrentPage:s}=B();return a.jsxs("div",{className:"table-navigation-pages",children:[a.jsx("button",{className:"table-navigation-buttons",disabled:n===0,"aria-label":e("_accessibility:buttons.previous"),name:e("_accessibility:buttons.previous"),onClick:()=>s(n-1),children:a.jsx(_e,{className:"w-2.5"})}),a.jsx("button",{disabled:Math.floor(t/((n+1)*r))===0,className:"table-navigation-buttons",name:e("_accessibility:buttons.next"),"aria-label":e("_accessibility:buttons.next"),onClick:()=>s(n+1),children:a.jsx(Be,{className:"w-2.5"})})]})},dt=()=>{const{t:e}=W(),{total:t,pageSize:r,pageSizes:n,currentPage:s}=B(),c=(s+1)*r>t?t:(s+1)*r;return a.jsxs("div",{className:"table-navigation-sizes",children:[n[0]<t&&a.jsx(a.Fragment,{children:a.jsxs("p",{children:[s*r+1," - ",c," ",e("_accessibility:components.table.of")]})}),a.jsx("p",{children:t})]})};function ft(){const{t:e}=W(),{pageSizes:t,pageSize:r,setPageSize:n}=B(),s=h.useMemo(()=>t==null?void 0:t.map(c=>({id:c,value:c})),[t]);return a.jsxs("div",{className:"page-size",children:[a.jsx("p",{children:e("_accessibility:components.table.pageSizes")}),a.jsx(ie,{value:r,options:s,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:c=>n(Number(c.target.value))})]})}function xn(){const{t:e}=W(),{total:t,pageSize:r,currentPage:n,setCurrentPage:s}=B(),c=h.useMemo(()=>{const l=Math.ceil(t/r);return Array.from({length:l},(o,i)=>({id:i,value:i+1}))},[t,r]);return a.jsxs("div",{className:"jump-to-page",children:[a.jsx("p",{children:e("_accessibility:components.table.jumpToPage")}),a.jsx(ie,{value:n,options:c,inputClassName:"jump-to-page-input",containerClassName:"jump-to-page-input-container",helperTextClassName:"hidden",onChange:l=>s(Number(l.target.value))})]})}function ht(){return a.jsxs("div",{className:"table-footer",children:[a.jsx(xn,{}),a.jsx(ft,{}),a.jsx(dt,{}),a.jsx(ut,{})]})}function bn(e){const{propertyName:t,options:r,label:n,placeholder:s}=e,{currentFilters:c,setCurrentFilters:l}=U(),o=h.useMemo(()=>{var f;return((f=c[t])==null?void 0:f.value)??r[0]},[c]),i=h.useCallback(f=>{l({type:M.update,toUpdate:{[t]:{value:f.target.value}}})},[]);return a.jsx(ie,{value:o,label:n,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:i,placeholder:s})}const gn=e=>{const{propertyName:t,label:r,placeholder:n}=e,{currentFilters:s,setCurrentFilters:c}=U(),l=h.useMemo(()=>{var i;return((i=s[t])==null?void 0:i.value)??""},[s]),o=h.useCallback(i=>{c({type:M.update,toUpdate:{[t]:{value:i.target.value}}})},[]);return a.jsx(J,{value:l??"",label:r,onChange:o,containerClassName:"input-widget-container",helperTextClassName:"",placeholder:n})},vn=e=>{const{propertyName:t,label:r}=e,{currentFilters:n,setCurrentFilters:s}=U(),c=h.useMemo(()=>{var o;return((o=n[t])==null?void 0:o.value)??""},[n]),l=h.useCallback(o=>{s({type:M.update,toUpdate:{[t]:{value:o.target.checked}}})},[]);return a.jsx(He,{label:r,checked:c??!1,onChange:l})};function Cn(e){const{propertyName:t,label:r,placeholder:n,options:s,multiple:c=!0}=e,{currentFilters:l,setCurrentFilters:o}=U(),i=h.useMemo(()=>l[t]??s[0],[l]),f=h.useCallback(u=>{o({type:M.update,toUpdate:{[t]:{value:u}}})},[c]);return a.jsx(et,{value:i==null?void 0:i.value,label:r,options:s,multiple:c,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:f,placeholder:n})}const ze=e=>{var d,b,C,v;const{propertyName:t,label:r,inputType:n}=e,{t:s}=W(),{currentFilters:c,setCurrentFilters:l}=U(),o=h.useRef(null),i=h.useRef(null),f=h.useCallback(x=>{var p;l({type:M.update,toUpdate:{[t]:{value:{end:((p=i==null?void 0:i.current)==null?void 0:p.value)??null,start:x.target.value}}}})},[]),u=h.useCallback(x=>{var p;l({type:M.update,toUpdate:{[t]:{value:{start:((p=o==null?void 0:o.current)==null?void 0:p.value)??null,end:x.target.value}}}})},[]);return a.jsxs("div",{className:"range-widget-container",children:[a.jsx("p",{className:"text-input-label input-widget-label input-label-normal",children:r}),a.jsxs("div",{className:"range-widget-row",children:[a.jsx(J,{value:((b=(d=c[t])==null?void 0:d.value)==null?void 0:b.start)??"",placeholder:s("_accessibility:components.table.filters.range.start"),type:n,ref:o,onChange:f,containerClassName:"input-widget-container",helperTextClassName:""}),a.jsx(J,{value:((v=(C=c[t])==null?void 0:C.value)==null?void 0:v.end)??"",placeholder:s("_accessibility:components.table.filters.range.end"),type:n,ref:i,onChange:u,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},pt=e=>{switch(e.type){case _.text:return a.jsx(gn,{...e});case _.number:return a.jsx(ze,{...e,inputType:"number"});case _.date:return a.jsx(ze,{...e,inputType:"date"});case _.select:return a.jsx(bn,{...e});case _.autocomplete:return a.jsx(Cn,{...e});case _.check:return a.jsx(vn,{...e})}return a.jsx(a.Fragment,{})};const mt=e=>{const{filters:t=[],options:r,show:n,handleShow:s}=e,{onFilterApply:c,filters:l}=B(),{currentFilters:o,setCurrentFilters:i}=U(),{t:f}=W(),u=h.useRef(null);return h.useEffect(()=>{const d=({target:b})=>{var C;u.current&&(!n||(C=u.current)!=null&&C.contains(b)||s(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),h.useEffect(()=>{const d=b=>{!n||b.code!=="Escape"||s(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),a.jsx("div",{className:`filter-dropdown-backdrop ${n?"opened":"closed"}`,children:a.jsxs("div",{className:"filter-popup",children:[a.jsx("div",{className:"filter-title",children:f("_accessibility:buttons.filters")}),a.jsx("ul",{className:"filter-container",children:t.map(d=>a.jsx("li",{className:"filter-container-item",children:pt(d)},d.propertyName))}),a.jsx("div",{className:"filter-footer",children:a.jsxs("ul",{className:"filter-buttons-row",children:[a.jsx("li",{children:a.jsx("button",{onClick:()=>i({type:M.reset,filters:t}),className:"filter-dropdown-button small filter-dropdown-cancel",children:f("_accessibility:buttons.clear")})}),a.jsx("li",{children:a.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit",onClick:()=>{s(!1),c(o)},onBlur:()=>s(!1),children:f("_accessibility:buttons.applyFilters")})})]})})]})})},wn=e=>{const{items:t,label:r,onClearFilter:n}=e;return a.jsx(H,{label:`${r}: ${t.map(s=>s.value??s.name).join(", ")}`,onDelete:()=>n(r)})},jn=e=>{const{end:t,start:r,label:n,onClearFilter:s}=e;return a.jsx(H,{label:`${n}: ${r||"♾️"} - ${t||"♾️"}`,onDelete:()=>s(n)})};const yn=e=>{const{filtersDefinition:t}=e,r=h.useMemo(()=>{const o={};return t.forEach(i=>{o[i.propertyName]=i.label??i.propertyName}),o},[t]),{filters:n,clearFilters:s}=B(),c=h.useMemo(()=>(Object.keys(n).map(o=>console.log(n[o])),Object.keys(n)),[n]),l=h.useCallback(o=>{var i,f;return n[o].end||n[o].start?a.jsx(jn,{label:r[o],start:n[o].start,end:n[o].end,onClearFilter:s}):Array.isArray(n[o])?a.jsx(wn,{label:r[o],items:n[o],onClearFilter:s}):a.jsx(H,{label:`${r[o]}: ${((i=n[o])==null?void 0:i.value)??((f=n[o])==null?void 0:f.name)??n[o]}`,onDelete:()=>s(o)})},[n,r]);return a.jsx("ul",{className:"active-filters-main",children:c==null?void 0:c.map(o=>a.jsx("li",{children:l(o)},o))})},xt=e=>{var C,v,x;const{columns:t,title:r,isLoading:n,toolbar:s,filterOptions:c}=e,{countOfFilters:l}=B(),{t:o}=W(),i=h.useMemo(()=>t?t.sort((p,m)=>(m.pos??0)-(p.pos??0)).filter(p=>!!p.filterOptions).map(p=>{var m;return{...p.filterOptions,label:((m=p.filterOptions)==null?void 0:m.label)??p.label,propertyName:p.key}}):[],[t]),[f,u]=h.useState(!1),d=h.useCallback(p=>{var m,N;((N=(m=c==null?void 0:c.dropdown)==null?void 0:m.setOpened)==null?void 0:N.call(m,p??!1))??u(p??!1)},[c,f]),b=h.useMemo(()=>{var p;return((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??f},[c,f]);return a.jsxs("div",{className:`table-header ${r&&(s||!((C=c==null?void 0:c.button)!=null&&C.hide))?"two":"one"}`,children:[a.jsxs("div",{children:[r&&a.jsx("h1",{className:"table-header-title",children:r}),n?null:a.jsxs("div",{className:"table-header-right",children:[s,((v=c==null?void 0:c.button)==null?void 0:v.hide)!==!0&&a.jsxs("button",{className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>{var p;return d(((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??!f)},"aria-expanded":b,children:[a.jsx(vt,{count:l,className:`${l>0?"show":"hide"} `}),a.jsx("span",{className:"sr-only",children:o("_accessibility:buttons.filters")}),a.jsx("wbr",{}),((x=c==null?void 0:c.button)==null?void 0:x.icon)??a.jsx(Ge,{className:"filter-dropdown-trigger-icon"})]})]})]}),a.jsx(yn,{filtersDefinition:i}),!!i&&!!i.length&&a.jsx(mt,{filters:i,show:b,handleShow:d,options:c})]})},Nn=e=>e,bt=e=>{const{columns:t,softDeleteProperty:r="deleted",data:n,actions:s}=e,c=h.useMemo(()=>t.sort((l,o)=>(o.pos??0)-(l.pos??0)).filter(l=>l.display!=="none"),[t]);return n==null?void 0:n.map(l=>{var o;return a.jsxs("tr",{className:`table-row ${l[r]?"deleted-class":""}`,children:[c==null?void 0:c.map((i,f)=>a.jsx("td",{className:`table-row-cell ${f===0?"basic":""} ${i.className??""}`,children:i.renderBody?i.renderBody(l[i.key],l):Nn(l[i.key])},i.key)),s?a.jsx("td",{children:a.jsx("div",{className:"table-row-cell-action",children:(o=s(l).filter(i=>!i.hidden))==null?void 0:o.map(i=>a.jsx(gt,{content:i.tooltip,children:a.jsx("button",{onClick:()=>i.onClick(l),children:i.icon})},i.id))})}):null]},l.id)})};function Sn(e){const{data:t,onSort:r,entity:n="",isLoading:s=!1,actions:c,columns:l=[],contentClassName:o="",className:i="",softDeleteProperty:f="deleted",...u}=e,d=h.useMemo(()=>!(t!=null&&t.length),[t]);return a.jsx(ot,{children:a.jsxs("div",{className:`${i} table-main`,children:[a.jsx(xt,{columns:l,isLoading:s,...u}),s?a.jsx(tt,{className:"table-loading"}):a.jsx(a.Fragment,{children:d?a.jsx(lt,{}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:`${o} table-body`,children:a.jsxs("table",{className:"table-content",children:[a.jsx(it,{entity:n,columns:l,onSortCallback:r,hasAction:!!c}),a.jsx("tbody",{children:a.jsx(bt,{data:t,actions:c,columns:l,softDeleteProperty:f})})]})}),a.jsx(ht,{})]})})]})})}function gt(e){const{content:t,children:r}=e;return a.jsxs("div",{className:"tooltip-container",children:[r,a.jsx("div",{className:"tooltip-text",children:t})]})}function H(e){const{label:t,onDelete:r,className:n="",spanClassName:s=""}=e;return a.jsxs("div",{className:`chip-main ${n}`,children:[a.jsx("span",{className:s,children:t}),r?a.jsx("button",{type:"button",className:"chip-delete-button",onClick:r,children:a.jsx(be,{})}):null]})}const vt=e=>{const{count:t,className:r=""}=e,n=h.useRef(null);return h.useEffect(()=>{var s,c;(s=n.current)!=null&&s.parentNode&&(((c=n.current)==null?void 0:c.parentNode).style.position="relative")},[n]),a.jsx("span",{ref:n,className:`${r} badge-main`,children:t})};exports.AutocompleteInput=et;exports.Badge=vt;exports.CheckInput=He;exports.ChevronDown=Ie;exports.ChevronLeft=_e;exports.ChevronRight=Be;exports.ChevronUp=We;exports.Chip=H;exports.Close=be;exports.Columns=it;exports.CountOfTotal=dt;exports.Empty=lt;exports.FilterDropdown=mt;exports.FilterTypes=_;exports.Filters=Ge;exports.FiltersActions=M;exports.FiltersProvider=ot;exports.Footer=ht;exports.Loading=tt;exports.Navigation=ut;exports.PageSize=ft;exports.Rows=bt;exports.SelectInput=ie;exports.SortOrder=G;exports.State=te;exports.Table=Sn;exports.TableHeader=xt;exports.TableOptionsProvider=mn;exports.TextInput=J;exports.Tooltip=gt;exports.TranslationProvider=hn;exports.filtersReducer=at;exports.helperTextStateClassName=Ce;exports.initializer=st;exports.inputStateClassName=ge;exports.labelStateClassName=ve;exports.renderFilterComponent=pt;exports.useFilters=U;exports.useTableOptions=B;exports.useTranslation=W;
|