@m4l/components 9.1.30 → 9.1.32

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.
Files changed (23) hide show
  1. package/@types/types.d.ts +297 -289
  2. package/components/AppBar/AppBar.js +6 -3
  3. package/components/AppBar/slots/AppBarEnum.d.ts +3 -1
  4. package/components/AppBar/slots/AppBarEnum.js +2 -0
  5. package/components/AppBar/slots/AppBarSlots.d.ts +14 -6
  6. package/components/AppBar/slots/AppBarSlots.js +13 -2
  7. package/components/AppBar/styles.js +34 -6
  8. package/components/AppBar/types.d.ts +1 -1
  9. package/components/Chip/Chip.d.ts +1 -1
  10. package/components/Chip/types.d.ts +4 -4
  11. package/components/mui_extended/Autocomplete/slots /AutocompleteSlots.d.ts +1 -1
  12. package/components/mui_extended/Autocomplete/types.d.ts +2 -1
  13. package/components/mui_extended/Popover/Popover.d.ts +4 -6
  14. package/components/mui_extended/Popper/Popper.d.ts +9 -0
  15. package/components/mui_extended/Popper/Popper.test.d.ts +1 -0
  16. package/components/mui_extended/Popper/PopperStyles.d.ts +2 -0
  17. package/components/mui_extended/Popper/constants.d.ts +8 -0
  18. package/components/mui_extended/Popper/index.d.ts +2 -0
  19. package/components/mui_extended/Popper/slots/PopperEnum.d.ts +3 -0
  20. package/components/mui_extended/Popper/slots/PopperStlots.d.ts +4 -0
  21. package/components/mui_extended/Popper/slots/index.d.ts +3 -0
  22. package/components/mui_extended/Popper/types.d.ts +38 -0
  23. package/package.json +1 -1
package/@types/types.d.ts CHANGED
@@ -134,6 +134,7 @@ import { OwnerStateWindowConfirm, WindowConfirmType } from '../components/Window
134
134
  import { AppBarSlotsType, AppBarOwnerState } from '../components/AppBar/types';
135
135
  import { DialogOwnerState, DialogType } from '../components/mui_extended/Dialog/types';
136
136
  import { LoadingButtonOwnerState, LoadingButtonSlotsType } from '../components/mui_extended/LoadingButton/types';
137
+ import { PopperOwnerState, PopperSlotsType } from '../components/mui_extended/Popper/types';
137
138
  import { ToggleButtonOwnerState, ToggleButtonSlotsType } from '../components/mui_extended/ToggleButton/types';
138
139
 
139
140
  import { BooleanFormatterOwnerState, PresentationType } from '../components/formatters/BooleanFormatter/types';
