@sito/dashboard 0.0.53 → 0.0.54

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/LICENSE CHANGED
@@ -1,21 +1,21 @@
1
- MIT License
2
-
3
- Copyright (c) 2024 Sito
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
1
+ MIT License
2
+
3
+ Copyright (c) 2024 Sito
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,270 +1,270 @@
1
- # @sito/dashboard
2
-
3
- A React library for building customizable and responsive dashboards with ease.
4
-
5
- ## Features
6
-
7
- - **Table Component**: A powerful table component with support for sorting, pagination, and customizable columns.
8
- - **Translation Support**: Built-in translation support using a `TranslationProvider`.
9
- - **Customizable**: Easily style and configure components to fit your needs.
10
- - **Lightweight**: Optimized for performance and usability.
11
-
12
- ## Installation
13
-
14
- To install the library, use npm or yarn:
15
-
16
- ```bash
17
- # Using npm
18
- npm install @sito/dashboard
19
-
20
- # Using yarn
21
- yarn add @sito/dashboard
22
- ```
23
-
24
- ## Table
25
-
26
- Here’s how you can use the Table component in your project:
27
-
28
- ```bash
29
- import React from "react";
30
- import { Table } from "sito-dashboard";
31
-
32
- const App = () => {
33
- const rows = [
34
- { id: 1, name: "John Doe", age: 30 },
35
- { id: 2, name: "Jane Smith", age: 25 },
36
- ];
37
-
38
- const columns = [
39
- { key: "name", label: "Name" },
40
- { key: "age", label: "Age" },
41
- ];
42
-
43
- return (
44
- <Table
45
- title="User Table"
46
- data={rows}
47
- columns={columns}
48
- />
49
- );
50
- };
51
-
52
- export default App;
53
- ```
54
-
55
- ## Translation for its components
56
-
57
- Wrap your application with the TranslationProvider to enable translations:
58
-
59
- ```bash
60
- import React from "react";
61
- import { TranslationProvider } from "@sito/dashboard";
62
-
63
- const translations = {
64
- en: { hello: "Hello" },
65
- es: { hello: "Hola" },
66
- };
67
-
68
- const App = () => {
69
- const t = (key) => translations["en"][key]; // Example translation function
70
-
71
- return (
72
- <TranslationProvider t={t}>
73
- <h1>{t("hello")}</h1>
74
- </TranslationProvider>
75
- );
76
- };
77
-
78
- export default App;
79
- ```
80
-
81
- ## Components
82
-
83
- ### Table
84
-
85
- The Table component is a flexible and feature-rich table for displaying data.
86
-
87
- #### Props
88
- | Propiedad | Tipo | Valor por defecto | Descripción |
89
- |-----------------------|---------------|-------------------------|--------------------------------------------------------------------|
90
- | `title` | `string` | `""` | El título de la tabla. |
91
- | `data` | `array` | — | Los datos a mostrar en la tabla. |
92
- | `columns` | `array` | `[]` | Definiciones de columnas, incluyendo claves (`key`) y etiquetas. |
93
- | `isLoading` | `boolean` | `false` | Indica si la tabla está en estado de carga. |
94
- | `actions` | `ActionType[]` | — | Función para renderizar acciones por fila. |
95
- | `className` | `string` | `""` | Clase personalizada para el contenedor de la tabla. |
96
- | `contentClassName` | `string` | `""` | Clase personalizada para el contenido de la tabla. |
97
- | `softDeleteProperty` | `string` | `"deleted"` | Propiedad usada para lógica de borrado suave. |
98
- | `toolbar` | `ReactNode` | `<></>` | Componente personalizado para la barra de herramientas. |
99
- | `onSort` | `function` | — | Callback que se llama cuando se cambia el orden de la tabla. |
100
-
101
-
102
- ### TranslationProvider
103
-
104
- Provides translation support for your application.
105
-
106
- #### Props
107
- - `t` (function): A translation function that takes a key and returns the translated string.
108
-
109
- ### Examples
110
-
111
- #### Columns definition
112
-
113
- ```
114
- key: string;
115
- label: string;
116
- sortable?: boolean;
117
- sortOptions: {
118
- icons: {
119
- className: string;
120
- asc: string;
121
- desc: string;
122
- };
123
- };
124
- className?: string;
125
- display?: "visible" | "none";
126
- pos?: number;
127
- renderBody?: (value: any, row: any) => ReactNode;
128
- renderHead?: () => void;
129
- filterOptions?: ColumnFilterOptions;
130
- ```
131
-
132
- ColumnFilterOptions
133
-
134
- ```
135
- {
136
- type: FilterTypes;
137
- defaultValue: any;
138
- label?: string;
139
- }
140
- ```
141
-
142
- FilterTypes enum
143
-
144
- ```
145
- text,
146
- number,
147
- select,
148
- autocomplete,
149
- date,
150
- check,
151
- ```
152
-
153
- ```
154
- import { Table } from "@sito/dashboard";
155
-
156
- const columns = [
157
- {
158
- key: "tagIds",
159
- label: t("_entities:news.tags.label"),
160
- filterOptions: {
161
- type: FilterTypes.autocomplete,
162
- options: tagsList,
163
- defaultValue: [],
164
- },
165
- sortable: false,
166
- renderBody: (_, news) =>
167
- (
168
- <div className="flex flex-wrap gap-3">
169
- {news.tags?.map(({ name, id }) => (
170
- <Chip key={id} label={name} spanClassName="text-xs" />
171
- ))}
172
- </div>
173
- ) ?? " - ",
174
- },
175
- ]
176
-
177
- <Table data={...} columns={columns} />
178
- ```
179
-
180
- #### Actions definition
181
-
182
- ```
183
- {
184
- id: string;
185
- onClick: (entity: object) => void;
186
- icon: any;
187
- tooltip: string;
188
- hidden: (entity: object) => boolean;
189
- }
190
- ```
191
-
192
- ```
193
- import { Table } from "@sito/dashboard";
194
-
195
- const addAction = {
196
- id: "add",
197
- hidden: false,
198
- onClick: async () => {
199
- // do some stuff here
200
- },
201
- icon: (
202
- <FontAwesomeIcon
203
- icon={isLoading ? faSpinner : faAdd}
204
- className={`text-success ${isLoading ? "rotate" : ""}`}
205
- />
206
- ),
207
- tooltip: t("_accessibility:buttons.add"),
208
- }
209
-
210
- <Table data={...} columns={...} actions={[addAction]} />
211
- ```
212
-
213
- #### Your custom toolbar
214
-
215
- ```
216
- import { Table } from "@sito/dashboard";
217
-
218
- const Toolbar = () => {
219
- return <div>
220
- <h1>My custom toolbar</h1>
221
- </div>
222
- }
223
-
224
- <Table data={...} columns={...} toolbar={<Toolbar />} />
225
- ```
226
-
227
- ## Development
228
-
229
- Running Locally
230
-
231
- To run the project locally:
232
-
233
- 1. Clone the repository:
234
-
235
- ```bash
236
- git clone https://github.com/your-repo/sito-dashboard.git
237
-
238
- cd sito-dashboard
239
- ```
240
-
241
- 2. Install dependencies:
242
-
243
- ```bash
244
- npm install
245
- ```
246
-
247
- 3. Start the development server
248
-
249
- ```bash
250
- npm start
251
- ```
252
-
253
- Building the Library
254
-
255
- To build the library for production
256
-
257
- ```bash
258
- npm run build
259
- ```
260
-
261
- ## Contributing
262
-
263
- Contributions are welcome! Please follow these steps:
264
- 1. Fork the repository.
265
- 2. Create a new branch for your feature or bugfix.
266
- 3. Submit a pull request with a detailed description of your changes.
267
-
268
- ## License
269
-
270
- This project is licensed under the MIT License.
1
+ # @sito/dashboard
2
+
3
+ A React library for building customizable and responsive dashboards with ease.
4
+
5
+ ## Features
6
+
7
+ - **Table Component**: A powerful table component with support for sorting, pagination, and customizable columns.
8
+ - **Translation Support**: Built-in translation support using a `TranslationProvider`.
9
+ - **Customizable**: Easily style and configure components to fit your needs.
10
+ - **Lightweight**: Optimized for performance and usability.
11
+
12
+ ## Installation
13
+
14
+ To install the library, use npm or yarn:
15
+
16
+ ```bash
17
+ # Using npm
18
+ npm install @sito/dashboard
19
+
20
+ # Using yarn
21
+ yarn add @sito/dashboard
22
+ ```
23
+
24
+ ## Table
25
+
26
+ Here’s how you can use the Table component in your project:
27
+
28
+ ```bash
29
+ import React from "react";
30
+ import { Table } from "sito-dashboard";
31
+
32
+ const App = () => {
33
+ const rows = [
34
+ { id: 1, name: "John Doe", age: 30 },
35
+ { id: 2, name: "Jane Smith", age: 25 },
36
+ ];
37
+
38
+ const columns = [
39
+ { key: "name", label: "Name" },
40
+ { key: "age", label: "Age" },
41
+ ];
42
+
43
+ return (
44
+ <Table
45
+ title="User Table"
46
+ data={rows}
47
+ columns={columns}
48
+ />
49
+ );
50
+ };
51
+
52
+ export default App;
53
+ ```
54
+
55
+ ## Translation for its components
56
+
57
+ Wrap your application with the TranslationProvider to enable translations:
58
+
59
+ ```bash
60
+ import React from "react";
61
+ import { TranslationProvider } from "@sito/dashboard";
62
+
63
+ const translations = {
64
+ en: { hello: "Hello" },
65
+ es: { hello: "Hola" },
66
+ };
67
+
68
+ const App = () => {
69
+ const t = (key) => translations["en"][key]; // Example translation function
70
+
71
+ return (
72
+ <TranslationProvider t={t}>
73
+ <h1>{t("hello")}</h1>
74
+ </TranslationProvider>
75
+ );
76
+ };
77
+
78
+ export default App;
79
+ ```
80
+
81
+ ## Components
82
+
83
+ ### Table
84
+
85
+ The Table component is a flexible and feature-rich table for displaying data.
86
+
87
+ #### Props
88
+ | Propiedad | Tipo | Valor por defecto | Descripción |
89
+ |-----------------------|---------------|-------------------------|--------------------------------------------------------------------|
90
+ | `title` | `string` | `""` | El título de la tabla. |
91
+ | `data` | `array` | — | Los datos a mostrar en la tabla. |
92
+ | `columns` | `array` | `[]` | Definiciones de columnas, incluyendo claves (`key`) y etiquetas. |
93
+ | `isLoading` | `boolean` | `false` | Indica si la tabla está en estado de carga. |
94
+ | `actions` | `ActionType[]` | — | Función para renderizar acciones por fila. |
95
+ | `className` | `string` | `""` | Clase personalizada para el contenedor de la tabla. |
96
+ | `contentClassName` | `string` | `""` | Clase personalizada para el contenido de la tabla. |
97
+ | `softDeleteProperty` | `string` | `"deletedAt"` | Propiedad usada para lógica de borrado suave (fecha/hora). |
98
+ | `toolbar` | `ReactNode` | `<></>` | Componente personalizado para la barra de herramientas. |
99
+ | `onSort` | `function` | — | Callback que se llama cuando se cambia el orden de la tabla. |
100
+
101
+
102
+ ### TranslationProvider
103
+
104
+ Provides translation support for your application.
105
+
106
+ #### Props
107
+ - `t` (function): A translation function that takes a key and returns the translated string.
108
+
109
+ ### Examples
110
+
111
+ #### Columns definition
112
+
113
+ ```
114
+ key: string;
115
+ label: string;
116
+ sortable?: boolean;
117
+ sortOptions: {
118
+ icons: {
119
+ className: string;
120
+ asc: string;
121
+ desc: string;
122
+ };
123
+ };
124
+ className?: string;
125
+ display?: "visible" | "none";
126
+ pos?: number;
127
+ renderBody?: (value: any, row: any) => ReactNode;
128
+ renderHead?: () => void;
129
+ filterOptions?: ColumnFilterOptions;
130
+ ```
131
+
132
+ ColumnFilterOptions
133
+
134
+ ```
135
+ {
136
+ type: FilterTypes;
137
+ defaultValue: any;
138
+ label?: string;
139
+ }
140
+ ```
141
+
142
+ FilterTypes enum
143
+
144
+ ```
145
+ text,
146
+ number,
147
+ select,
148
+ autocomplete,
149
+ date,
150
+ check,
151
+ ```
152
+
153
+ ```
154
+ import { Table } from "@sito/dashboard";
155
+
156
+ const columns = [
157
+ {
158
+ key: "tagIds",
159
+ label: t("_entities:news.tags.label"),
160
+ filterOptions: {
161
+ type: FilterTypes.autocomplete,
162
+ options: tagsList,
163
+ defaultValue: [],
164
+ },
165
+ sortable: false,
166
+ renderBody: (_, news) =>
167
+ (
168
+ <div className="flex flex-wrap gap-3">
169
+ {news.tags?.map(({ name, id }) => (
170
+ <Chip key={id} label={name} spanClassName="text-xs" />
171
+ ))}
172
+ </div>
173
+ ) ?? " - ",
174
+ },
175
+ ]
176
+
177
+ <Table data={...} columns={columns} />
178
+ ```
179
+
180
+ #### Actions definition
181
+
182
+ ```
183
+ {
184
+ id: string;
185
+ onClick: (entity: object) => void;
186
+ icon: any;
187
+ tooltip: string;
188
+ hidden: (entity: object) => boolean;
189
+ }
190
+ ```
191
+
192
+ ```
193
+ import { Table } from "@sito/dashboard";
194
+
195
+ const addAction = {
196
+ id: "add",
197
+ hidden: false,
198
+ onClick: async () => {
199
+ // do some stuff here
200
+ },
201
+ icon: (
202
+ <FontAwesomeIcon
203
+ icon={isLoading ? faSpinner : faAdd}
204
+ className={`text-success ${isLoading ? "rotate" : ""}`}
205
+ />
206
+ ),
207
+ tooltip: t("_accessibility:buttons.add"),
208
+ }
209
+
210
+ <Table data={...} columns={...} actions={[addAction]} />
211
+ ```
212
+
213
+ #### Your custom toolbar
214
+
215
+ ```
216
+ import { Table } from "@sito/dashboard";
217
+
218
+ const Toolbar = () => {
219
+ return <div>
220
+ <h1>My custom toolbar</h1>
221
+ </div>
222
+ }
223
+
224
+ <Table data={...} columns={...} toolbar={<Toolbar />} />
225
+ ```
226
+
227
+ ## Development
228
+
229
+ Running Locally
230
+
231
+ To run the project locally:
232
+
233
+ 1. Clone the repository:
234
+
235
+ ```bash
236
+ git clone https://github.com/your-repo/sito-dashboard.git
237
+
238
+ cd sito-dashboard
239
+ ```
240
+
241
+ 2. Install dependencies:
242
+
243
+ ```bash
244
+ npm install
245
+ ```
246
+
247
+ 3. Start the development server
248
+
249
+ ```bash
250
+ npm start
251
+ ```
252
+
253
+ Building the Library
254
+
255
+ To build the library for production
256
+
257
+ ```bash
258
+ npm run build
259
+ ```
260
+
261
+ ## Contributing
262
+
263
+ Contributions are welcome! Please follow these steps:
264
+ 1. Fork the repository.
265
+ 2. Create a new branch for your feature or bugfix.
266
+ 3. Submit a pull request with a detailed description of your changes.
267
+
268
+ ## License
269
+
270
+ This project is licensed under the MIT License.
@@ -1 +1 @@
1
- var Tn=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("react");function _e(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 Ue(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 Ge(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 He(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 qe=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 le(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"})})}function Ve(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",fill:"currentColor",children:a.jsx("path",{d:"M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z"})})}var Y=(e=>(e.error="error",e.good="good",e.default="default",e))(Y||{});const Ce=e=>{switch(e){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},we=e=>{switch(e){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},je=e=>{switch(e){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const ue=h.forwardRef(function(e,t){const{value:r,onChange:n,options:s,containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",placeholder:u="",label:f="",name:x="",id:v="",state:C=Y.default,children:b,...p}=e;return a.jsxs("div",{className:`select-input-container ${c}`,children:[a.jsx("select",{...p,id:v,ref:t,name:x,value:r,onChange:n,className:`select-input ${Ce(C)} 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:x,className:`select-input-label ${we(C)} ${o}`,children:f}),b,(u||i)&&a.jsx("p",{className:`select-input-helper-text ${je(C)} ${d}`,children:C!=="error"&&C!=="good"?u:i})]})});const Q=h.forwardRef(function(e,t){const{children:r,state:n=Y.default,label:s="",containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",value:u="",...f}=e;return a.jsxs("div",{className:`text-input-container ${c}`,children:[a.jsx("input",{ref:t,value:u,className:`text-input ${Ce(n)} peer ${l} ${u?"has-value":""} ${f.placeholder?"has-placeholder":""}`,...f}),!!s&&a.jsxs("label",{htmlFor:f.name,className:`text-input-label ${we(n)} ${o}`,children:[s,f.required?" *":""]}),r,!!i&&a.jsx("p",{className:`text-input-helper-text ${je(n)} ${d}`,children:i})]})});const Ke=h.forwardRef(function(e,t){const{checked:r,onChange:n,state:s=Y.default,name:c="",id:l="",type:o="text",label:i="",containerClassName:d="",inputClassName:u="",labelClassName:f="",helperText:x="",helperTextClassName:v="",...C}=e;return a.jsxs("label",{className:`input-check-container ${d}`,children:[a.jsx("input",{id:l,ref:t,name:c,type:"checkbox",checked:r,onChange:n,className:`input-check ${u}`,...C}),a.jsx("span",{className:`input-check-label ${f}`,children:i})]})});var $t=!1;function kt(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 Et(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 Tt=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?!$t: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(Et(this));var s=this.tags[this.tags.length-1];if(this.isSpeedy){var c=kt(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}(),R="-ms-",ie="-moz-",y="-webkit-",Ye="comm",Ne="rule",ye="decl",At="@import",Ze="@keyframes",Ft="@layer",Rt=Math.abs,de=String.fromCharCode,Pt=Object.assign;function Ot(e,t){return T(e,0)^45?(((t<<2^T(e,0))<<2^T(e,1))<<2^T(e,2))<<2^T(e,3):0}function Je(e){return e.trim()}function Mt(e,t){return(e=t.exec(e))?e[0]:e}function S(e,t,r){return e.replace(t,r)}function be(e,t){return e.indexOf(t)}function T(e,t){return e.charCodeAt(t)|0}function X(e,t,r){return e.slice(t,r)}function z(e){return e.length}function Se(e){return e.length}function re(e,t){return t.push(e),e}function Lt(e,t){return e.map(t).join("")}var fe=1,K=1,Qe=0,P=0,E=0,Z="";function he(e,t,r,n,s,c,l){return{value:e,root:t,parent:r,type:n,props:s,children:c,line:fe,column:K,length:l,return:""}}function J(e,t){return Pt(he("",null,null,"",null,null,0),e,{length:-e.length},t)}function zt(){return E}function Dt(){return E=P>0?T(Z,--P):0,K--,E===10&&(K=1,fe--),E}function O(){return E=P<Qe?T(Z,P++):0,K++,E===10&&(K=1,fe++),E}function I(){return T(Z,P)}function se(){return P}function ne(e,t){return X(Z,e,t)}function ee(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 Xe(e){return fe=K=1,Qe=z(Z=e),P=0,[]}function et(e){return Z="",e}function ae(e){return Je(ne(P-1,ge(e===91?e+2:e===40?e+1:e)))}function It(e){for(;(E=I())&&E<33;)O();return ee(e)>2||ee(E)>3?"":" "}function Wt(e,t){for(;--t&&O()&&!(E<48||E>102||E>57&&E<65||E>70&&E<97););return ne(e,se()+(t<6&&I()==32&&O()==32))}function ge(e){for(;O();)switch(E){case e:return P;case 34:case 39:e!==34&&e!==39&&ge(E);break;case 40:e===41&&ge(e);break;case 92:O();break}return P}function Bt(e,t){for(;O()&&e+E!==47+10;)if(e+E===42+42&&I()===47)break;return"/*"+ne(t,P-1)+"*"+de(e===47?e:O())}function _t(e){for(;!ee(I());)O();return ne(e,P)}function Ut(e){return et(ce("",null,null,null,[""],e=Xe(e),0,[0],e))}function ce(e,t,r,n,s,c,l,o,i){for(var d=0,u=0,f=l,x=0,v=0,C=0,b=1,p=1,m=1,N=0,w="",$=s,k=c,A=n,j=w;p;)switch(C=N,N=O()){case 40:if(C!=108&&T(j,f-1)==58){be(j+=S(ae(N),"&","&\f"),"&\f")!=-1&&(m=-1);break}case 34:case 39:case 91:j+=ae(N);break;case 9:case 10:case 13:case 32:j+=It(C);break;case 92:j+=Wt(se()-1,7);continue;case 47:switch(I()){case 42:case 47:re(Gt(Bt(O(),se()),t,r),i);break;default:j+="/"}break;case 123*b:o[d++]=z(j)*m;case 125*b:case 59:case 0:switch(N){case 0:case 125:p=0;case 59+u:m==-1&&(j=S(j,/\f/g,"")),v>0&&z(j)-f&&re(v>32?Pe(j+";",n,r,f-1):Pe(S(j," ","")+";",n,r,f-2),i);break;case 59:j+=";";default:if(re(A=Re(j,t,r,d,u,s,o,w,$=[],k=[],f),c),N===123)if(u===0)ce(j,t,A,A,$,c,f,o,k);else switch(x===99&&T(j,3)===110?100:x){case 100:case 108:case 109:case 115:ce(e,A,A,n&&re(Re(e,A,A,0,0,s,o,w,s,$=[],f),k),s,k,f,o,n?$:k);break;default:ce(j,A,A,A,[""],k,0,o,k)}}d=u=v=0,b=m=1,w=j="",f=l;break;case 58:f=1+z(j),v=C;default:if(b<1){if(N==123)--b;else if(N==125&&b++==0&&Dt()==125)continue}switch(j+=de(N),N*b){case 38:m=u>0?1:(j+="\f",-1);break;case 44:o[d++]=(z(j)-1)*m,m=1;break;case 64:I()===45&&(j+=ae(O())),x=I(),u=f=z(w=j+=_t(se())),N++;break;case 45:C===45&&z(j)==2&&(b=0)}}return c}function Re(e,t,r,n,s,c,l,o,i,d,u){for(var f=s-1,x=s===0?c:[""],v=Se(x),C=0,b=0,p=0;C<n;++C)for(var m=0,N=X(e,f+1,f=Rt(b=l[C])),w=e;m<v;++m)(w=Je(b>0?x[m]+" "+N:S(N,/&\f/g,x[m])))&&(i[p++]=w);return he(e,t,r,s===0?Ne:o,i,d,u)}function Gt(e,t,r){return he(e,t,r,Ye,de(zt()),X(e,2,-2),0)}function Pe(e,t,r,n){return he(e,t,r,ye,X(e,0,n),X(e,n+1,-1),n)}function V(e,t){for(var r="",n=Se(e),s=0;s<n;s++)r+=t(e[s],s,e,t)||"";return r}function Ht(e,t,r,n){switch(e.type){case Ft:if(e.children.length)break;case At:case ye:return e.return=e.return||e.value;case Ye:return"";case Ze:return e.return=e.value+"{"+V(e.children,n)+"}";case Ne:e.value=e.props.join(",")}return z(r=V(e.children,n))?e.return=e.value+"{"+r+"}":""}function qt(e){var t=Se(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 Vt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Kt(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Yt=function(t,r,n){for(var s=0,c=0;s=c,c=I(),s===38&&c===12&&(r[n]=1),!ee(c);)O();return ne(t,P)},Zt=function(t,r){var n=-1,s=44;do switch(ee(s)){case 0:s===38&&I()===12&&(r[n]=1),t[n]+=Yt(P-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]+=de(s)}while(s=O());return t},Jt=function(t,r){return et(Zt(Xe(t),r))},Oe=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&&!Oe.get(n))&&!s){Oe.set(t,!0);for(var c=[],l=Jt(r,c),o=n.props,i=0,d=0;i<l.length;i++)for(var u=0;u<o.length;u++,d++)t.props[d]=c[i]?l[i].replace(/&\f/g,o[u]):o[u]+" "+l[i]}}},Xt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function tt(e,t){switch(Ot(e,t)){case 5103:return y+"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 y+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return y+e+ie+e+R+e+e;case 6828:case 4268:return y+e+R+e+e;case 6165:return y+e+R+"flex-"+e+e;case 5187:return y+e+S(e,/(\w+).+(:[^]+)/,y+"box-$1$2"+R+"flex-$1$2")+e;case 5443:return y+e+R+"flex-item-"+S(e,/flex-|-self/,"")+e;case 4675:return y+e+R+"flex-line-pack"+S(e,/align-content|flex-|-self/,"")+e;case 5548:return y+e+R+S(e,"shrink","negative")+e;case 5292:return y+e+R+S(e,"basis","preferred-size")+e;case 6060:return y+"box-"+S(e,"-grow","")+y+e+R+S(e,"grow","positive")+e;case 4554:return y+S(e,/([^-])(transform)/g,"$1"+y+"$2")+e;case 6187:return S(S(S(e,/(zoom-|grab)/,y+"$1"),/(image-set)/,y+"$1"),e,"")+e;case 5495:case 3959:return S(e,/(image-set\([^]*)/,y+"$1$`$1");case 4968:return S(S(e,/(.+:)(flex-)?(.*)/,y+"box-pack:$3"+R+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+y+e+e;case 4095:case 3583:case 4068:case 2532:return S(e,/(.+)-inline(.+)/,y+"$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(z(e)-1-t>6)switch(T(e,t+1)){case 109:if(T(e,t+4)!==45)break;case 102:return S(e,/(.+:)(.+)-([^]+)/,"$1"+y+"$2-$3$1"+ie+(T(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~be(e,"stretch")?tt(S(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(T(e,t+1)!==115)break;case 6444:switch(T(e,z(e)-3-(~be(e,"!important")&&10))){case 107:return S(e,":",":"+y)+e;case 101:return S(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+y+(T(e,14)===45?"inline-":"")+"box$3$1"+y+"$2$3$1"+R+"$2box$3")+e}break;case 5936:switch(T(e,t+11)){case 114:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return y+e+R+e+e}return e}var en=function(t,r,n,s){if(t.length>-1&&!t.return)switch(t.type){case ye:t.return=tt(t.value,t.length);break;case Ze:return V([J(t,{value:S(t.value,"@","@"+y)})],s);case Ne:if(t.length)return Lt(t.props,function(c){switch(Mt(c,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return V([J(t,{props:[S(c,/:(read-\w+)/,":"+ie+"$1")]})],s);case"::placeholder":return V([J(t,{props:[S(c,/:(plac\w+)/,":"+y+"input-$1")]}),J(t,{props:[S(c,/:(plac\w+)/,":"+ie+"$1")]}),J(t,{props:[S(c,/:(plac\w+)/,R+"input-$1")]})],s)}return""})}},tn=[en],nn=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(b){var p=b.getAttribute("data-emotion");p.indexOf(" ")!==-1&&(document.head.appendChild(b),b.setAttribute("data-s",""))})}var s=t.stylisPlugins||tn,c={},l,o=[];l=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(b){for(var p=b.getAttribute("data-emotion").split(" "),m=1;m<p.length;m++)c[p[m]]=!0;o.push(b)});var i,d=[Qt,Xt];{var u,f=[Ht,Vt(function(b){u.insert(b)})],x=qt(d.concat(s,f)),v=function(p){return V(Ut(p),x)};i=function(p,m,N,w){u=N,v(p?p+"{"+m.styles+"}":m.styles),w&&(C.inserted[m.name]=!0)}}var C={key:r,sheet:new Tt({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 C.sheet.hydrate(o),C};function rn(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 sn={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},an=!1,cn=/[A-Z]|^ms/g,on=/_EMO_([^_]+?)_([^]*?)_EMO_/g,nt=function(t){return t.charCodeAt(1)===45},Me=function(t){return t!=null&&typeof t!="boolean"},me=Kt(function(e){return nt(e)?e:e.replace(cn,"-$&").toLowerCase()}),Le=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(on,function(n,s,c){return D={name:s,styles:c,next:D},s})}return sn[t]!==1&&!nt(t)&&typeof r=="number"&&r!==0?r+"px":r},ln="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function te(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 D={name:s.name,styles:s.styles,next:D},s.name;var c=r;if(c.styles!==void 0){var l=c.next;if(l!==void 0)for(;l!==void 0;)D={name:l.name,styles:l.styles,next:D},l=l.next;var o=c.styles+";";return o}return un(e,t,r)}case"function":{if(e!==void 0){var i=D,d=r(e);return D=i,te(e,t,d)}break}}var u=r;if(t==null)return u;var f=t[u];return f!==void 0?f:u}function un(e,t,r){var n="";if(Array.isArray(r))for(var s=0;s<r.length;s++)n+=te(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]+"}":Me(o)&&(n+=me(c)+":"+Le(c,o)+";")}else{if(c==="NO_COMPONENT_SELECTOR"&&an)throw new Error(ln);if(Array.isArray(l)&&typeof l[0]=="string"&&(t==null||t[l[0]]===void 0))for(var i=0;i<l.length;i++)Me(l[i])&&(n+=me(c)+":"+Le(c,l[i])+";");else{var d=te(e,t,l);switch(c){case"animation":case"animationName":{n+=me(c)+":"+d+";";break}default:n+=c+"{"+d+"}"}}}}return n}var ze=/label:\s*([^\s;{]+)\s*(;|$)/g,D;function xe(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="";D=void 0;var c=e[0];if(c==null||c.raw===void 0)n=!1,s+=te(r,t,c);else{var l=c;s+=l[0]}for(var o=1;o<e.length;o++)if(s+=te(r,t,e[o]),n){var i=c;s+=i[o]}ze.lastIndex=0;for(var d="",u;(u=ze.exec(s))!==null;)d+="-"+u[1];var f=rn(s)+d;return{name:f,styles:s,next:D}}var dn=!0;function rt(e,t,r){var n="";return r.split(" ").forEach(function(s){e[s]!==void 0?t.push(e[s]+";"):s&&(n+=s+" ")}),n}var fn=function(t,r,n){var s=t.key+"-"+r.name;(n===!1||dn===!1)&&t.registered[s]===void 0&&(t.registered[s]=r.styles)},hn=function(t,r,n){fn(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 De(e,t){if(e.inserted[t.name]===void 0)return e.insert("",t,e.sheet,!0)}function Ie(e,t,r){var n=[],s=rt(e,n,r);return n.length<2?r:s+t(n)}var pn=function(t){var r=nn(t);r.sheet.speedy=function(o){this.isSpeedy=o},r.compat=!0;var n=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered,void 0);return hn(r,f,!1),r.key+"-"+f.name},s=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered),x="animation-"+f.name;return De(r,{name:f.name,styles:"@keyframes "+x+"{"+f.styles+"}"}),x},c=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered);De(r,f)},l=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];return Ie(r.registered,n,mn(d))};return{css:n,cx:l,injectGlobal:c,keyframes:s,hydrate:function(i){i.forEach(function(d){r.inserted[d]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:rt.bind(null,r.registered),merge:Ie.bind(null,r.registered,n)}},mn=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},xn=pn({key:"css"}),bn=xn.css;const st=h.forwardRef(function(e,t){var Ee,Te,Ae;const{state:r,value:n,onChange:s,options:c=[],name:l="",id:o="",label:i="",containerClassName:d="",inputContainerClassName:u="",helperText:f="",placeholder:x="",multiple:v=!1,...C}=e,[b,p]=h.useState("");h.useEffect(()=>{p(v?"":(n==null?void 0:n.value)??(n==null?void 0:n.name)??"")},[n]);const[m,N]=h.useState(!1),w=c.filter(g=>{const F=String(g.value??g.name).toLowerCase().includes(b==null?void 0:b.toLowerCase());return n&&n.length?n!=null&&n.some?!(n!=null&&n.some(q=>q.id===g.id)):(n==null?void 0:n.id)!==g.id:F}),$=h.useRef(null),k=h.useRef(null),[A,j]=h.useState(!1),$e=h.useRef(null);h.useEffect(()=>{const g=L=>{$.current&&!$.current.contains(L.target)&&N(!1)},F=L=>{L.key==="Escape"&&N(!1)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",F),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",F)}},[]);const St=g=>{p(g.target.value)},ke=h.useCallback(g=>{g?v?(p(""),Array.isArray(n)&&n.length?s([...n,g]):s([g])):(p(String(g.name??g.value??"")),s(g)):s(null),N(!1)},[v,s,n]),pe=h.useCallback(g=>{if(g!=null)if(g!==-1){const F=n.filter((L,q)=>q!==g);F.length?s(F):s(null)}else{const[F]=n;console.log(F),s([F])}else s(null)},[s,n]);return h.useEffect(()=>{var L,q,Fe;const g=((L=$e.current)==null?void 0:L.offsetWidth)??0,F=((Fe=(q=t??k)==null?void 0:q.current)==null?void 0:Fe.offsetWidth)??0;g>F*.4?j(!0):j(!1)},[n]),a.jsxs("div",{className:`autocomplete-input-container ${d}`,ref:$,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(Q,{state:r,name:l,id:o,value:v?(n==null?void 0:n.value)??(n==null?void 0:n.name)??"":b,onChange:St,placeholder:x,helperText:f,onFocus:()=>N(!0),label:i,containerClassName:`autocomplete-text-input ${u}`,ref:t??k,...C,children:((n==null?void 0:n.value)||(n==null?void 0:n.name))&&!v&&a.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:g=>{console.log("hola?"),ke(),g.stopPropagation()},children:a.jsx(le,{})})}),v&&Array.isArray(n)&&n.length?a.jsx("ul",{ref:$e,className:"autocomplete-value-container",children:A?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(U,{text:((Ee=n[0])==null?void 0:Ee.value)??((Te=n[0])==null?void 0:Te.name),onDelete:g=>{pe(0),g.stopPropagation()}})}),n.length>1&&a.jsx("li",{children:a.jsx(U,{text:`+${n.length-1}`,onDelete:g=>{pe(-1),g.stopPropagation()}})})]}):n.map((g,F)=>a.jsx("li",{children:a.jsx(U,{text:String(g.value??g.name),onDelete:L=>{pe(F),L.stopPropagation()}})},g.id??g.value??g.name))}):null]}),m&&a.jsx("ul",{className:`autocomplete-suggestions-container ${bn({width:(Ae=$.current)==null?void 0:Ae.offsetWidth})}`,children:w.map(g=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:F=>{ke(g),F.stopPropagation()},children:g.value??g.name},g.id??g.value??g.name))})]})});function We(e,t=25){if(e.length<=t)return e;const r=e.lastIndexOf(".");if(r===-1)return e.slice(0,t-3)+"...";const n=e.slice(0,r),s=e.slice(r),c=t-s.length-3;return n.slice(0,c)+"..."+s}const gn=h.forwardRef(function(e,t){var m,N;const{children:r,state:n=Y.default,label:s,containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",iconClassName:u="",multiple:f=!1,...x}=e,[v,C]=h.useState([]),b=w=>{if(w.target.files){const $=Array.from(w.target.files);C(k=>[...k,...$])}x.onChange&&x.onChange(w)},p=w=>{C($=>$.filter((k,A)=>A!==w))};return a.jsxs("div",{className:`file-input-container ${c}`,children:[v.length===0&&a.jsxs("label",{htmlFor:x.name,className:`${o}`,children:[s,a.jsx("input",{type:"file",ref:t,multiple:f,onClick:w=>{w.currentTarget.value=""},onChange:b,className:`file-input ${l}`,...x}),x.required?" *":""]}),v.length>1&&a.jsx("ul",{className:"file-preview-list",children:v.map((w,$)=>a.jsx("li",{children:a.jsx(oe,{content:w.name,children:a.jsx(U,{text:We(w.name,25),onDelete:()=>p($)})})},$))}),v.length===1&&a.jsxs("div",{className:"file-preview",children:[a.jsx(Ve,{className:"file-icon"}),a.jsx(oe,{content:((m=v[0])==null?void 0:m.name)??"",className:"!cursor-default",children:a.jsx("span",{children:We(((N=v[0])==null?void 0:N.name)??"",25)})}),a.jsx("button",{onClick:()=>C([]),className:"chip-delete-button",type:"button",children:a.jsx(le,{})})]}),r,!!i&&a.jsx("p",{className:`file-input-helper-text ${d}`,children:i})]})});function at(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 ct=h.createContext({});function vn(e){const{children:t,t:r,language:n}=e;return a.jsx(ct.Provider,{value:{t:r,language:n},children:t})}const W=()=>{const e=h.useContext(ct);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 Cn=[20,50,100],it=h.createContext({}),wn=e=>{const{children:t}=e,[r,n]=h.useState(0),[s,c]=h.useState(20),[l,o]=h.useState(0),[i,d]=h.useState("id"),[u,f]=h.useState(G.DESC),[x,v]=h.useState({}),C=h.useCallback((w,$)=>{let k=u;if(i===w)switch(u){case G.ASC:k=G.DESC;break;default:k=G.ASC;break}d(w),f(k),$&&$(w,k)},[i,u]),b=h.useCallback(w=>{const $=Object.entries(w).reduce((k,[A,j])=>(j&&typeof j.value<"u"&&j.value!==null&&(k[A]=j.value),k),{});v($)},[]),p=h.useCallback(w=>{console.log(w,x),w?(delete x[w.toLowerCase()],v({...x})):v({})},[x]),m=h.useMemo(()=>Object.keys(x).length,[x]),N={onSort:C,total:r,setTotal:n,sortingBy:i,setSortingBy:d,sortingOrder:u,setSortingOrder:f,pageSize:s,pageSizes:Cn,setPageSize:c,currentPage:l,setCurrentPage:o,filters:x,onFilterApply:b,clearFilters:p,countOfFilters:m};return a.jsx(it.Provider,{value:N,children:t})},B=()=>{const e=h.useContext(it);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 ve=e=>{if(e){const t={},r=Object.keys(e);return r==null||r.forEach(n=>{t[n]={value:e[n]}}),t}return{}};function ot(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 lt=h.createContext({}),ut=e=>{const{children:t}=e,{filters:r}=B(),[n,s]=h.useReducer(ot,ve(r));h.useEffect(()=>{s({type:M.reset});const l=ve(r);Object.keys(l).length&&s({type:M.update,toUpdate:l})},[r]);const c={currentFilters:n,setCurrentFilters:s};return a.jsx(lt.Provider,{value:c,children:t})},H=()=>{const e=h.useContext(lt);if(e===void 0)throw new Error("tableOptionsContext must be used within a Provider");return e};function dt(e){const{t}=W(),{entity:r="",columns:n=[],hasAction:s=!0,onSortCallback:c}=e,{onSort:l,sortingOrder:o,sortingBy:i}=B(),d=h.useMemo(()=>{var u;return(u=n.sort((f,x)=>(x.pos??0)-(f.pos??0)).filter(f=>f.display!=="none"))==null?void 0:u.map(f=>({id:f.key,label:f.label,className:f.className??"",sortable:f.sortable??!0,sortOptions:f.sortOptions}))},[n,r,t]);return a.jsx("thead",{className:"table-headers-row",children:a.jsxs("tr",{children:[d.map(u=>{var f,x,v,C,b,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&&i===u.id&&a.jsx("span",{children:o===G.ASC?((x=(f=u.sortOptions)==null?void 0:f.icons)==null?void 0:x.asc)??a.jsx(Ue,{className:((C=(v=u.sortOptions)==null?void 0:v.icons)==null?void 0:C.className)??"table-headers-sort-indicator"}):((p=(b=u.sortOptions)==null?void 0:b.icons)==null?void 0:p.desc)??a.jsx(_e,{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 ft(){const{t:e}=W();return a.jsx("div",{className:"table-empty",children:a.jsx("p",{children:e("_accessibility:components.table.empty")})})}const ht=()=>{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(He,{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(Ge,{className:"w-2.5"})})]})},pt=()=>{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 mt(){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(ue,{value:r,options:s,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:c=>n(Number(c.target.value))})]})}function jn(){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(ue,{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 xt(){return a.jsxs("div",{className:"table-footer",children:[a.jsx(jn,{}),a.jsx(mt,{}),a.jsx(pt,{}),a.jsx(ht,{})]})}const bt=e=>{const{items:t,text:r,id:n,onClearFilter:s}=e;return a.jsx(U,{text:`${r}: ${t.map(c=>c.value??c.name).join(", ")}`,onDelete:()=>s(n)})},gt=e=>{const{end:t,start:r,text:n,id:s,onClearFilter:c}=e;return a.jsx(U,{text:`${n}: ${r||"♾️"} - ${t||"♾️"}`,onDelete:()=>c(s)})};const vt=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),[n]),l=h.useCallback(o=>{var i,d,u,f;return(i=n[o])!=null&&i.end||(d=n[o])!=null&&d.start?a.jsx(gt,{id:o,text:r[o],start:n[o].start,end:n[o].end,onClearFilter:s}):Array.isArray(n[o])?a.jsx(bt,{id:o,text:r[o],items:n[o],onClearFilter:s}):a.jsx(U,{text:`${r[o]}: ${((u=n[o])==null?void 0:u.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))})};function Nn(e){const{propertyName:t,options:r,label:n,placeholder:s}=e,{currentFilters:c,setCurrentFilters:l}=H(),o=h.useMemo(()=>{var d;return((d=c[t])==null?void 0:d.value)??r[0]},[c]),i=h.useCallback(d=>{l({type:M.update,toUpdate:{[t]:{value:d.target.value}}})},[]);return a.jsx(ue,{value:o,label:n,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:i,placeholder:s})}const yn=e=>{const{propertyName:t,label:r,placeholder:n}=e,{currentFilters:s,setCurrentFilters:c}=H(),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(Q,{value:l??"",label:r,onChange:o,containerClassName:"input-widget-container",helperTextClassName:"",placeholder:n})},Sn=e=>{const{propertyName:t,label:r}=e,{currentFilters:n,setCurrentFilters:s}=H(),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(Ke,{label:r,checked:c??!1,onChange:l})};function $n(e){const{propertyName:t,label:r,placeholder:n,options:s,multiple:c=!0}=e,{currentFilters:l,setCurrentFilters:o}=H(),i=h.useMemo(()=>l[t]??s[0],[l]),d=h.useCallback(u=>{o({type:M.update,toUpdate:{[t]:{value:u}}})},[c]);return a.jsx(st,{value:i==null?void 0:i.value,label:r,options:s,multiple:c,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:d,placeholder:n})}const Be=e=>{var f,x,v,C;const{propertyName:t,label:r,inputType:n}=e,{t:s}=W(),{currentFilters:c,setCurrentFilters:l}=H(),o=h.useRef(null),i=h.useRef(null),d=h.useCallback(b=>{var p;l({type:M.update,toUpdate:{[t]:{value:{end:((p=i==null?void 0:i.current)==null?void 0:p.value)??null,start:b.target.value}}}})},[]),u=h.useCallback(b=>{var p;l({type:M.update,toUpdate:{[t]:{value:{start:((p=o==null?void 0:o.current)==null?void 0:p.value)??null,end:b.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(Q,{value:((x=(f=c[t])==null?void 0:f.value)==null?void 0:x.start)??"",placeholder:s("_accessibility:components.table.filters.range.start"),type:n,ref:o,onChange:d,containerClassName:"input-widget-container",helperTextClassName:""}),a.jsx(Q,{value:((C=(v=c[t])==null?void 0:v.value)==null?void 0:C.end)??"",placeholder:s("_accessibility:components.table.filters.range.end"),type:n,ref:i,onChange:u,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},Ct=e=>{switch(e.type){case _.text:return a.jsx(yn,{...e});case _.number:return a.jsx(Be,{...e,inputType:"number"});case _.date:return a.jsx(Be,{...e,inputType:"date"});case _.select:return a.jsx(Nn,{...e});case _.autocomplete:return a.jsx($n,{...e});case _.check:return a.jsx(Sn,{...e})}return a.jsx(a.Fragment,{})};const wt=e=>{const{filters:t=[],show:r,handleShow:n}=e,{onFilterApply:s}=B(),{currentFilters:c,setCurrentFilters:l}=H(),{t:o}=W(),i=h.useRef(null);return h.useEffect(()=>{const d=({target:u})=>{var f;i.current&&(!r||(f=i.current)!=null&&f.contains(u)||n(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),h.useEffect(()=>{const d=u=>{!r||u.code!=="Escape"||n(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),a.jsx("div",{className:`filter-dropdown-backdrop ${r?"opened":"closed"}`,children:a.jsxs("div",{className:"filter-popup",children:[a.jsx("div",{className:"filter-title",children:o("_accessibility:buttons.filters")}),a.jsx("ul",{className:"filter-container",children:t.map(d=>a.jsx("li",{className:"filter-container-item",children:Ct(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:()=>l({type:M.reset,filters:t}),className:"filter-dropdown-button small filter-dropdown-cancel",children:o("_accessibility:buttons.clear")})}),a.jsx("li",{children:a.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit",onClick:()=>{n(!1),s(c)},onBlur:()=>n(!1),children:o("_accessibility:buttons.applyFilters")})})]})})]})})},jt=e=>{var v,C,b;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]),[d,u]=h.useState(!1),f=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,d]),x=h.useMemo(()=>{var p;return((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??d},[c,d]);return a.jsxs("div",{className:`table-header ${r&&(s||!((v=c==null?void 0:c.button)!=null&&v.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,((C=c==null?void 0:c.button)==null?void 0:C.hide)!==!0&&a.jsxs("button",{className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>{var p;return f(((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??!d)},"aria-expanded":x,children:[a.jsx(yt,{count:l,className:`${l>0?"show":"hide"} `}),a.jsx("span",{className:"sr-only",children:o("_accessibility:buttons.filters")}),a.jsx("wbr",{}),((b=c==null?void 0:c.button)==null?void 0:b.icon)??a.jsx(qe,{className:"filter-dropdown-trigger-icon"})]})]})]}),a.jsx(vt,{filtersDefinition:i}),!!i&&!!i.length&&a.jsx(wt,{filters:i,show:x,handleShow:f,options:c})]})},kn=e=>e,Nt=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,d)=>a.jsx("td",{className:`table-row-cell ${d===0?"basic":""} ${i.className??""}`,children:i.renderBody?i.renderBody(l[i.key],l):kn(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(oe,{content:i.tooltip,children:a.jsx("button",{onClick:()=>i.onClick(l),children:i.icon})},i.id))})}):null]},l.id)})};function En(e){const{data:t,onSort:r,entity:n="",isLoading:s=!1,actions:c,columns:l=[],contentClassName:o="",className:i="",softDeleteProperty:d="deleted",...u}=e,f=h.useMemo(()=>!(t!=null&&t.length),[t]);return a.jsx(ut,{children:a.jsxs("div",{className:`${i} table-main`,children:[a.jsx(jt,{columns:l,isLoading:s,...u}),s?a.jsx(at,{className:"table-loading"}):a.jsx(a.Fragment,{children:f?a.jsx(ft,{}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:`${o} table-body`,children:a.jsxs("table",{className:"table-content",children:[a.jsx(dt,{entity:n,columns:l,onSortCallback:r,hasAction:!!c}),a.jsx("tbody",{children:a.jsx(Nt,{data:t,actions:c,columns:l,softDeleteProperty:d})})]})}),a.jsx(xt,{})]})})]})})}function oe(e){const{content:t,children:r,className:n=""}=e;return a.jsxs("div",{className:`tooltip-container ${n}`,children:[r,a.jsx("div",{className:"tooltip-text",children:t})]})}function U(e){const{text:t,onDelete:r,children:n,icon:s,variant:c="default",iconClassName:l="",className:o="",textClassName:i=""}=e;return a.jsxs("div",{className:`chip-main ${c} ${o}`,children:[a.jsx("span",{className:i,children:t}),n,r?a.jsx("button",{type:"button",className:`chip-delete-button ${l}`,onClick:r,children:s??a.jsx(le,{})}):null]})}const yt=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.ActiveFilters=vt;exports.ArrayChip=bt;exports.AutocompleteInput=st;exports.Badge=yt;exports.CheckInput=Ke;exports.ChevronDown=_e;exports.ChevronLeft=He;exports.ChevronRight=Ge;exports.ChevronUp=Ue;exports.Chip=U;exports.Close=le;exports.Columns=dt;exports.CountOfTotal=pt;exports.File=Ve;exports.FileInput=gn;exports.FilterDropdown=wt;exports.FilterTypes=_;exports.Filters=qe;exports.FiltersActions=M;exports.FiltersProvider=ut;exports.Footer=xt;exports.Loading=at;exports.Navigation=ht;exports.PageSize=mt;exports.RangeChip=gt;exports.Rows=Nt;exports.SelectInput=ue;exports.SortOrder=G;exports.State=Y;exports.Table=En;exports.TableEmpty=ft;exports.TableHeader=jt;exports.TableOptionsProvider=wn;exports.TextInput=Q;exports.Tooltip=oe;exports.TranslationProvider=vn;exports.filtersReducer=ot;exports.helperTextStateClassName=je;exports.initializer=ve;exports.inputStateClassName=Ce;exports.labelStateClassName=we;exports.renderFilterComponent=Ct;exports.useFilters=H;exports.useTableOptions=B;exports.useTranslation=W;
1
+ var Tn=require("./main.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("react");function _e(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 Ue(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 Ge(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 He(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 qe=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 le(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"})})}function Ve(e){const{className:t=""}=e;return a.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",fill:"currentColor",children:a.jsx("path",{d:"M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z"})})}var Y=(e=>(e.error="error",e.good="good",e.default="default",e))(Y||{});const Ce=e=>{switch(e){case"error":return"input-error";case"good":return"input-good";default:return"input-normal"}},we=e=>{switch(e){case"error":return"input-label-error";case"good":return"input-label-good";default:return"input-label-normal"}},je=e=>{switch(e){case"error":return"input-helper-text-error";case"good":return"input-helper-text-good";default:return"input-helper-text-normal"}};const ue=h.forwardRef(function(e,t){const{value:r,onChange:n,options:s,containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",placeholder:u="",label:f="",name:x="",id:v="",state:C=Y.default,children:b,...p}=e;return a.jsxs("div",{className:`select-input-container ${c}`,children:[a.jsx("select",{...p,id:v,ref:t,name:x,value:r,onChange:n,className:`select-input ${Ce(C)} 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:x,className:`select-input-label ${we(C)} ${o}`,children:f}),b,(u||i)&&a.jsx("p",{className:`select-input-helper-text ${je(C)} ${d}`,children:C!=="error"&&C!=="good"?u:i})]})});const Q=h.forwardRef(function(e,t){const{children:r,state:n=Y.default,label:s="",containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",value:u="",...f}=e;return a.jsxs("div",{className:`text-input-container ${c}`,children:[a.jsx("input",{ref:t,value:u,className:`text-input ${Ce(n)} peer ${l} ${u?"has-value":""} ${f.placeholder?"has-placeholder":""}`,...f}),!!s&&a.jsxs("label",{htmlFor:f.name,className:`text-input-label ${we(n)} ${o}`,children:[s,f.required?" *":""]}),r,!!i&&a.jsx("p",{className:`text-input-helper-text ${je(n)} ${d}`,children:i})]})});const Ke=h.forwardRef(function(e,t){const{checked:r,onChange:n,state:s=Y.default,name:c="",id:l="",type:o="text",label:i="",containerClassName:d="",inputClassName:u="",labelClassName:f="",helperText:x="",helperTextClassName:v="",...C}=e;return a.jsxs("label",{className:`input-check-container ${d}`,children:[a.jsx("input",{id:l,ref:t,name:c,type:"checkbox",checked:r,onChange:n,className:`input-check ${u}`,...C}),a.jsx("span",{className:`input-check-label ${f}`,children:i})]})});var $t=!1;function kt(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 Et(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 Tt=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?!$t: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(Et(this));var s=this.tags[this.tags.length-1];if(this.isSpeedy){var c=kt(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}(),R="-ms-",ie="-moz-",y="-webkit-",Ye="comm",Ne="rule",ye="decl",At="@import",Ze="@keyframes",Ft="@layer",Rt=Math.abs,de=String.fromCharCode,Pt=Object.assign;function Ot(e,t){return T(e,0)^45?(((t<<2^T(e,0))<<2^T(e,1))<<2^T(e,2))<<2^T(e,3):0}function Je(e){return e.trim()}function Mt(e,t){return(e=t.exec(e))?e[0]:e}function S(e,t,r){return e.replace(t,r)}function be(e,t){return e.indexOf(t)}function T(e,t){return e.charCodeAt(t)|0}function X(e,t,r){return e.slice(t,r)}function z(e){return e.length}function Se(e){return e.length}function re(e,t){return t.push(e),e}function Lt(e,t){return e.map(t).join("")}var fe=1,K=1,Qe=0,P=0,E=0,Z="";function he(e,t,r,n,s,c,l){return{value:e,root:t,parent:r,type:n,props:s,children:c,line:fe,column:K,length:l,return:""}}function J(e,t){return Pt(he("",null,null,"",null,null,0),e,{length:-e.length},t)}function zt(){return E}function Dt(){return E=P>0?T(Z,--P):0,K--,E===10&&(K=1,fe--),E}function O(){return E=P<Qe?T(Z,P++):0,K++,E===10&&(K=1,fe++),E}function I(){return T(Z,P)}function se(){return P}function ne(e,t){return X(Z,e,t)}function ee(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 Xe(e){return fe=K=1,Qe=z(Z=e),P=0,[]}function et(e){return Z="",e}function ae(e){return Je(ne(P-1,ge(e===91?e+2:e===40?e+1:e)))}function It(e){for(;(E=I())&&E<33;)O();return ee(e)>2||ee(E)>3?"":" "}function Wt(e,t){for(;--t&&O()&&!(E<48||E>102||E>57&&E<65||E>70&&E<97););return ne(e,se()+(t<6&&I()==32&&O()==32))}function ge(e){for(;O();)switch(E){case e:return P;case 34:case 39:e!==34&&e!==39&&ge(E);break;case 40:e===41&&ge(e);break;case 92:O();break}return P}function Bt(e,t){for(;O()&&e+E!==47+10;)if(e+E===42+42&&I()===47)break;return"/*"+ne(t,P-1)+"*"+de(e===47?e:O())}function _t(e){for(;!ee(I());)O();return ne(e,P)}function Ut(e){return et(ce("",null,null,null,[""],e=Xe(e),0,[0],e))}function ce(e,t,r,n,s,c,l,o,i){for(var d=0,u=0,f=l,x=0,v=0,C=0,b=1,p=1,m=1,N=0,w="",$=s,k=c,A=n,j=w;p;)switch(C=N,N=O()){case 40:if(C!=108&&T(j,f-1)==58){be(j+=S(ae(N),"&","&\f"),"&\f")!=-1&&(m=-1);break}case 34:case 39:case 91:j+=ae(N);break;case 9:case 10:case 13:case 32:j+=It(C);break;case 92:j+=Wt(se()-1,7);continue;case 47:switch(I()){case 42:case 47:re(Gt(Bt(O(),se()),t,r),i);break;default:j+="/"}break;case 123*b:o[d++]=z(j)*m;case 125*b:case 59:case 0:switch(N){case 0:case 125:p=0;case 59+u:m==-1&&(j=S(j,/\f/g,"")),v>0&&z(j)-f&&re(v>32?Pe(j+";",n,r,f-1):Pe(S(j," ","")+";",n,r,f-2),i);break;case 59:j+=";";default:if(re(A=Re(j,t,r,d,u,s,o,w,$=[],k=[],f),c),N===123)if(u===0)ce(j,t,A,A,$,c,f,o,k);else switch(x===99&&T(j,3)===110?100:x){case 100:case 108:case 109:case 115:ce(e,A,A,n&&re(Re(e,A,A,0,0,s,o,w,s,$=[],f),k),s,k,f,o,n?$:k);break;default:ce(j,A,A,A,[""],k,0,o,k)}}d=u=v=0,b=m=1,w=j="",f=l;break;case 58:f=1+z(j),v=C;default:if(b<1){if(N==123)--b;else if(N==125&&b++==0&&Dt()==125)continue}switch(j+=de(N),N*b){case 38:m=u>0?1:(j+="\f",-1);break;case 44:o[d++]=(z(j)-1)*m,m=1;break;case 64:I()===45&&(j+=ae(O())),x=I(),u=f=z(w=j+=_t(se())),N++;break;case 45:C===45&&z(j)==2&&(b=0)}}return c}function Re(e,t,r,n,s,c,l,o,i,d,u){for(var f=s-1,x=s===0?c:[""],v=Se(x),C=0,b=0,p=0;C<n;++C)for(var m=0,N=X(e,f+1,f=Rt(b=l[C])),w=e;m<v;++m)(w=Je(b>0?x[m]+" "+N:S(N,/&\f/g,x[m])))&&(i[p++]=w);return he(e,t,r,s===0?Ne:o,i,d,u)}function Gt(e,t,r){return he(e,t,r,Ye,de(zt()),X(e,2,-2),0)}function Pe(e,t,r,n){return he(e,t,r,ye,X(e,0,n),X(e,n+1,-1),n)}function V(e,t){for(var r="",n=Se(e),s=0;s<n;s++)r+=t(e[s],s,e,t)||"";return r}function Ht(e,t,r,n){switch(e.type){case Ft:if(e.children.length)break;case At:case ye:return e.return=e.return||e.value;case Ye:return"";case Ze:return e.return=e.value+"{"+V(e.children,n)+"}";case Ne:e.value=e.props.join(",")}return z(r=V(e.children,n))?e.return=e.value+"{"+r+"}":""}function qt(e){var t=Se(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 Vt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Kt(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Yt=function(t,r,n){for(var s=0,c=0;s=c,c=I(),s===38&&c===12&&(r[n]=1),!ee(c);)O();return ne(t,P)},Zt=function(t,r){var n=-1,s=44;do switch(ee(s)){case 0:s===38&&I()===12&&(r[n]=1),t[n]+=Yt(P-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]+=de(s)}while(s=O());return t},Jt=function(t,r){return et(Zt(Xe(t),r))},Oe=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&&!Oe.get(n))&&!s){Oe.set(t,!0);for(var c=[],l=Jt(r,c),o=n.props,i=0,d=0;i<l.length;i++)for(var u=0;u<o.length;u++,d++)t.props[d]=c[i]?l[i].replace(/&\f/g,o[u]):o[u]+" "+l[i]}}},Xt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function tt(e,t){switch(Ot(e,t)){case 5103:return y+"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 y+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return y+e+ie+e+R+e+e;case 6828:case 4268:return y+e+R+e+e;case 6165:return y+e+R+"flex-"+e+e;case 5187:return y+e+S(e,/(\w+).+(:[^]+)/,y+"box-$1$2"+R+"flex-$1$2")+e;case 5443:return y+e+R+"flex-item-"+S(e,/flex-|-self/,"")+e;case 4675:return y+e+R+"flex-line-pack"+S(e,/align-content|flex-|-self/,"")+e;case 5548:return y+e+R+S(e,"shrink","negative")+e;case 5292:return y+e+R+S(e,"basis","preferred-size")+e;case 6060:return y+"box-"+S(e,"-grow","")+y+e+R+S(e,"grow","positive")+e;case 4554:return y+S(e,/([^-])(transform)/g,"$1"+y+"$2")+e;case 6187:return S(S(S(e,/(zoom-|grab)/,y+"$1"),/(image-set)/,y+"$1"),e,"")+e;case 5495:case 3959:return S(e,/(image-set\([^]*)/,y+"$1$`$1");case 4968:return S(S(e,/(.+:)(flex-)?(.*)/,y+"box-pack:$3"+R+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+y+e+e;case 4095:case 3583:case 4068:case 2532:return S(e,/(.+)-inline(.+)/,y+"$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(z(e)-1-t>6)switch(T(e,t+1)){case 109:if(T(e,t+4)!==45)break;case 102:return S(e,/(.+:)(.+)-([^]+)/,"$1"+y+"$2-$3$1"+ie+(T(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~be(e,"stretch")?tt(S(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(T(e,t+1)!==115)break;case 6444:switch(T(e,z(e)-3-(~be(e,"!important")&&10))){case 107:return S(e,":",":"+y)+e;case 101:return S(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+y+(T(e,14)===45?"inline-":"")+"box$3$1"+y+"$2$3$1"+R+"$2box$3")+e}break;case 5936:switch(T(e,t+11)){case 114:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return y+e+R+S(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return y+e+R+e+e}return e}var en=function(t,r,n,s){if(t.length>-1&&!t.return)switch(t.type){case ye:t.return=tt(t.value,t.length);break;case Ze:return V([J(t,{value:S(t.value,"@","@"+y)})],s);case Ne:if(t.length)return Lt(t.props,function(c){switch(Mt(c,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return V([J(t,{props:[S(c,/:(read-\w+)/,":"+ie+"$1")]})],s);case"::placeholder":return V([J(t,{props:[S(c,/:(plac\w+)/,":"+y+"input-$1")]}),J(t,{props:[S(c,/:(plac\w+)/,":"+ie+"$1")]}),J(t,{props:[S(c,/:(plac\w+)/,R+"input-$1")]})],s)}return""})}},tn=[en],nn=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(b){var p=b.getAttribute("data-emotion");p.indexOf(" ")!==-1&&(document.head.appendChild(b),b.setAttribute("data-s",""))})}var s=t.stylisPlugins||tn,c={},l,o=[];l=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(b){for(var p=b.getAttribute("data-emotion").split(" "),m=1;m<p.length;m++)c[p[m]]=!0;o.push(b)});var i,d=[Qt,Xt];{var u,f=[Ht,Vt(function(b){u.insert(b)})],x=qt(d.concat(s,f)),v=function(p){return V(Ut(p),x)};i=function(p,m,N,w){u=N,v(p?p+"{"+m.styles+"}":m.styles),w&&(C.inserted[m.name]=!0)}}var C={key:r,sheet:new Tt({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 C.sheet.hydrate(o),C};function rn(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 sn={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},an=!1,cn=/[A-Z]|^ms/g,on=/_EMO_([^_]+?)_([^]*?)_EMO_/g,nt=function(t){return t.charCodeAt(1)===45},Me=function(t){return t!=null&&typeof t!="boolean"},me=Kt(function(e){return nt(e)?e:e.replace(cn,"-$&").toLowerCase()}),Le=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(on,function(n,s,c){return D={name:s,styles:c,next:D},s})}return sn[t]!==1&&!nt(t)&&typeof r=="number"&&r!==0?r+"px":r},ln="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function te(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 D={name:s.name,styles:s.styles,next:D},s.name;var c=r;if(c.styles!==void 0){var l=c.next;if(l!==void 0)for(;l!==void 0;)D={name:l.name,styles:l.styles,next:D},l=l.next;var o=c.styles+";";return o}return un(e,t,r)}case"function":{if(e!==void 0){var i=D,d=r(e);return D=i,te(e,t,d)}break}}var u=r;if(t==null)return u;var f=t[u];return f!==void 0?f:u}function un(e,t,r){var n="";if(Array.isArray(r))for(var s=0;s<r.length;s++)n+=te(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]+"}":Me(o)&&(n+=me(c)+":"+Le(c,o)+";")}else{if(c==="NO_COMPONENT_SELECTOR"&&an)throw new Error(ln);if(Array.isArray(l)&&typeof l[0]=="string"&&(t==null||t[l[0]]===void 0))for(var i=0;i<l.length;i++)Me(l[i])&&(n+=me(c)+":"+Le(c,l[i])+";");else{var d=te(e,t,l);switch(c){case"animation":case"animationName":{n+=me(c)+":"+d+";";break}default:n+=c+"{"+d+"}"}}}}return n}var ze=/label:\s*([^\s;{]+)\s*(;|$)/g,D;function xe(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="";D=void 0;var c=e[0];if(c==null||c.raw===void 0)n=!1,s+=te(r,t,c);else{var l=c;s+=l[0]}for(var o=1;o<e.length;o++)if(s+=te(r,t,e[o]),n){var i=c;s+=i[o]}ze.lastIndex=0;for(var d="",u;(u=ze.exec(s))!==null;)d+="-"+u[1];var f=rn(s)+d;return{name:f,styles:s,next:D}}var dn=!0;function rt(e,t,r){var n="";return r.split(" ").forEach(function(s){e[s]!==void 0?t.push(e[s]+";"):s&&(n+=s+" ")}),n}var fn=function(t,r,n){var s=t.key+"-"+r.name;(n===!1||dn===!1)&&t.registered[s]===void 0&&(t.registered[s]=r.styles)},hn=function(t,r,n){fn(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 De(e,t){if(e.inserted[t.name]===void 0)return e.insert("",t,e.sheet,!0)}function Ie(e,t,r){var n=[],s=rt(e,n,r);return n.length<2?r:s+t(n)}var pn=function(t){var r=nn(t);r.sheet.speedy=function(o){this.isSpeedy=o},r.compat=!0;var n=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered,void 0);return hn(r,f,!1),r.key+"-"+f.name},s=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered),x="animation-"+f.name;return De(r,{name:f.name,styles:"@keyframes "+x+"{"+f.styles+"}"}),x},c=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];var f=xe(d,r.registered);De(r,f)},l=function(){for(var i=arguments.length,d=new Array(i),u=0;u<i;u++)d[u]=arguments[u];return Ie(r.registered,n,mn(d))};return{css:n,cx:l,injectGlobal:c,keyframes:s,hydrate:function(i){i.forEach(function(d){r.inserted[d]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:rt.bind(null,r.registered),merge:Ie.bind(null,r.registered,n)}},mn=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},xn=pn({key:"css"}),bn=xn.css;const st=h.forwardRef(function(e,t){var Ee,Te,Ae;const{state:r,value:n,onChange:s,options:c=[],name:l="",id:o="",label:i="",containerClassName:d="",inputContainerClassName:u="",helperText:f="",placeholder:x="",multiple:v=!1,...C}=e,[b,p]=h.useState("");h.useEffect(()=>{p(v?"":(n==null?void 0:n.value)??(n==null?void 0:n.name)??"")},[n]);const[m,N]=h.useState(!1),w=c.filter(g=>{const F=String(g.value??g.name).toLowerCase().includes(b==null?void 0:b.toLowerCase());return n&&n.length?n!=null&&n.some?!(n!=null&&n.some(q=>q.id===g.id)):(n==null?void 0:n.id)!==g.id:F}),$=h.useRef(null),k=h.useRef(null),[A,j]=h.useState(!1),$e=h.useRef(null);h.useEffect(()=>{const g=L=>{$.current&&!$.current.contains(L.target)&&N(!1)},F=L=>{L.key==="Escape"&&N(!1)};return document.addEventListener("mousedown",g),document.addEventListener("keydown",F),()=>{document.removeEventListener("mousedown",g),document.removeEventListener("keydown",F)}},[]);const St=g=>{p(g.target.value)},ke=h.useCallback(g=>{g?v?(p(""),Array.isArray(n)&&n.length?s([...n,g]):s([g])):(p(String(g.name??g.value??"")),s(g)):s(null),N(!1)},[v,s,n]),pe=h.useCallback(g=>{if(g!=null)if(g!==-1){const F=n.filter((L,q)=>q!==g);F.length?s(F):s(null)}else{const[F]=n;console.log(F),s([F])}else s(null)},[s,n]);return h.useEffect(()=>{var L,q,Fe;const g=((L=$e.current)==null?void 0:L.offsetWidth)??0,F=((Fe=(q=t??k)==null?void 0:q.current)==null?void 0:Fe.offsetWidth)??0;g>F*.4?j(!0):j(!1)},[n]),a.jsxs("div",{className:`autocomplete-input-container ${d}`,ref:$,children:[a.jsxs("div",{className:"autocomplete-value-input-container",children:[a.jsx(Q,{state:r,name:l,id:o,value:v?(n==null?void 0:n.value)??(n==null?void 0:n.name)??"":b,onChange:St,placeholder:x,helperText:f,onFocus:()=>N(!0),label:i,containerClassName:`autocomplete-text-input ${u}`,ref:t??k,...C,children:((n==null?void 0:n.value)||(n==null?void 0:n.name))&&!v&&a.jsx("button",{type:"button",className:"autocomplete-delete-button",onClick:g=>{console.log("hola?"),ke(),g.stopPropagation()},children:a.jsx(le,{})})}),v&&Array.isArray(n)&&n.length?a.jsx("ul",{ref:$e,className:"autocomplete-value-container",children:A?a.jsxs(a.Fragment,{children:[a.jsx("li",{children:a.jsx(U,{text:((Ee=n[0])==null?void 0:Ee.value)??((Te=n[0])==null?void 0:Te.name),onDelete:g=>{pe(0),g.stopPropagation()}})}),n.length>1&&a.jsx("li",{children:a.jsx(U,{text:`+${n.length-1}`,onDelete:g=>{pe(-1),g.stopPropagation()}})})]}):n.map((g,F)=>a.jsx("li",{children:a.jsx(U,{text:String(g.value??g.name),onDelete:L=>{pe(F),L.stopPropagation()}})},g.id??g.value??g.name))}):null]}),m&&a.jsx("ul",{className:`autocomplete-suggestions-container ${bn({width:(Ae=$.current)==null?void 0:Ae.offsetWidth})}`,children:w.map(g=>a.jsx("li",{className:"autocomplete-suggestion-item",onClick:F=>{ke(g),F.stopPropagation()},children:g.value??g.name},g.id??g.value??g.name))})]})});function We(e,t=25){if(e.length<=t)return e;const r=e.lastIndexOf(".");if(r===-1)return e.slice(0,t-3)+"...";const n=e.slice(0,r),s=e.slice(r),c=t-s.length-3;return n.slice(0,c)+"..."+s}const gn=h.forwardRef(function(e,t){var m,N;const{children:r,state:n=Y.default,label:s,containerClassName:c="",inputClassName:l="",labelClassName:o="",helperText:i="",helperTextClassName:d="",iconClassName:u="",multiple:f=!1,...x}=e,[v,C]=h.useState([]),b=w=>{if(w.target.files){const $=Array.from(w.target.files);C(k=>[...k,...$])}x.onChange&&x.onChange(w)},p=w=>{C($=>$.filter((k,A)=>A!==w))};return a.jsxs("div",{className:`file-input-container ${c}`,children:[v.length===0&&a.jsxs("label",{htmlFor:x.name,className:`${o}`,children:[s,a.jsx("input",{type:"file",ref:t,multiple:f,onClick:w=>{w.currentTarget.value=""},onChange:b,className:`file-input ${l}`,...x}),x.required?" *":""]}),v.length>1&&a.jsx("ul",{className:"file-preview-list",children:v.map((w,$)=>a.jsx("li",{children:a.jsx(oe,{content:w.name,children:a.jsx(U,{text:We(w.name,25),onDelete:()=>p($)})})},$))}),v.length===1&&a.jsxs("div",{className:"file-preview",children:[a.jsx(Ve,{className:"file-icon"}),a.jsx(oe,{content:((m=v[0])==null?void 0:m.name)??"",className:"!cursor-default",children:a.jsx("span",{children:We(((N=v[0])==null?void 0:N.name)??"",25)})}),a.jsx("button",{onClick:()=>C([]),className:"chip-delete-button",type:"button",children:a.jsx(le,{})})]}),r,!!i&&a.jsx("p",{className:`file-input-helper-text ${d}`,children:i})]})});function at(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 ct=h.createContext({});function vn(e){const{children:t,t:r,language:n}=e;return a.jsx(ct.Provider,{value:{t:r,language:n},children:t})}const W=()=>{const e=h.useContext(ct);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 Cn=[20,50,100],it=h.createContext({}),wn=e=>{const{children:t}=e,[r,n]=h.useState(0),[s,c]=h.useState(20),[l,o]=h.useState(0),[i,d]=h.useState("id"),[u,f]=h.useState(G.DESC),[x,v]=h.useState({}),C=h.useCallback((w,$)=>{let k=u;if(i===w)switch(u){case G.ASC:k=G.DESC;break;default:k=G.ASC;break}d(w),f(k),$&&$(w,k)},[i,u]),b=h.useCallback(w=>{const $=Object.entries(w).reduce((k,[A,j])=>(j&&typeof j.value<"u"&&j.value!==null&&(k[A]=j.value),k),{});v($)},[]),p=h.useCallback(w=>{console.log(w,x),w?(delete x[w.toLowerCase()],v({...x})):v({})},[x]),m=h.useMemo(()=>Object.keys(x).length,[x]),N={onSort:C,total:r,setTotal:n,sortingBy:i,setSortingBy:d,sortingOrder:u,setSortingOrder:f,pageSize:s,pageSizes:Cn,setPageSize:c,currentPage:l,setCurrentPage:o,filters:x,onFilterApply:b,clearFilters:p,countOfFilters:m};return a.jsx(it.Provider,{value:N,children:t})},B=()=>{const e=h.useContext(it);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 ve=e=>{if(e){const t={},r=Object.keys(e);return r==null||r.forEach(n=>{t[n]={value:e[n]}}),t}return{}};function ot(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 lt=h.createContext({}),ut=e=>{const{children:t}=e,{filters:r}=B(),[n,s]=h.useReducer(ot,ve(r));h.useEffect(()=>{s({type:M.reset});const l=ve(r);Object.keys(l).length&&s({type:M.update,toUpdate:l})},[r]);const c={currentFilters:n,setCurrentFilters:s};return a.jsx(lt.Provider,{value:c,children:t})},H=()=>{const e=h.useContext(lt);if(e===void 0)throw new Error("tableOptionsContext must be used within a Provider");return e};function dt(e){const{t}=W(),{entity:r="",columns:n=[],hasAction:s=!0,onSortCallback:c}=e,{onSort:l,sortingOrder:o,sortingBy:i}=B(),d=h.useMemo(()=>{var u;return(u=n.sort((f,x)=>(x.pos??0)-(f.pos??0)).filter(f=>f.display!=="none"))==null?void 0:u.map(f=>({id:f.key,label:f.label,className:f.className??"",sortable:f.sortable??!0,sortOptions:f.sortOptions}))},[n,r,t]);return a.jsx("thead",{className:"table-headers-row",children:a.jsxs("tr",{children:[d.map(u=>{var f,x,v,C,b,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&&i===u.id&&a.jsx("span",{children:o===G.ASC?((x=(f=u.sortOptions)==null?void 0:f.icons)==null?void 0:x.asc)??a.jsx(Ue,{className:((C=(v=u.sortOptions)==null?void 0:v.icons)==null?void 0:C.className)??"table-headers-sort-indicator"}):((p=(b=u.sortOptions)==null?void 0:b.icons)==null?void 0:p.desc)??a.jsx(_e,{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 ft(){const{t:e}=W();return a.jsx("div",{className:"table-empty",children:a.jsx("p",{children:e("_accessibility:components.table.empty")})})}const ht=()=>{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(He,{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(Ge,{className:"w-2.5"})})]})},pt=()=>{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 mt(){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(ue,{value:r,options:s,inputClassName:"page-size-input",containerClassName:"page-size-input-container",helperTextClassName:"hidden",onChange:c=>n(Number(c.target.value))})]})}function jn(){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(ue,{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 xt(){return a.jsxs("div",{className:"table-footer",children:[a.jsx(jn,{}),a.jsx(mt,{}),a.jsx(pt,{}),a.jsx(ht,{})]})}const bt=e=>{const{items:t,text:r,id:n,onClearFilter:s}=e;return a.jsx(U,{text:`${r}: ${t.map(c=>c.value??c.name).join(", ")}`,onDelete:()=>s(n)})},gt=e=>{const{end:t,start:r,text:n,id:s,onClearFilter:c}=e;return a.jsx(U,{text:`${n}: ${r||"♾️"} - ${t||"♾️"}`,onDelete:()=>c(s)})};const vt=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),[n]),l=h.useCallback(o=>{var i,d,u,f;return(i=n[o])!=null&&i.end||(d=n[o])!=null&&d.start?a.jsx(gt,{id:o,text:r[o],start:n[o].start,end:n[o].end,onClearFilter:s}):Array.isArray(n[o])?a.jsx(bt,{id:o,text:r[o],items:n[o],onClearFilter:s}):a.jsx(U,{text:`${r[o]}: ${((u=n[o])==null?void 0:u.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))})};function Nn(e){const{propertyName:t,options:r,label:n,placeholder:s}=e,{currentFilters:c,setCurrentFilters:l}=H(),o=h.useMemo(()=>{var d;return((d=c[t])==null?void 0:d.value)??r[0]},[c]),i=h.useCallback(d=>{l({type:M.update,toUpdate:{[t]:{value:d.target.value}}})},[]);return a.jsx(ue,{value:o,label:n,options:r,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:i,placeholder:s})}const yn=e=>{const{propertyName:t,label:r,placeholder:n}=e,{currentFilters:s,setCurrentFilters:c}=H(),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(Q,{value:l??"",label:r,onChange:o,containerClassName:"input-widget-container",helperTextClassName:"",placeholder:n})},Sn=e=>{const{propertyName:t,label:r}=e,{currentFilters:n,setCurrentFilters:s}=H(),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(Ke,{label:r,checked:c??!1,onChange:l})};function $n(e){const{propertyName:t,label:r,placeholder:n,options:s,multiple:c=!0}=e,{currentFilters:l,setCurrentFilters:o}=H(),i=h.useMemo(()=>l[t]??s[0],[l]),d=h.useCallback(u=>{o({type:M.update,toUpdate:{[t]:{value:u}}})},[c]);return a.jsx(st,{value:i==null?void 0:i.value,label:r,options:s,multiple:c,helperTextClassName:"hidden",containerClassName:"options-widget-container",onChange:d,placeholder:n})}const Be=e=>{var f,x,v,C;const{propertyName:t,label:r,inputType:n}=e,{t:s}=W(),{currentFilters:c,setCurrentFilters:l}=H(),o=h.useRef(null),i=h.useRef(null),d=h.useCallback(b=>{var p;l({type:M.update,toUpdate:{[t]:{value:{end:((p=i==null?void 0:i.current)==null?void 0:p.value)??null,start:b.target.value}}}})},[]),u=h.useCallback(b=>{var p;l({type:M.update,toUpdate:{[t]:{value:{start:((p=o==null?void 0:o.current)==null?void 0:p.value)??null,end:b.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(Q,{value:((x=(f=c[t])==null?void 0:f.value)==null?void 0:x.start)??"",placeholder:s("_accessibility:components.table.filters.range.start"),type:n,ref:o,onChange:d,containerClassName:"input-widget-container",helperTextClassName:""}),a.jsx(Q,{value:((C=(v=c[t])==null?void 0:v.value)==null?void 0:C.end)??"",placeholder:s("_accessibility:components.table.filters.range.end"),type:n,ref:i,onChange:u,containerClassName:"input-widget-container",helperTextClassName:""})]})]})},Ct=e=>{switch(e.type){case _.text:return a.jsx(yn,{...e});case _.number:return a.jsx(Be,{...e,inputType:"number"});case _.date:return a.jsx(Be,{...e,inputType:"date"});case _.select:return a.jsx(Nn,{...e});case _.autocomplete:return a.jsx($n,{...e});case _.check:return a.jsx(Sn,{...e})}return a.jsx(a.Fragment,{})};const wt=e=>{const{filters:t=[],show:r,handleShow:n}=e,{onFilterApply:s}=B(),{currentFilters:c,setCurrentFilters:l}=H(),{t:o}=W(),i=h.useRef(null);return h.useEffect(()=>{const d=({target:u})=>{var f;i.current&&(!r||(f=i.current)!=null&&f.contains(u)||n(!1))};return document.addEventListener("click",d),()=>document.removeEventListener("click",d)}),h.useEffect(()=>{const d=u=>{!r||u.code!=="Escape"||n(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)}),a.jsx("div",{className:`filter-dropdown-backdrop ${r?"opened":"closed"}`,children:a.jsxs("div",{className:"filter-popup",children:[a.jsx("div",{className:"filter-title",children:o("_accessibility:buttons.filters")}),a.jsx("ul",{className:"filter-container",children:t.map(d=>a.jsx("li",{className:"filter-container-item",children:Ct(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:()=>l({type:M.reset,filters:t}),className:"filter-dropdown-button small filter-dropdown-cancel",children:o("_accessibility:buttons.clear")})}),a.jsx("li",{children:a.jsx("button",{className:"filter-dropdown-button small filter-dropdown-submit",onClick:()=>{n(!1),s(c)},onBlur:()=>n(!1),children:o("_accessibility:buttons.applyFilters")})})]})})]})})},jt=e=>{var v,C,b;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]),[d,u]=h.useState(!1),f=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,d]),x=h.useMemo(()=>{var p;return((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??d},[c,d]);return a.jsxs("div",{className:`table-header ${r&&(s||!((v=c==null?void 0:c.button)!=null&&v.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,((C=c==null?void 0:c.button)==null?void 0:C.hide)!==!0&&a.jsxs("button",{className:"filter-dropdown-button normal filter-dropdown-trigger","aria-haspopup":"true",onClick:()=>{var p;return f(((p=c==null?void 0:c.dropdown)==null?void 0:p.opened)??!d)},"aria-expanded":x,children:[a.jsx(yt,{count:l,className:`${l>0?"show":"hide"} `}),a.jsx("span",{className:"sr-only",children:o("_accessibility:buttons.filters")}),a.jsx("wbr",{}),((b=c==null?void 0:c.button)==null?void 0:b.icon)??a.jsx(qe,{className:"filter-dropdown-trigger-icon"})]})]})]}),a.jsx(vt,{filtersDefinition:i}),!!i&&!!i.length&&a.jsx(wt,{filters:i,show:x,handleShow:f,options:c})]})},kn=e=>e,Nt=e=>{const{columns:t,softDeleteProperty:r="deletedAt",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,d)=>a.jsx("td",{className:`table-row-cell ${d===0?"basic":""} ${i.className??""}`,children:i.renderBody?i.renderBody(l[i.key],l):kn(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(oe,{content:i.tooltip,children:a.jsx("button",{onClick:()=>i.onClick(l),children:i.icon})},i.id))})}):null]},l.id)})};function En(e){const{data:t,onSort:r,entity:n="",isLoading:s=!1,actions:c,columns:l=[],contentClassName:o="",className:i="",softDeleteProperty:d="deletedAt",...u}=e,f=h.useMemo(()=>!(t!=null&&t.length),[t]);return a.jsx(ut,{children:a.jsxs("div",{className:`${i} table-main`,children:[a.jsx(jt,{columns:l,isLoading:s,...u}),s?a.jsx(at,{className:"table-loading"}):a.jsx(a.Fragment,{children:f?a.jsx(ft,{}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:`${o} table-body`,children:a.jsxs("table",{className:"table-content",children:[a.jsx(dt,{entity:n,columns:l,onSortCallback:r,hasAction:!!c}),a.jsx("tbody",{children:a.jsx(Nt,{data:t,actions:c,columns:l,softDeleteProperty:d})})]})}),a.jsx(xt,{})]})})]})})}function oe(e){const{content:t,children:r,className:n=""}=e;return a.jsxs("div",{className:`tooltip-container ${n}`,children:[r,a.jsx("div",{className:"tooltip-text",children:t})]})}function U(e){const{text:t,onDelete:r,children:n,icon:s,variant:c="default",iconClassName:l="",className:o="",textClassName:i=""}=e;return a.jsxs("div",{className:`chip-main ${c} ${o}`,children:[a.jsx("span",{className:i,children:t}),n,r?a.jsx("button",{type:"button",className:`chip-delete-button ${l}`,onClick:r,children:s??a.jsx(le,{})}):null]})}const yt=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.ActiveFilters=vt;exports.ArrayChip=bt;exports.AutocompleteInput=st;exports.Badge=yt;exports.CheckInput=Ke;exports.ChevronDown=_e;exports.ChevronLeft=He;exports.ChevronRight=Ge;exports.ChevronUp=Ue;exports.Chip=U;exports.Close=le;exports.Columns=dt;exports.CountOfTotal=pt;exports.File=Ve;exports.FileInput=gn;exports.FilterDropdown=wt;exports.FilterTypes=_;exports.Filters=qe;exports.FiltersActions=M;exports.FiltersProvider=ut;exports.Footer=xt;exports.Loading=at;exports.Navigation=ht;exports.PageSize=mt;exports.RangeChip=gt;exports.Rows=Nt;exports.SelectInput=ue;exports.SortOrder=G;exports.State=Y;exports.Table=En;exports.TableEmpty=ft;exports.TableHeader=jt;exports.TableOptionsProvider=wn;exports.TextInput=Q;exports.Tooltip=oe;exports.TranslationProvider=vn;exports.filtersReducer=ot;exports.helperTextStateClassName=je;exports.initializer=ve;exports.inputStateClassName=Ce;exports.labelStateClassName=we;exports.renderFilterComponent=Ct;exports.useFilters=H;exports.useTableOptions=B;exports.useTranslation=W;
package/dist/dashboard.js CHANGED
@@ -1947,7 +1947,7 @@ const Tn = (e) => {
1947
1947
  }
1948
1948
  );
1949
1949
  }, Fn = (e) => e, Ln = (e) => {
1950
- const { columns: t, softDeleteProperty: r = "deleted", data: n, actions: a } = e, s = L(
1950
+ const { columns: t, softDeleteProperty: r = "deletedAt", data: n, actions: a } = e, s = L(
1951
1951
  () => t.sort((l, o) => (o.pos ?? 0) - (l.pos ?? 0)).filter((l) => l.display !== "none"),
1952
1952
  [t]
1953
1953
  );
@@ -1983,7 +1983,7 @@ function Bn(e) {
1983
1983
  columns: l = [],
1984
1984
  contentClassName: o = "",
1985
1985
  className: i = "",
1986
- softDeleteProperty: d = "deleted",
1986
+ softDeleteProperty: d = "deletedAt",
1987
1987
  ...u
1988
1988
  } = e, f = L(() => !(t != null && t.length), [t]);
1989
1989
  return /* @__PURE__ */ c(pn, { children: /* @__PURE__ */ x("div", { className: `${i} table-main`, children: [
@@ -1,4 +1,8 @@
1
1
  export type BaseDto = {
2
2
  id: number;
3
- deleted: boolean;
3
+ /**
4
+ * Soft delete timestamp. If set (non-null/non-undefined),
5
+ * the entity is considered soft-deleted.
6
+ */
7
+ deletedAt?: string | Date | null;
4
8
  };
package/package.json CHANGED
@@ -1,76 +1,76 @@
1
- {
2
- "name": "@sito/dashboard",
3
- "private": false,
4
- "version": "0.0.53",
5
- "type": "module",
6
- "description": "UI library with custom components for dashboards",
7
- "main": "dist/dashboard.cjs",
8
- "module": "dist/dashboard.js",
9
- "types": "dist/index.d.ts",
10
- "files": [
11
- "dist/"
12
- ],
13
- "homepage": "https://github.com/sito8943/-sito-dashboard#readme",
14
- "repository": {
15
- "type": "git",
16
- "url": "https://github.com/sito8943/-sito-dashboard.git"
17
- },
18
- "bugs": {
19
- "url": "https://github.com/sito8943/-sito-dashboard/issues"
20
- },
21
- "exports": {
22
- ".": {
23
- "import": "./dist/dashboard.js",
24
- "require": "./dist/dashboard.cjs",
25
- "types": "./dist/index.d.ts"
26
- }
27
- },
28
- "sideEffects": [
29
- "**/*.css"
30
- ],
31
- "scripts": {
32
- "dev": "vite",
33
- "build": "tsc && vite build",
34
- "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
35
- "preview": "vite preview",
36
- "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
37
- "storybook": "storybook dev -p 6006",
38
- "build-storybook": "storybook build"
39
- },
40
- "keywords": [
41
- "sito",
42
- "dashboard"
43
- ],
44
- "author": "sito8943",
45
- "license": "ISC",
46
- "peerDependencies": {
47
- "@emotion/css": "11.13.5",
48
- "react": ">=18.2 <20"
49
- },
50
- "devDependencies": {
51
- "@storybook/addon-a11y": "7.6.20",
52
- "@storybook/addon-essentials": "7.6.20",
53
- "@storybook/addon-interactions": "7.6.20",
54
- "@storybook/react-vite": "7.6.20",
55
- "@types/node": "20.8.10",
56
- "@types/react": "18.3.3",
57
- "@types/react-dom": "^18.3.0",
58
- "@typescript-eslint/eslint-plugin": "6.0.0",
59
- "@typescript-eslint/parser": "6.0.0",
60
- "@vitejs/plugin-react": "4.0.3",
61
- "autoprefixer": "10.4.16",
62
- "eslint": "8.45.0",
63
- "eslint-plugin-react-hooks": "4.6.0",
64
- "eslint-plugin-react-refresh": "0.4.3",
65
- "postcss": "8.4.41",
66
- "prettier": "3.3.3",
67
- "react": "18.3.1",
68
- "react-dom": "18.3.1",
69
- "storybook": "7.6.20",
70
- "tailwindcss": "3.4.10",
71
- "typescript": "5.5.4",
72
- "vite": "4.2.0",
73
- "vite-plugin-dts": "4.0.2",
74
- "vite-plugin-lib-inject-css": "1.3.0"
75
- }
76
- }
1
+ {
2
+ "name": "@sito/dashboard",
3
+ "private": false,
4
+ "version": "0.0.54",
5
+ "type": "module",
6
+ "description": "UI library with custom components for dashboards",
7
+ "main": "dist/dashboard.cjs",
8
+ "module": "dist/dashboard.js",
9
+ "types": "dist/index.d.ts",
10
+ "files": [
11
+ "dist/"
12
+ ],
13
+ "homepage": "https://github.com/sito8943/-sito-dashboard#readme",
14
+ "repository": {
15
+ "type": "git",
16
+ "url": "https://github.com/sito8943/-sito-dashboard.git"
17
+ },
18
+ "bugs": {
19
+ "url": "https://github.com/sito8943/-sito-dashboard/issues"
20
+ },
21
+ "exports": {
22
+ ".": {
23
+ "import": "./dist/dashboard.js",
24
+ "require": "./dist/dashboard.cjs",
25
+ "types": "./dist/index.d.ts"
26
+ }
27
+ },
28
+ "sideEffects": [
29
+ "**/*.css"
30
+ ],
31
+ "scripts": {
32
+ "dev": "vite",
33
+ "build": "tsc && vite build",
34
+ "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
35
+ "preview": "vite preview",
36
+ "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}\"",
37
+ "storybook": "storybook dev -p 6006",
38
+ "build-storybook": "storybook build"
39
+ },
40
+ "keywords": [
41
+ "sito",
42
+ "dashboard"
43
+ ],
44
+ "author": "sito8943",
45
+ "license": "ISC",
46
+ "peerDependencies": {
47
+ "@emotion/css": "11.13.5",
48
+ "react": ">=18.2 <20"
49
+ },
50
+ "devDependencies": {
51
+ "@storybook/addon-a11y": "7.6.20",
52
+ "@storybook/addon-essentials": "7.6.20",
53
+ "@storybook/addon-interactions": "7.6.20",
54
+ "@storybook/react-vite": "7.6.20",
55
+ "@types/node": "20.8.10",
56
+ "@types/react": "18.3.3",
57
+ "@types/react-dom": "^18.3.0",
58
+ "@typescript-eslint/eslint-plugin": "6.0.0",
59
+ "@typescript-eslint/parser": "6.0.0",
60
+ "@vitejs/plugin-react": "4.0.3",
61
+ "autoprefixer": "10.4.16",
62
+ "eslint": "8.45.0",
63
+ "eslint-plugin-react-hooks": "4.6.0",
64
+ "eslint-plugin-react-refresh": "0.4.3",
65
+ "postcss": "8.4.41",
66
+ "prettier": "3.3.3",
67
+ "react": "18.3.1",
68
+ "react-dom": "18.3.1",
69
+ "storybook": "7.6.20",
70
+ "tailwindcss": "3.4.10",
71
+ "typescript": "5.5.4",
72
+ "vite": "4.2.0",
73
+ "vite-plugin-dts": "4.0.2",
74
+ "vite-plugin-lib-inject-css": "1.3.0"
75
+ }
76
+ }