@@ -178,6 +179,7 @@ declare module '@mui/material/styles' {
178
179
  M4LAppBar: AppBarSlotsType;
179
180
  M4LWiDialog: DialogType;
180
181
  M4LLoadingButton: LoadingButtonSlotsType;
182
+ M4LPopper: PopperSlotsType;
181
183
  M4LToggleButton: ToggleButtonSlotsType;
182
184
  M4LBooleanFormatter: PresentationType;
183
185
  M4LToggleIconButton: ToggleIconButtonSlotsType;
@@ -221,301 +223,307 @@ declare module '@mui/material/styles' {
221
223
  M4LAppBar: Partial<AppBarOwnerState>;
222
224
  M4LWiDialog: Partial<DialogOwnerState>;
223
225
  M4LLoadingButton: Partial<LoadingButtonOwnerState>;
226
+ M4LPopper: Partial<PopperOwnerState>;
224
227
  M4LToggleButton: Partial<ToggleButtonOwnerState>;
225
228
  M4LBooleanFormatter: Partial<BooleanFormatterOwnerState>;
226
229
  M4LToggleIconButton: Partial<ToggleIconButtonOwnerState>;
227
230
  }
228
231
 
229
232
  interface Components {
230
- M4LDynamicFilter?: {
231
- defaultProps?: ComponentsPropsList['M4LDynamicFilter'];
232
- styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
233
- variants?: ComponentsVariants['M4LDynamicFilter'];
234
- };
235
- RHFTextField?: {
236
- defaultProps?: ComponentsPropsList['RHFTextField'];
237
- styleOverrides?: ComponentsOverrides<Theme>['RHFTextField'];
238
- variants?: ComponentsVariants['RHFTextField'];
239
- };
240
- M4LDynamicSort?: {
241
- defaultProps?: ComponentsPropsList['M4LDynamicSort'];
242
- styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicSort'];
243
- variants?: ComponentsVariants['M4LDynamicSort'];
244
- };
245
- M4LMenuActions?: {
246
- defaultProps?: ComponentsPropsList['M4LMenuActions'];
247
- styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
248
- variants?: ComponentsVariants['M4LMenuActions'];
249
- };
250
- M4LInputNumberSpinner?: {
251
- defaultProps?: ComponentsPropsList['M4LInputNumberSpinner'];
252
- styleOverrides?: ComponentsOverrides<Theme>['M4LInputNumberSpinner'];
253
- variants?: ComponentsVariants['M4LInputNumberSpinner'];
254
- };
255
- M4LPopupsViewer?: {
256
- defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
257
- styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
258
- variants?: ComponentsVariants['M4LPopupsViewer'];
259
- };
260
- M4LDragResizeWindow?: {
261
- defaultProps?: ComponentsPropsList['M4LDragResizeWindow'];
262
- styleOverrides?: ComponentsOverrides<Theme>['M4LDragResizeWindow'];
263
- variants?: ComponentsVariants['M4LDragResizeWindow'];
264
- };
265
- M4LToastContainer?: {
266
- defaultProps?: ComponentsPropsList['M4LToastContainer'];
267
- styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
268
- variants?: ComponentsVariants['M4LToastContainer'];
269
- };
270
- M4LHelperError?: {
271
- defaultProps?: ComponentsPropsList['M4LHelperError'];
272
- styleOverrides?: ComponentsOverrides<Theme>['M4LHelperError'];
273
- variants?: ComponentsVariants['M4LHelperError'];
274
- };
275
- M4LLabel?: {
276
- defaultProps?: ComponentsPropsList['M4LLabel'];
277
- styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
278
- variants?: ComponentsVariants['M4LLabel'];
279
- };
280
- M4LIcon?: {
281
- defaultProps?: ComponentsPropsList['M4LIcon'];
282
- styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
283
- variants?: ComponentsVariants['M4LIcon'];
284
- };
285
- M4LTooltip?: {
286
- defaultProps?: ComponentsPropsList['M4LTooltip'];
287
- styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
288
- variants?: ComponentsVariants['M4LTooltip'];
289
- };
290
- M4LTextField?: {
291
- defaultProps?: ComponentsPropsList['M4LTextField'];
292
- styleOverrides?: ComponentsOverrides<Theme>['M4LTextField'];
293
- variants?: ComponentsVariants['M4LTextField'];
294
- };
295
- M4LIconButton?: {
296
- defaultProps?: ComponentsPropsList['M4LIconButton'];
297
- styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
298
- variants?: ComponentsVariants['M4LIconButton'];
299
- };
300
- M4LBadge?: {
301
- defaultProps?: ComponentsPropsList['M4LBadge'];
302
- styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
303
- variants?: ComponentsVariants['M4LBadge'];
304
- };
305
- M4LControlIncrement?: {
306
- defaultProps?: ComponentsPropsList['M4LControlIncrement'];
307
- styleOverrides?: ComponentsOverrides<Theme>['M4LControlIncrement'];
308
- variants?: ComponentsVariants['M4LControlIncrement'];
309
- };
310
- M4LMenuItem?: {
311
- defaultProps?: ComponentsPropsList['M4LMenuItem'];
312
- styleOverrides?: ComponentsOverrides<Theme>['M4LMenuItem'];
313
- variants?: ComponentsVariants['M4LMenuItem'];
314
- };
315
- M4LSkeleton?: {
316
- defaultProps?: ComponentsPropsList['M4LSkeleton'];
317
- styleOverrides?: ComponentsOverrides<Theme>['M4LSkeleton'];
318
- variants?: ComponentsVariants['M4LSkeleton'];
319
- };
320
- M4LSelect: {
321
- defaultProps?: ComponentsPropsList['M4LSelect'];
322
- styleOverrides?: ComponentsOverrides<Theme>['M4LSelect'];
323
- variants?: ComponentsVariants['M4LSelect'];
324
- };
325
- M4LTypography?: {
326
- defaultProps?: ComponentsPropsList['M4LTypography'];
327
- styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
328
- variants?: ComponentsVariants['M4LTypography'];
329
- };
330
- M4LRHFInputNumberSpinner?: {
331
- defaultProps?: ComponentsPropsList['M4LRHFInputNumberSpinner'];
332
- styleOverrides?: ComponentsOverrides<Theme>['M4LRHFInputNumberSpinner'];
333
- variants?: ComponentsVariants['M4LRHFInputNumberSpinner'];
334
- };
335
- M4LTab?: {
336
- defaultProps?: ComponentsPropsList['M4LTab'];
337
- styleOverrides?: ComponentsOverrides<Theme>['M4LTab'];
338
- variants?: ComponentsVariants['M4LTab'];
339
- };
340
- M4LButton?: {
341
- defaultProps?: ComponentsPropsList['M4LButton'];
342
- styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
343
- variants?: ComponentsVariants['M4LButton'];
344
- };
345
- M4LActionIntro?: {
346
- defaultProps?: ComponentsPropsList['M4LActionIntro'];
347
- styleOverrides?: ComponentsOverrides<Theme>['M4LActionIntro'];
348
- variants?: ComponentsVariants['M4LActionIntro'];
349
- };
350
- M4LDynamicSort?: {
351
- defaultProps?: ComponentsPropsList['M4LDynamicSort'];
352
- styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicSort'];
353
- variants?: ComponentsVariants['M4LDynamicSort'];
354
- };
355
- M4LMenuActions?: {
356
- defaultProps?: ComponentsPropsList['M4LMenuActions'];
357
- styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
358
- variants?: ComponentsVariants['M4LMenuActions'];
359
- };
360
- M4LInputNumberSpinner?: {
361
- defaultProps?: ComponentsPropsList['M4LInputNumberSpinner'];
362
- styleOverrides?: ComponentsOverrides<Theme>['M4LInputNumberSpinner'];
363
- variants?: ComponentsVariants['M4LInputNumberSpinner'];
364
- };
365
- M4LPopupsViewer?: {
366
- defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
367
- styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
368
- variants?: ComponentsVariants['M4LPopupsViewer'];
369
- };
370
- M4LDragResizeWindow?: {
371
- defaultProps?: ComponentsPropsList['M4LDragResizeWindow'];
372
- styleOverrides?: ComponentsOverrides<Theme>['M4LDragResizeWindow'];
373
- variants?: ComponentsVariants['M4LDragResizeWindow'];
374
- };
375
- M4LToastContainer?: {
376
- defaultProps?: ComponentsPropsList['M4LToastContainer'];
377
- styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
378
- variants?: ComponentsVariants['M4LToastContainer'];
379
- };
380
- M4LHelperError?: {
381
- defaultProps?: ComponentsPropsList['M4LHelperError'];
382
- styleOverrides?: ComponentsOverrides<Theme>['M4LHelperError'];
383
- variants?: ComponentsVariants['M4LHelperError'];
384
- };
385
- M4LLabel?: {
386
- defaultProps?: ComponentsPropsList['M4LLabel'];
387
- styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
388
- variants?: ComponentsVariants['M4LLabel'];
389
- };
390
- M4LIcon?: {
391
- defaultProps?: ComponentsPropsList['M4LIcon'];
392
- styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
393
- variants?: ComponentsVariants['M4LIcon'];
394
- };
395
- M4LTooltip?: {
396
- defaultProps?: ComponentsPropsList['M4LTooltip'];
397
- styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
398
- variants?: ComponentsVariants['M4LTooltip'];
399
- };
400
- M4LTextField?: {
401
- defaultProps?: ComponentsPropsList['M4LTextField'];
402
- styleOverrides?: ComponentsOverrides<Theme>['M4LTextField'];
403
- variants?: ComponentsVariants['M4LTextField'];
404
- };
405
- M4LIconButton?: {
406
- defaultProps?: ComponentsPropsList['M4LIconButton'];
407
- styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
408
- variants?: ComponentsVariants['M4LIconButton'];
409
- };
410
- M4LBadge?: {
411
- defaultProps?: ComponentsPropsList['M4LBadge'];
412
- styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
413
- variants?: ComponentsVariants['M4LBadge'];
414
- };
415
- M4LControlIncrement?: {
416
- defaultProps?: ComponentsPropsList['M4LControlIncrement'];
417
- styleOverrides?: ComponentsOverrides<Theme>['M4LControlIncrement'];
418
- variants?: ComponentsVariants['M4LControlIncrement'];
419
- };
420
- M4LMenuItem?: {
421
- defaultProps?: ComponentsPropsList['M4LMenuItem'];
422
- styleOverrides?: ComponentsOverrides<Theme>['M4LMenuItem'];
423
- variants?: ComponentsVariants['M4LMenuItem'];
424
- };
425
- M4LSkeleton?: {
426
- defaultProps?: ComponentsPropsList['M4LSkeleton'];
427
- styleOverrides?: ComponentsOverrides<Theme>['M4LSkeleton'];
428
- variants?: ComponentsVariants['M4LSkeleton'];
429
- };
430
- M4LSelect: {
431
- defaultProps?: ComponentsPropsList['M4LSelect'];
432
- styleOverrides?: ComponentsOverrides<Theme>['M4LSelect'];
433
- variants?: ComponentsVariants['M4LSelect'];
434
- };
435
- M4LTypography?: {
436
- defaultProps?: ComponentsPropsList['M4LTypography'];
437
- styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
438
- variants?: ComponentsVariants['M4LTypography'];
439
- };
440
- M4LCheckBox?: {
441
- defaultProps?: ComponentsPropsList['M4LCheckBox'];
442
- styleOverrides?: ComponentsOverrides<Theme>['M4LCheckBox'];
443
- variants?: ComponentsVariants['M4LCheckBox'];
444
- };
445
- M4LActionCancel?: {
446
- defaultProps?: ComponentsPropsList['M4LActionCancel'];
447
- styleOverrides?: ComponentsOverrides<Theme>['M4LActionCancel'];
448
- variants?: ComponentsVariants['M4LActionCancel'];
449
- };
450
- M4LActionCancel?: {
451
- defaultProps?: ComponentsPropsList['M4LActionCancel'];
452
- styleOverrides?: ComponentsOverrides<Theme>['M4LActionCancel'];
453
- variants?: ComponentsVariants['M4LActionCancel'];
454
- };
455
- M4LAutocomplete?: {
456
- defaultProps?: ComponentsPropsList['M4LAutocomplete'];
457
- styleOverrides?: ComponentsOverrides<Theme>['M4LAutocomplete'];
458
- variants?: ComponentsVariants['M4LAutocomplete'];
459
- };
460
- M4LChip?: {
461
- defaultProps?: ComponentsPropsList['M4LChip'];
462
- styleOverrides?: ComponentsOverrides<Theme>['M4LChip'];
463
- variants?: ComponentsVariants['M4LChip'];
464
- };
465
- M4LCircularProgress?: {
466
- defaultProps?: ComponentsPropsList['M4LCircularProgress'];
467
- styleOverrides?: ComponentsOverrides<Theme>['M4LCircularProgress'];
468
- variants?: ComponentsVariants['M4LCircularProgress'];
469
- };
470
- M4LSideBar?: {
471
- defaultProps?: ComponentsPropsList['M4LSideBar'];
472
- styleOverrides?: ComponentsOverrides<Theme>['M4LSideBar'];
473
- variants?: ComponentsVariants['M4LSideBar'];
474
- };
475
- M4LPaperForm?: {
476
- defaultProps?: ComponentsPropsList['M4LPaperForm'];
477
- styleOverrides?: ComponentsOverrides<Theme>['M4LPaperForm'];
478
- variants?: ComponentsVariants['M4LPaperForm'];
479
- };
480
- M4LWindowBase?: {
481
- defaultProps?: ComponentsPropsList['M4LWindowBase'];
482
- styleOverrides?: ComponentsOverrides<Theme>['M4LWindowBase'];
483
- variants?: ComponentsVariants['M4LWindowBase'];
484
- };
485
- M4LWindowConfirm?: {
486
- defaultProps?: ComponentsPropsList['M4LWindowConfirm'];
487
- styleOverrides?: ComponentsOverrides<Theme>['M4LWindowConfirm'];
488
- variants?: ComponentsVariants['M4LWindowConfirm'];
489
- };
490
- M4LAppBar?: {
491
- defaultProps?: ComponentsPropsList['M4LAppBar'];
492
- styleOverrides?: ComponentsOverrides<Theme>['M4LAppBar'];
493
- variants?: ComponentsVariants['M4LAppBar'];
494
- };
495
- M4LWiDialog?: {
496
- defaultProps?: ComponentsPropsList['M4LWiDialog'];
497
- styleOverrides?: ComponentsOverrides<Theme>['M4LWiDialog'];
498
- variants?: ComponentsVariants['M4LWiDialog'];
499
- };
500
- M4LLoadingButton?: {
501
- defaultProps?: ComponentsPropsList['M4LLoadingButton'];
502
- styleOverrides?: ComponentsOverrides<Theme>['M4LLoadingButton'];
503
- variants?: ComponentsVariants['M4LLoadingButton'];
504
- };
505
- M4LToggleButton?: {
506
- defaultProps?: ComponentsPropsList['M4LToggleButton'];
507
- styleOverrides?: ComponentsOverrides<Theme>['M4LToggleButton'];
508
- variants?: ComponentsVariants['M4LToggleButton'];
233
+ M4LDynamicFilter?: {
234
+ defaultProps?: ComponentsPropsList['M4LDynamicFilter'];
235
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
236
+ variants?: ComponentsVariants['M4LDynamicFilter'];
237
+ };
238
+ RHFTextField?: {
239
+ defaultProps?: ComponentsPropsList['RHFTextField'];
240
+ styleOverrides?: ComponentsOverrides<Theme>['RHFTextField'];
241
+ variants?: ComponentsVariants['RHFTextField'];
242
+ };
243
+ M4LDynamicSort?: {
244
+ defaultProps?: ComponentsPropsList['M4LDynamicSort'];
245
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicSort'];
246
+ variants?: ComponentsVariants['M4LDynamicSort'];
247
+ };
248
+ M4LMenuActions?: {
249
+ defaultProps?: ComponentsPropsList['M4LMenuActions'];
250
+ styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
251
+ variants?: ComponentsVariants['M4LMenuActions'];
252
+ };
253
+ M4LInputNumberSpinner?: {
254
+ defaultProps?: ComponentsPropsList['M4LInputNumberSpinner'];
255
+ styleOverrides?: ComponentsOverrides<Theme>['M4LInputNumberSpinner'];
256
+ variants?: ComponentsVariants['M4LInputNumberSpinner'];
257
+ };
258
+ M4LPopupsViewer?: {
259
+ defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
260
+ styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
261
+ variants?: ComponentsVariants['M4LPopupsViewer'];
262
+ };
263
+ M4LDragResizeWindow?: {
264
+ defaultProps?: ComponentsPropsList['M4LDragResizeWindow'];
265
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDragResizeWindow'];
266
+ variants?: ComponentsVariants['M4LDragResizeWindow'];
267
+ };
268
+ M4LToastContainer?: {
269
+ defaultProps?: ComponentsPropsList['M4LToastContainer'];
270
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
271
+ variants?: ComponentsVariants['M4LToastContainer'];
272
+ };
273
+ M4LHelperError?: {
274
+ defaultProps?: ComponentsPropsList['M4LHelperError'];
275
+ styleOverrides?: ComponentsOverrides<Theme>['M4LHelperError'];
276
+ variants?: ComponentsVariants['M4LHelperError'];
277
+ };
278
+ M4LLabel?: {
279
+ defaultProps?: ComponentsPropsList['M4LLabel'];
280
+ styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
281
+ variants?: ComponentsVariants['M4LLabel'];
282
+ };
283
+ M4LIcon?: {
284
+ defaultProps?: ComponentsPropsList['M4LIcon'];
285
+ styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
286
+ variants?: ComponentsVariants['M4LIcon'];
287
+ };
288
+ M4LTooltip?: {
289
+ defaultProps?: ComponentsPropsList['M4LTooltip'];
290
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
291
+ variants?: ComponentsVariants['M4LTooltip'];
292
+ };
293
+ M4LTextField?: {
294
+ defaultProps?: ComponentsPropsList['M4LTextField'];
295
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTextField'];
296
+ variants?: ComponentsVariants['M4LTextField'];
297
+ };
298
+ M4LIconButton?: {
299
+ defaultProps?: ComponentsPropsList['M4LIconButton'];
300
+ styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
301
+ variants?: ComponentsVariants['M4LIconButton'];
302
+ };
303
+ M4LBadge?: {
304
+ defaultProps?: ComponentsPropsList['M4LBadge'];
305
+ styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
306
+ variants?: ComponentsVariants['M4LBadge'];
307
+ };
308
+ M4LControlIncrement?: {
309
+ defaultProps?: ComponentsPropsList['M4LControlIncrement'];
310
+ styleOverrides?: ComponentsOverrides<Theme>['M4LControlIncrement'];
311
+ variants?: ComponentsVariants['M4LControlIncrement'];
312
+ };
313
+ M4LMenuItem?: {
314
+ defaultProps?: ComponentsPropsList['M4LMenuItem'];
315
+ styleOverrides?: ComponentsOverrides<Theme>['M4LMenuItem'];
316
+ variants?: ComponentsVariants['M4LMenuItem'];
317
+ };
318
+ M4LSkeleton?: {
319
+ defaultProps?: ComponentsPropsList['M4LSkeleton'];
320
+ styleOverrides?: ComponentsOverrides<Theme>['M4LSkeleton'];
321
+ variants?: ComponentsVariants['M4LSkeleton'];
322
+ };
323
+ M4LSelect: {
324
+ defaultProps?: ComponentsPropsList['M4LSelect'];
325
+ styleOverrides?: ComponentsOverrides<Theme>['M4LSelect'];
326
+ variants?: ComponentsVariants['M4LSelect'];
327
+ };
328
+ M4LTypography?: {
329
+ defaultProps?: ComponentsPropsList['M4LTypography'];
330
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
331
+ variants?: ComponentsVariants['M4LTypography'];
332
+ };
333
+ M4LRHFInputNumberSpinner?: {
334
+ defaultProps?: ComponentsPropsList['M4LRHFInputNumberSpinner'];
335
+ styleOverrides?: ComponentsOverrides<Theme>['M4LRHFInputNumberSpinner'];
336
+ variants?: ComponentsVariants['M4LRHFInputNumberSpinner'];
337
+ };
338
+ M4LTab?: {
339
+ defaultProps?: ComponentsPropsList['M4LTab'];
340
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTab'];
341
+ variants?: ComponentsVariants['M4LTab'];
342
+ };
343
+ M4LButton?: {
344
+ defaultProps?: ComponentsPropsList['M4LButton'];
345
+ styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
346
+ variants?: ComponentsVariants['M4LButton'];
347
+ };
348
+ M4LActionIntro?: {
349
+ defaultProps?: ComponentsPropsList['M4LActionIntro'];
350
+ styleOverrides?: ComponentsOverrides<Theme>['M4LActionIntro'];
351
+ variants?: ComponentsVariants['M4LActionIntro'];
352
+ };
353
+ M4LDynamicSort?: {
354
+ defaultProps?: ComponentsPropsList['M4LDynamicSort'];
355
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicSort'];
356
+ variants?: ComponentsVariants['M4LDynamicSort'];
357
+ };
358
+ M4LMenuActions?: {
359
+ defaultProps?: ComponentsPropsList['M4LMenuActions'];
360
+ styleOverrides?: ComponentsOverrides<Theme>['M4LMenuActions'];
361
+ variants?: ComponentsVariants['M4LMenuActions'];
362
+ };
363
+ M4LInputNumberSpinner?: {
364
+ defaultProps?: ComponentsPropsList['M4LInputNumberSpinner'];
365
+ styleOverrides?: ComponentsOverrides<Theme>['M4LInputNumberSpinner'];
366
+ variants?: ComponentsVariants['M4LInputNumberSpinner'];
367
+ };
368
+ M4LPopupsViewer?: {
369
+ defaultProps?: ComponentsPropsList['M4LPopupsViewer'];
370
+ styleOverrides?: ComponentsOverrides<Theme>['M4LPopupsViewer'];
371
+ variants?: ComponentsVariants['M4LPopupsViewer'];
372
+ };
373
+ M4LDragResizeWindow?: {
374
+ defaultProps?: ComponentsPropsList['M4LDragResizeWindow'];
375
+ styleOverrides?: ComponentsOverrides<Theme>['M4LDragResizeWindow'];
376
+ variants?: ComponentsVariants['M4LDragResizeWindow'];
377
+ };
378
+ M4LToastContainer?: {
379
+ defaultProps?: ComponentsPropsList['M4LToastContainer'];
380
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToastContainer'];
381
+ variants?: ComponentsVariants['M4LToastContainer'];
382
+ };
383
+ M4LHelperError?: {
384
+ defaultProps?: ComponentsPropsList['M4LHelperError'];
385
+ styleOverrides?: ComponentsOverrides<Theme>['M4LHelperError'];
386
+ variants?: ComponentsVariants['M4LHelperError'];
387
+ };
388
+ M4LLabel?: {
389
+ defaultProps?: ComponentsPropsList['M4LLabel'];
390
+ styleOverrides?: ComponentsOverrides<Theme>['M4LLabel'];
391
+ variants?: ComponentsVariants['M4LLabel'];
392
+ };
393
+ M4LIcon?: {
394
+ defaultProps?: ComponentsPropsList['M4LIcon'];
395
+ styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
396
+ variants?: ComponentsVariants['M4LIcon'];
397
+ };
398
+ M4LTooltip?: {
399
+ defaultProps?: ComponentsPropsList['M4LTooltip'];
400
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
401
+ variants?: ComponentsVariants['M4LTooltip'];
402
+ };
403
+ M4LTextField?: {
404
+ defaultProps?: ComponentsPropsList['M4LTextField'];
405
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTextField'];
406
+ variants?: ComponentsVariants['M4LTextField'];
407
+ };
408
+ M4LIconButton?: {
409
+ defaultProps?: ComponentsPropsList['M4LIconButton'];
410
+ styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
411
+ variants?: ComponentsVariants['M4LIconButton'];
412
+ };
413
+ M4LBadge?: {
414
+ defaultProps?: ComponentsPropsList['M4LBadge'];
415
+ styleOverrides?: ComponentsOverrides<Theme>['M4LBadge'];
416
+ variants?: ComponentsVariants['M4LBadge'];
417
+ };
418
+ M4LControlIncrement?: {
419
+ defaultProps?: ComponentsPropsList['M4LControlIncrement'];
420
+ styleOverrides?: ComponentsOverrides<Theme>['M4LControlIncrement'];
421
+ variants?: ComponentsVariants['M4LControlIncrement'];
422
+ };
423
+ M4LMenuItem?: {
424
+ defaultProps?: ComponentsPropsList['M4LMenuItem'];
425
+ styleOverrides?: ComponentsOverrides<Theme>['M4LMenuItem'];
426
+ variants?: ComponentsVariants['M4LMenuItem'];
427
+ };
428
+ M4LSkeleton?: {
429
+ defaultProps?: ComponentsPropsList['M4LSkeleton'];
430
+ styleOverrides?: ComponentsOverrides<Theme>['M4LSkeleton'];
431
+ variants?: ComponentsVariants['M4LSkeleton'];
432
+ };
433
+ M4LSelect: {
434
+ defaultProps?: ComponentsPropsList['M4LSelect'];
435
+ styleOverrides?: ComponentsOverrides<Theme>['M4LSelect'];
436
+ variants?: ComponentsVariants['M4LSelect'];
437
+ };
438
+ M4LTypography?: {
439
+ defaultProps?: ComponentsPropsList['M4LTypography'];
440
+ styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
441
+ variants?: ComponentsVariants['M4LTypography'];
442
+ };
443
+ M4LCheckBox?: {
444
+ defaultProps?: ComponentsPropsList['M4LCheckBox'];
445
+ styleOverrides?: ComponentsOverrides<Theme>['M4LCheckBox'];
446
+ variants?: ComponentsVariants['M4LCheckBox'];
447
+ };
448
+ M4LActionCancel?: {
449
+ defaultProps?: ComponentsPropsList['M4LActionCancel'];
450
+ styleOverrides?: ComponentsOverrides<Theme>['M4LActionCancel'];
451
+ variants?: ComponentsVariants['M4LActionCancel'];
452
+ };
453
+ M4LActionCancel?: {
454
+ defaultProps?: ComponentsPropsList['M4LActionCancel'];
455
+ styleOverrides?: ComponentsOverrides<Theme>['M4LActionCancel'];
456
+ variants?: ComponentsVariants['M4LActionCancel'];
457
+ };
458
+ M4LAutocomplete?: {
459
+ defaultProps?: ComponentsPropsList['M4LAutocomplete'];
460
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAutocomplete'];
461
+ variants?: ComponentsVariants['M4LAutocomplete'];
462
+ };
463
+ M4LChip?: {
464
+ defaultProps?: ComponentsPropsList['M4LChip'];
465
+ styleOverrides?: ComponentsOverrides<Theme>['M4LChip'];
466
+ variants?: ComponentsVariants['M4LChip'];
467
+ };
468
+ M4LCircularProgress?: {
469
+ defaultProps?: ComponentsPropsList['M4LCircularProgress'];
470
+ styleOverrides?: ComponentsOverrides<Theme>['M4LCircularProgress'];
471
+ variants?: ComponentsVariants['M4LCircularProgress'];
472
+ };
473
+ M4LSideBar?: {
474
+ defaultProps?: ComponentsPropsList['M4LSideBar'];
475
+ styleOverrides?: ComponentsOverrides<Theme>['M4LSideBar'];
476
+ variants?: ComponentsVariants['M4LSideBar'];
477
+ };
478
+ M4LPaperForm?: {
479
+ defaultProps?: ComponentsPropsList['M4LPaperForm'];
480
+ styleOverrides?: ComponentsOverrides<Theme>['M4LPaperForm'];
481
+ variants?: ComponentsVariants['M4LPaperForm'];
482
+ };
483
+ M4LWindowBase?: {
484
+ defaultProps?: ComponentsPropsList['M4LWindowBase'];
485
+ styleOverrides?: ComponentsOverrides<Theme>['M4LWindowBase'];
486
+ variants?: ComponentsVariants['M4LWindowBase'];
487
+ };
488
+ M4LWindowConfirm?: {
489
+ defaultProps?: ComponentsPropsList['M4LWindowConfirm'];
490
+ styleOverrides?: ComponentsOverrides<Theme>['M4LWindowConfirm'];
491
+ variants?: ComponentsVariants['M4LWindowConfirm'];
492
+ };
493
+ M4LAppBar?: {
494
+ defaultProps?: ComponentsPropsList['M4LAppBar'];
495
+ styleOverrides?: ComponentsOverrides<Theme>['M4LAppBar'];
496
+ variants?: ComponentsVariants['M4LAppBar'];
497
+ };
498
+ M4LWiDialog?: {
499
+ defaultProps?: ComponentsPropsList['M4LWiDialog'];
500
+ styleOverrides?: ComponentsOverrides<Theme>['M4LWiDialog'];
501
+ variants?: ComponentsVariants['M4LWiDialog'];
502
+ };
503
+ M4LLoadingButton?: {
504
+ defaultProps?: ComponentsPropsList['M4LLoadingButton'];
505
+ styleOverrides?: ComponentsOverrides<Theme>['M4LLoadingButton'];
506
+ variants?: ComponentsVariants['M4LLoadingButton'];
507
+ };
508
+ M4LPopper?: {
509
+ defaultProps?: ComponentsPropsList['M4LPopper'];
510
+ styleOverrides?: ComponentsOverrides<Theme>['M4LPopper'];
511
+ variants?: ComponentsVariants['M4LPopper'];
512
+ M4LToggleButton?: {
513
+ defaultProps?: ComponentsPropsList['M4LToggleButton'];
514
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToggleButton'];
515
+ variants?: ComponentsVariants['M4LToggleButton'];
516
+ }
517
+ M4LBooleanFormatter?: {
518
+ defaultProps?: ComponentsPropsList['M4LBooleanFormatter'];
519
+ styleOverrides?: ComponentsOverrides<Theme>['M4LBooleanFormatter'];
520
+ variants?: ComponentsVariants['M4LBooleanFormatter'];
521
+ };
522
+ M4LToggleIconButton?: {
523
+ defaultProps?: ComponentsPropsList['M4LToggleIconButton'];
524
+ styleOverrides?: ComponentsOverrides<Theme>['M4LToggleIconButton'];
525
+ variants?: ComponentsVariants['M4LToggleIconButton'];
526
+ };
509
527
  }
510
- M4LBooleanFormatter?: {
511
- defaultProps?: ComponentsPropsList['M4LBooleanFormatter'];
512
- styleOverrides?: ComponentsOverrides<Theme>['M4LBooleanFormatter'];
513
- variants?: ComponentsVariants['M4LBooleanFormatter'];
514
- };
515
- M4LToggleIconButton?: {
516
- defaultProps?: ComponentsPropsList['M4LToggleIconButton'];
517
- styleOverrides?: ComponentsOverrides<Theme>['M4LToggleIconButton'];
518
- variants?: ComponentsVariants['M4LToggleIconButton'];
519
- };
520
528
  }
521
529
  }
package/components/AppBar/AppBar.js CHANGED
@@ -3,7 +3,7 @@ import { useIsMobile } from "@m4l/graphics";
3
3
  import { useEnvironment, useModuleDictionary } from "@m4l/core";
4
4
  import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
5
5
  import { g as getNameDataTestId } from "./tests/utils.js";
6
- import { A as AppBarRootStyled, C as ContainerIsotypeNameStyled, I as ImageIsotypeStyled, a as CompanyNameStyled, M as MenuIconButtonStyled, b as ContentStyled } from "./slots/AppBarSlots.js";
6
+ import { A as AppBarRootStyled, C as ContainerIsotypeNameStyled, a as ContentIsotypeStyled, I as ImageIsotypeStyled, b as CompanyNameStyled, D as DividerStyled, M as MenuIconButtonStyled, c as ContentStyled } from "./slots/AppBarSlots.js";
7
7
  import { g as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
8
8
  import { P as PATH_IMG_HAMBURGUER, A as APP_BAR_KEY } from "./constants.js";
9
9
  const AppBar = (props) => {
@@ -24,8 +24,11 @@ const AppBar = (props) => {
24
24
  ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId(dataTestid) } : {},
25
25
  children: [
26
26
  !isMobile ? /* @__PURE__ */ jsxs(ContainerIsotypeNameStyled, { ownerState: {}, children: [
27
- companyLogo && /* @__PURE__ */ jsx(ImageIsotypeStyled, { alt: "logo", ownerState: {}, src: companyLogo, size }),
28
- /* @__PURE__ */ jsx(CompanyNameStyled, { ownerState: {}, variant: "bodyDens", skeletonWidth: "100px", size, children: companyName })
27
+ /* @__PURE__ */ jsxs(ContentIsotypeStyled, { ownerState: {}, children: [
28
+ companyLogo && /* @__PURE__ */ jsx(ImageIsotypeStyled, { alt: "logo", ownerState: {}, src: companyLogo, size }),
29
+ /* @__PURE__ */ jsx(CompanyNameStyled, { ownerState: {}, variant: "bodyDens", skeletonWidth: "100px", size, children: companyName })
30
+ ] }),
31
+ /* @__PURE__ */ jsx(DividerStyled, { orientation: "vertical", flexItem: true, ownerState: {} })
29
32
  ] }) : null,
30
33
  isMobile ? /* @__PURE__ */ jsx(
31
34
  MenuIconButtonStyled,
package/components/AppBar/slots/AppBarEnum.d.ts CHANGED
@@ -4,5 +4,7 @@ export declare enum AppBarSlots {
4
4
  imageIsotype = "imageIsotype",
5
5
  companyName = "companyName",
6
6
  menuIconButton = "menuIconButton",
7
- content = "content"
7
+ content = "content",
8
+ contentIsoType = "contentIsoType",
9
+ divider = "divider"
8
10
  }
package/components/AppBar/slots/AppBarEnum.js CHANGED
@@ -5,6 +5,8 @@ var AppBarSlots = /* @__PURE__ */ ((AppBarSlots2) => {
5
5
  AppBarSlots2["companyName"] = "companyName";
6
6
  AppBarSlots2["menuIconButton"] = "menuIconButton";
7
7
  AppBarSlots2["content"] = "content";
8
+ AppBarSlots2["contentIsoType"] = "contentIsoType";
9
+ AppBarSlots2["divider"] = "divider";
8
10
  return AppBarSlots2;
9
11
  })(AppBarSlots || {});
10
12
  export {
package/components/AppBar/slots/AppBarSlots.d.ts CHANGED
@@ -1,18 +1,26 @@
1
- export declare const AppBarRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
1
+ export declare const AppBarRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
2
2
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
3
3
  }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, keyof import('react').HTMLAttributes<HTMLElement> | keyof import('react').ClassAttributes<HTMLElement>>, {}>;
4
- export declare const ContainerIsotypeNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
4
+ export declare const ContainerIsotypeNameStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
5
5
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
6
6
  }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
7
- export declare const ImageIsotypeStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Image').ImageProps, keyof import('../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
7
+ export declare const ImageIsotypeStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Image').ImageProps, keyof import('../../Image').ImageProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
8
8
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
9
9
  }, {}, {}>;
10
- export declare const CompanyNameStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
10
+ export declare const CompanyNameStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
11
11
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
12
12
  }, {}, {}>;
13
- export declare const MenuIconButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
13
+ export declare const MenuIconButtonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/IconButton/types').IconButtonProps, keyof import('../../mui_extended/IconButton/types').IconButtonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
14
14
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
15
15
  }, {}, {}>;
16
- export declare const ContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
16
+ export declare const ContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
17
17
  ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
18
18
  }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
19
+ export declare const ContentIsotypeStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
20
+ ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
21
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
22
+ export declare const DividerStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').DividerOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
23
+ ref?: ((instance: HTMLHRElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLHRElement> | null | undefined;
24
+ }, "children" | "light" | "style" | "absolute" | "variant" | "className" | "classes" | "sx" | "textAlign" | "orientation" | "flexItem">, "children" | "ref" | "title" | "id" | "light" | "hidden" | "color" | "content" | "style" | "absolute" | "variant" | "className" | "classes" | "onChange" | "sx" | "textAlign" | "translate" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "orientation" | "flexItem"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AppBarOwnerState> & Record<string, unknown> & {
25
+ ownerState: Partial<import('../types').AppBarOwnerState> & Record<string, unknown>;
26
+ }, {}, {}>;
package/components/AppBar/slots/AppBarSlots.js CHANGED
@@ -2,6 +2,7 @@ import { styled } from "@mui/material/styles";
2
2
  import { A as APP_BAR_KEY } from "../constants.js";
3
3
  import { A as AppBarSlots } from "./AppBarEnum.js";
4
4
  import { a as appBarStyles } from "../styles.js";
5
+ import { Divider } from "@mui/material";
5
6
  import { T as Typography } from "../../mui_extended/Typography/Typography.js";
6
7
  import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
7
8
  import { I as Image } from "../../Image/Image.js";
@@ -29,11 +30,21 @@ const ContentStyled = styled("div", {
29
30
  name: APP_BAR_KEY,
30
31
  slot: AppBarSlots.content
31
32
  })(appBarStyles?.content);
33
+ const ContentIsotypeStyled = styled("div", {
34
+ name: APP_BAR_KEY,
35
+ slot: AppBarSlots.contentIsoType
36
+ })(appBarStyles?.contentIsoType);
37
+ const DividerStyled = styled(Divider, {
38
+ name: APP_BAR_KEY,
39
+ slot: AppBarSlots.divider
40
+ })(appBarStyles?.divider);
32
41
  export {
33
42
  AppBarRootStyled as A,
34
43
  ContainerIsotypeNameStyled as C,
44
+ DividerStyled as D,
35
45
  ImageIsotypeStyled as I,
36
46
  MenuIconButtonStyled as M,
37
- CompanyNameStyled as a,
38
- ContentStyled as b
47
+ ContentIsotypeStyled as a,
48
+ CompanyNameStyled as b,
49
+ ContentStyled as c
39
50
  };
package/components/AppBar/styles.js CHANGED
@@ -12,7 +12,7 @@ const appBarStyles = {
12
12
  display: "flex",
13
13
  flexDirection: "row",
14
14
  flexWrap: "nowrap",
15
- height: "auto",
15
+ height: theme.vars.size.baseSpacings.sp12,
16
16
  padding: `0 ${theme.vars.size.baseSpacings.sp4}`,
17
17
  borderBottom: `1px solid ${theme.vars.palette.border.default}`,
18
18
  gap: theme.vars.size.baseSpacings.sp3
@@ -30,9 +30,14 @@ const appBarStyles = {
30
30
  display: "flex",
31
31
  flexDirection: "row",
32
32
  alignItems: "center",
33
+ justifyContent: "space-between",
33
34
  gap: theme.vars.size.baseSpacings.sp3,
34
35
  padding: `${theme.vars.size.baseSpacings.sp3} 0`,
35
- width: "fit-content"
36
+ /**
37
+ * Se pone los px directamente porque no existe un token con este valor
38
+ */
39
+ width: "204px",
40
+ minWidth: "204px"
36
41
  }),
37
42
  /**
38
43
  * ****************************************************
@@ -85,13 +90,36 @@ const appBarStyles = {
85
90
  * @updatedAt 2024-11-30 11:32:23 - automatic
86
91
  * @updatedUser Andrés Quintero - automatic
87
92
  */
88
- content: ({ theme, ownerState }) => ({
89
- padding: `${theme.vars.size.baseSpacings.sp2} 0`,
90
- borderLeft: ownerState.isMobile ? "0" : `1px solid ${theme.vars.palette.border.secondary}`,
93
+ content: ({ theme }) => ({
94
+ padding: `0 ${theme.vars.size.baseSpacings.sp2}`,
91
95
  display: "flex",
92
96
  flexDirection: "row",
93
97
  justifyContent: "flex-start",
94
- alignItems: "center"
98
+ alignItems: "center",
99
+ flex: "1",
100
+ height: theme.vars.size.baseSpacings.sp12
101
+ }),
102
+ /**
103
+ * **************************************************************
104
+ * Estilos para el contenedor del contenido del logotipo y nombre
105
+ * **************************************************************
106
+ */
107
+ contentIsoType: ({ theme }) => ({
108
+ display: "flex",
109
+ flexDirection: "row",
110
+ alignItems: "center",
111
+ gap: theme.vars.size.baseSpacings.sp3,
112
+ height: theme.vars.size.baseSpacings.sp6
113
+ }),
114
+ /**
115
+ * **************************************************************
116
+ * Estilos para el divisor entre el logotipo y el contenido
117
+ * **************************************************************
118
+ */
119
+ divider: ({ theme, ownerState }) => ({
120
+ height: "100%",
121
+ borderColor: theme.vars.palette.border.secondary,
122
+ borderRightWidth: ownerState.isMobile ? "thin" : "none"
95
123
  })
96
124
  };
97
125
  export {
package/components/AppBar/types.d.ts CHANGED
@@ -35,4 +35,4 @@ export type AppBarSlotsType = keyof typeof AppBarSlots;
35
35
  /**
36
36
  * Estilos aplicables al `AppBar`
37
37
  */
38
- export type AppBarStyles = Partial<OverridesStyleRules<AppBarSlotsType, typeof APP_BAR_KEY, Theme> | undefined> | undefined;
38
+ export type AppBarStyles = OverridesStyleRules<AppBarSlotsType, typeof APP_BAR_KEY, Theme>;
package/components/Chip/Chip.d.ts CHANGED
@@ -3,7 +3,7 @@ import { ChipProps } from './types';
3
3
  * A chip is a component that displays information in a compact way.
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-12-06 12:48:15 - automatic
6
- * @updatedAt 2024-12-06 13:56:58 - automatic
6
+ * @updatedAt 2024-12-10 15:24:11 - automatic
7
7
  * @updatedUser SebastianM - automatic
8
8
  */
9
9
  export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
package/components/Chip/types.d.ts CHANGED
@@ -1,9 +1,9 @@
1
+ import { ComponentPalletColor, Sizes } from '@m4l/styles';
1
2
  import { PaletteColor, Theme } from '@mui/material';
2
3
  import { OverridesStyleRules } from '@mui/material/styles/overrides';
3
- import { ComponentPalletColor, Sizes } from '@m4l/styles';
4
- import { ReactNode } from 'react';
5
- import { ChipSlots } from './slots';
4
+ import { EventHandler, ReactNode } from 'react';
6
5
  import { CHIP_KEY_COMPONENT } from './constants';
6
+ import { ChipSlots } from './slots';
7
7
  type ChipVariants = 'contained' | 'outlined';
8
8
  /**
9
9
  * Props for the `Chip` component, extending the original properties of Material UI.
@@ -28,7 +28,7 @@ export interface ChipProps {
28
28
  hasIconClose?: boolean;
29
29
  opacity?: boolean;
30
30
  onClick?: () => void;
31
- onDeleted?: () => void;
31
+ onDeleted?: EventHandler<any>;
32
32
  }
33
33
  /**
34
34
  * Owner state of the `Chip` used to define internal style and behavior properties.
package/components/mui_extended/Autocomplete/slots /AutocompleteSlots.d.ts CHANGED
@@ -30,6 +30,6 @@ export declare const ImageStyled: import('@emotion/styled').StyledComponent<Pick
30
30
  export declare const SkeletonAutocompleteStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
31
31
  ownerState: Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown>;
32
32
  }, {}, {}>;
33
- export declare const PopperComponentStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>, "children" | "ref" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
33
+ export declare const PopperComponentStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../Popper').PopperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "variant" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "dataTestid" | "placement" | "arrow" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef" | keyof import('react').RefAttributes<HTMLDivElement> | "initialPlacement"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown> & {
34
34
  ownerState: Partial<import('../types').AutocompleteOwnerState> & Record<string, unknown>;
35
35
  }, {}, {}>;
package/components/mui_extended/Autocomplete/types.d.ts CHANGED
@@ -51,7 +51,8 @@ export interface AutocompleteProps<T, Multiple extends boolean | undefined = fal
51
51
  /**
52
52
  * Represents the owner state of the Autocomplete component for styling purposes.
53
53
  */
54
- export interface AutocompleteOwnerState extends Pick<AutocompleteProps<any>, 'size' | 'disabled' | 'variant' | 'color'> {
54
+ export interface AutocompleteOwnerState extends Pick<AutocompleteProps<any>, 'size' | 'disabled' | 'variant'> {
55
+ autocompleteColor: AutocompleteProps<any>['color'];
55
56
  disabled?: boolean;
56
57
  multiple: boolean;
57
58
  imageScale?: boolean;
package/components/mui_extended/Popover/Popover.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import { PopoverProps } from './types';
2
- /**
3
- * Provee de un componente que genera un contenedor desacoplado del flujo del documento de tipo ventana emergente,
4
- * usado hacer énfasis en información, comunmente contiene texto, elementos interactivos y acciones de usuario.
5
- * @param props
6
- * @returns
7
- */
8
2
  /**
9
3
  * TODO: Documentar
4
+ * @author SebastianM - automatic
5
+ * @createdAt 2024-12-06 14:04:23 - automatic
6
+ * @updatedAt 2024-12-06 14:04:23 - automatic
7
+ * @updatedUser SebastianM - automatic
10
8
  */
11
9
  export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;
package/components/mui_extended/Popper/Popper.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { PopperProps } from './types';
2
+ /**
3
+ * The Popper component is used to display a pop-up box with additional information or options.
4
+ * @author SebastianM - automatic
5
+ * @createdAt 2024-12-19 11:22:55 - automatic
6
+ * @updatedAt 2024-12-23 10:04:43 - automatic
7
+ * @updatedUser SebastianM - automatic
8
+ */
9
+ export declare const Popper: import('react').ForwardRefExoticComponent<Omit<PopperProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
package/components/mui_extended/Popper/Popper.test.d.ts ADDED
@@ -0,0 +1 @@
1
+ export {};
package/components/mui_extended/Popper/PopperStyles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { PopperStyles } from './types';
2
+ export declare const popperStyles: PopperStyles;
package/components/mui_extended/Popper/constants.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Clave de identificación del componente Popper dentro del sistema.
3
+ *
4
+ * Esta constante se utiliza como identificador único para asociar y personalizar estilos y configuraciones
5
+ * relacionadas con el componente `Popper` dentro del sistema de temas y estilos.
6
+ * @default 'M4LPopper'
7
+ */
8
+ export declare const POPPER_KEY_COMPONENT = "M4LPopper";
package/components/mui_extended/Popper/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from './Popper';
2
+ export * from './types';
package/components/mui_extended/Popper/slots/PopperEnum.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const PopperSlots: {
2
+ popperRoot: string;
3
+ };
package/components/mui_extended/Popper/slots/PopperStlots.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const PopperRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').PopperProps & import('react').RefAttributes<HTMLDivElement>, "children" | "ref" | "title" | "component" | "id" | "container" | "components" | "hidden" | "color" | "content" | "style" | "open" | "transition" | "className" | "onChange" | "sx" | "translate" | "slots" | "slotProps" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "componentsProps" | "disablePortal" | "keepMounted" | "anchorEl" | "modifiers" | "popperOptions" | "popperRef"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').PopperOwnerState> & Record<string, unknown> & {
2
+ ownerState: Partial<import('..').PopperOwnerState> & Record<string, unknown>;
3
+ }, {}, {}>;
4
+ export { PopperRootStyled };
package/components/mui_extended/Popper/slots/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './PopperStlots';
2
+ export * from './PopperEnum';
3
+ export { PopperSlots } from './PopperEnum';
package/components/mui_extended/Popper/types.d.ts ADDED
@@ -0,0 +1,38 @@
1
+ import { ComponentPalletColor } from '@m4l/styles';
2
+ import { PopperProps as MUIPopperProps, PaletteColor, Theme } from '@mui/material';
3
+ import { PopperChildrenProps } from '@mui/material/Popper/BasePopper.types';
4
+ import { OverridesStyleRules } from '@mui/material/styles/overrides';
5
+ import { ReactNode } from 'react';
6
+ import { POPPER_KEY_COMPONENT } from './constants';
7
+ import { PopperSlots } from './slots';
8
+ /**
9
+ * Props for the `Popper` component.
10
+ * @author SebastianM - automatic
11
+ * @createdAt 2024-12-10 12:16:10 - automatic
12
+ * @updatedAt 2024-12-11 10:35:15 - automatic
13
+ * @updatedUser SebastianM - automatic
14
+ */
15
+ export interface PopperProps extends Omit<MUIPopperProps, 'color'> {
16
+ color?: Extract<ComponentPalletColor, 'default'> | undefined;
17
+ variant?: 'standard';
18
+ initialPlacement?: MUIPopperProps['placement'];
19
+ dataTestid?: string;
20
+ children?: ReactNode | ((props: PopperChildrenProps) => ReactNode);
21
+ arrow?: boolean;
22
+ }
23
+ /**
24
+ * Owner state of the `Popper` used to define internal style and behavior properties.
25
+ */
26
+ export interface PopperOwnerState extends Pick<PopperProps, 'placement'> {
27
+ popperColor: PopperProps['color'];
28
+ arrow: boolean;
29
+ paletteColor: PaletteColor;
30
+ }
31
+ /**
32
+ * Defines the types of Slots available for the `Popper`.
33
+ */
34
+ export type PopperSlotsType = keyof typeof PopperSlots;
35
+ /**
36
+ * Styles applicable to the `Popper` using themes and custom slots.
37
+ */
38
+ export type PopperStyles = OverridesStyleRules<PopperSlotsType, typeof POPPER_KEY_COMPONENT, Theme>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.1.30",
3
+ "version": "9.1.32",
4
4
  "license": "UNLICENSED",
5
5
  "lint-staged": {
6
6
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"