eidos-ui 1.1.0 → 2.0.0

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 (38) hide show
  1. package/dist/Table.types-Cl5gR8r9.d.cts +183 -0
  2. package/dist/Table.types-jhPb7JNU.d.ts +183 -0
  3. package/dist/{chunk-A5JVDHML.cjs → chunk-2ZENLZEQ.cjs} +59 -52
  4. package/dist/chunk-2ZENLZEQ.cjs.map +1 -0
  5. package/dist/{chunk-IZBJW37N.js → chunk-AJZTVCST.js} +9 -6
  6. package/dist/chunk-AJZTVCST.js.map +1 -0
  7. package/dist/{chunk-A5LHCAQY.js → chunk-MH2CD2QT.js} +33 -26
  8. package/dist/chunk-MH2CD2QT.js.map +1 -0
  9. package/dist/{chunk-IC2M4N7R.cjs → chunk-QONDJ5VM.cjs} +11 -11
  10. package/dist/chunk-QONDJ5VM.cjs.map +1 -0
  11. package/dist/{chunk-NFIK3KMT.js → chunk-VSFKM7FE.js} +2 -2
  12. package/dist/chunk-VSFKM7FE.js.map +1 -0
  13. package/dist/{chunk-PA4IT2XQ.cjs → chunk-XVSODE4K.cjs} +9 -6
  14. package/dist/chunk-XVSODE4K.cjs.map +1 -0
  15. package/dist/data-grid/index.cjs +4 -3
  16. package/dist/data-grid/index.cjs.map +1 -1
  17. package/dist/data-grid/index.d.cts +129 -48
  18. package/dist/data-grid/index.d.ts +129 -48
  19. package/dist/data-grid/index.js +3 -2
  20. package/dist/index.cjs +4 -4
  21. package/dist/index.css +42 -30
  22. package/dist/index.d.cts +2 -2
  23. package/dist/index.d.ts +2 -2
  24. package/dist/index.js +3 -3
  25. package/dist/table/index.cjs +4 -3
  26. package/dist/table/index.cjs.map +1 -1
  27. package/dist/table/index.d.cts +5 -5
  28. package/dist/table/index.d.ts +5 -5
  29. package/dist/table/index.js +3 -2
  30. package/package.json +1 -1
  31. package/dist/Table.types-Bv9l7qxd.d.ts +0 -103
  32. package/dist/Table.types-DQ0ReOLj.d.cts +0 -103
  33. package/dist/chunk-A5JVDHML.cjs.map +0 -1
  34. package/dist/chunk-A5LHCAQY.js.map +0 -1
  35. package/dist/chunk-IC2M4N7R.cjs.map +0 -1
  36. package/dist/chunk-IZBJW37N.js.map +0 -1
  37. package/dist/chunk-NFIK3KMT.js.map +0 -1
  38. package/dist/chunk-PA4IT2XQ.cjs.map +0 -1
package/dist/index.cjs CHANGED
@@ -38,7 +38,7 @@ var _chunkHFZ5FKRGcjs = require('./chunk-HFZ5FKRG.cjs');
38
38
  var _chunkIXZMKIV5cjs = require('./chunk-IXZMKIV5.cjs');
39
39
 
40
40
 
41
- var _chunkIC2M4N7Rcjs = require('./chunk-IC2M4N7R.cjs');
41
+ var _chunkQONDJ5VMcjs = require('./chunk-QONDJ5VM.cjs');
42
42
  require('./chunk-3RUIKBH4.cjs');
43
43
 
44
44
 
@@ -109,10 +109,10 @@ require('./chunk-VW32UTUE.cjs');
109
109
  var _chunk4BQM5F76cjs = require('./chunk-4BQM5F76.cjs');
110
110
 
111
111
 
112
- var _chunkA5JVDHMLcjs = require('./chunk-A5JVDHML.cjs');
112
+ var _chunk2ZENLZEQcjs = require('./chunk-2ZENLZEQ.cjs');
113
113
 
114
114
 
115
- var _chunkPA4IT2XQcjs = require('./chunk-PA4IT2XQ.cjs');
115
+ var _chunkXVSODE4Kcjs = require('./chunk-XVSODE4K.cjs');
116
116
 
117
117
 
118
118
  var _chunkTROYIUDHcjs = require('./chunk-TROYIUDH.cjs');
@@ -265,5 +265,5 @@ require('./chunk-DZUJEN5N.cjs');
265
265
 
266
266
 
267
267
 
268
- exports.Accordion = _chunkSDEKANNLcjs.Accordion; exports.AccordionItem = _chunkSDEKANNLcjs.AccordionItem; exports.Alert = _chunk6RGJAQCUcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkA7Z2QAFZcjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk2U7UJOOBcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Checkbox = _chunkIJ4DXG7Dcjs.Checkbox; exports.Chip = _chunkOGKD5PLScjs.Chip; exports.ColorPicker = _chunkW6IKHJ76cjs.ColorPicker; exports.Combobox = _chunkHNUTV3HRcjs.Combobox; exports.CommandPalette = _chunk3EPND5M2cjs.CommandPalette; exports.ContextMenu = _chunk4BQM5F76cjs.ContextMenu; exports.DataGrid = _chunkA5JVDHMLcjs.DataGrid; exports.DatePicker = _chunk2U7UJOOBcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkPJC7NZUVcjs.Drawer; exports.Dropdown = _chunkFRUOA2QUcjs.Dropdown; exports.DropdownProvider = _chunkFRUOA2QUcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FileUpload = _chunk3CXULV4Gcjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunkIJYYHBZCcjs.Header; exports.IconButton = _chunkA7Z2QAFZcjs.IconButton; exports.InlineEdit = _chunk4UJ7LG4Wcjs.InlineEdit; exports.Input = _chunkG5IGADJIcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkFMPXSF3Hcjs.Menu; exports.MenuPanel = _chunkFMPXSF3Hcjs.MenuPanel; exports.Modal = _chunkMW2S7PZ7cjs.Modal; exports.Navigation = _chunk7AHZTHXRcjs.Navigation; exports.NumberInput = _chunkQF2RAUPBcjs.NumberInput; exports.OTPInput = _chunkFKXKBJUIcjs.OTPInput; exports.PageLayout = _chunkWPTMMOA6cjs.PageLayout; exports.Pagination = _chunkISABZ2VXcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkKIXFSXINcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkQQIALSTXcjs.Radio; exports.RadioGroup = _chunkQQIALSTXcjs.RadioGroup; exports.SegmentedControl = _chunkDKZTDYH5cjs.SegmentedControl; exports.Select = _chunkHLNKIAE5cjs.Select; exports.Skeleton = _chunkIYWAZEFIcjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkAYMD4D4Mcjs.SnackbarContainer; exports.SnackbarProvider = _chunkAYMD4D4Mcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkEQEV7GPTcjs.SplitButton; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkS77GR5YQcjs.Tab; exports.TabPanel = _chunkS77GR5YQcjs.TabPanel; exports.Table = _chunkIC2M4N7Rcjs.Table; exports.TableFiltersDropdown = _chunkPA4IT2XQcjs.TableFiltersDropdown; exports.Tabs = _chunkS77GR5YQcjs.Tabs; exports.TagInput = _chunkZBKJ3EMKcjs.TagInput; exports.Textarea = _chunk6U2H26A4cjs.Textarea; exports.TimeInput = _chunk2U7UJOOBcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkUGMONQGHcjs.Toolbar; exports.Tooltip = _chunkZ5U4NJTWcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunk6A2ZKVSTcjs.VirtualList; exports.renderIcon = _chunkGOR642KKcjs.renderIcon; exports.useDropdownContext = _chunkFRUOA2QUcjs.useDropdownContext; exports.useSnackbar = _chunkAYMD4D4Mcjs.useSnackbar; exports.useSnackbarContext = _chunkAYMD4D4Mcjs.useSnackbarContext;
268
+ exports.Accordion = _chunkSDEKANNLcjs.Accordion; exports.AccordionItem = _chunkSDEKANNLcjs.AccordionItem; exports.Alert = _chunk6RGJAQCUcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkA7Z2QAFZcjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk2U7UJOOBcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Checkbox = _chunkIJ4DXG7Dcjs.Checkbox; exports.Chip = _chunkOGKD5PLScjs.Chip; exports.ColorPicker = _chunkW6IKHJ76cjs.ColorPicker; exports.Combobox = _chunkHNUTV3HRcjs.Combobox; exports.CommandPalette = _chunk3EPND5M2cjs.CommandPalette; exports.ContextMenu = _chunk4BQM5F76cjs.ContextMenu; exports.DataGrid = _chunk2ZENLZEQcjs.DataGrid; exports.DatePicker = _chunk2U7UJOOBcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkPJC7NZUVcjs.Drawer; exports.Dropdown = _chunkFRUOA2QUcjs.Dropdown; exports.DropdownProvider = _chunkFRUOA2QUcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FileUpload = _chunk3CXULV4Gcjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunkIJYYHBZCcjs.Header; exports.IconButton = _chunkA7Z2QAFZcjs.IconButton; exports.InlineEdit = _chunk4UJ7LG4Wcjs.InlineEdit; exports.Input = _chunkG5IGADJIcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkFMPXSF3Hcjs.Menu; exports.MenuPanel = _chunkFMPXSF3Hcjs.MenuPanel; exports.Modal = _chunkMW2S7PZ7cjs.Modal; exports.Navigation = _chunk7AHZTHXRcjs.Navigation; exports.NumberInput = _chunkQF2RAUPBcjs.NumberInput; exports.OTPInput = _chunkFKXKBJUIcjs.OTPInput; exports.PageLayout = _chunkWPTMMOA6cjs.PageLayout; exports.Pagination = _chunkISABZ2VXcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkKIXFSXINcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkQQIALSTXcjs.Radio; exports.RadioGroup = _chunkQQIALSTXcjs.RadioGroup; exports.SegmentedControl = _chunkDKZTDYH5cjs.SegmentedControl; exports.Select = _chunkHLNKIAE5cjs.Select; exports.Skeleton = _chunkIYWAZEFIcjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkAYMD4D4Mcjs.SnackbarContainer; exports.SnackbarProvider = _chunkAYMD4D4Mcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkEQEV7GPTcjs.SplitButton; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkS77GR5YQcjs.Tab; exports.TabPanel = _chunkS77GR5YQcjs.TabPanel; exports.Table = _chunkQONDJ5VMcjs.Table; exports.TableFiltersDropdown = _chunkXVSODE4Kcjs.TableFiltersDropdown; exports.Tabs = _chunkS77GR5YQcjs.Tabs; exports.TagInput = _chunkZBKJ3EMKcjs.TagInput; exports.Textarea = _chunk6U2H26A4cjs.Textarea; exports.TimeInput = _chunk2U7UJOOBcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkUGMONQGHcjs.Toolbar; exports.Tooltip = _chunkZ5U4NJTWcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunk6A2ZKVSTcjs.VirtualList; exports.renderIcon = _chunkGOR642KKcjs.renderIcon; exports.useDropdownContext = _chunkFRUOA2QUcjs.useDropdownContext; exports.useSnackbar = _chunkAYMD4D4Mcjs.useSnackbar; exports.useSnackbarContext = _chunkAYMD4D4Mcjs.useSnackbarContext;
269
269
  //# sourceMappingURL=index.cjs.map
package/dist/index.css CHANGED
@@ -106,6 +106,7 @@
106
106
  --navigation-max-width: 200px;
107
107
  --navigation-collapsed-width: 64px;
108
108
  --footer-height: 60px;
109
+ --badge-offset: 0.3em;
109
110
  --z-index-drawer: 1200;
110
111
  --z-index-modal: 1300;
111
112
  --z-index-dropdown: 1400;
@@ -596,9 +597,7 @@ svg.lucide {
596
597
  font-weight: var(--font-weight-bold);
597
598
  position: absolute;
598
599
  box-sizing: content-box;
599
- min-width: 18px;
600
- height: 18px;
601
- padding: 0 var(--spacing-xs);
600
+ padding: 0.35em 0.5em;
602
601
  border-radius: 9999px;
603
602
  border: 2px solid var(--white);
604
603
  font-size: var(--font-size-xs);
@@ -606,6 +605,7 @@ svg.lucide {
606
605
  white-space: nowrap;
607
606
  color: var(--white);
608
607
  pointer-events: none;
608
+ will-change: transform;
609
609
  transform: var(--eidos-badge-translate, translate(50%, -50%)) scale(var(--eidos-badge-scale, 1));
610
610
  transition: transform 0.2s ease, opacity 0.2s ease;
611
611
  }
@@ -640,23 +640,23 @@ svg.lucide {
640
640
  background-color: var(--info-color);
641
641
  }
642
642
  .eidos-badge--top-right.eidos-badge--rectangular {
643
- top: 0;
644
- right: 0;
643
+ top: var(--badge-offset);
644
+ right: var(--badge-offset);
645
645
  --eidos-badge-translate: translate(50%, -50%);
646
646
  }
647
647
  .eidos-badge--top-left.eidos-badge--rectangular {
648
- top: 0;
649
- left: 0;
648
+ top: var(--badge-offset);
649
+ left: var(--badge-offset);
650
650
  --eidos-badge-translate: translate(-50%, -50%);
651
651
  }
652
652
  .eidos-badge--bottom-right.eidos-badge--rectangular {
653
- bottom: 0;
654
- right: 0;
653
+ bottom: var(--badge-offset);
654
+ right: var(--badge-offset);
655
655
  --eidos-badge-translate: translate(50%, 50%);
656
656
  }
657
657
  .eidos-badge--bottom-left.eidos-badge--rectangular {
658
- bottom: 0;
659
- left: 0;
658
+ bottom: var(--badge-offset);
659
+ left: var(--badge-offset);
660
660
  --eidos-badge-translate: translate(-50%, 50%);
661
661
  }
662
662
  .eidos-badge--top-right.eidos-badge--circular {
@@ -684,7 +684,6 @@ svg.lucide {
684
684
  display: flex;
685
685
  align-items: center;
686
686
  justify-content: center;
687
- font-weight: var(--font-weight-bold);
688
687
  display: inline-flex;
689
688
  line-height: 1;
690
689
  white-space: nowrap;
@@ -2696,6 +2695,35 @@ kbd.eidos-cmd-kbd {
2696
2695
  color: var(--primary-600);
2697
2696
  }
2698
2697
 
2698
+ .eidos-datagrid-align-left {
2699
+ text-align: left;
2700
+ }
2701
+
2702
+ .eidos-datagrid-align-center {
2703
+ text-align: center;
2704
+ }
2705
+
2706
+ .eidos-datagrid-align-right {
2707
+ text-align: right;
2708
+ }
2709
+
2710
+ .eidos-datagrid-header-content.eidos-datagrid-align-center .eidos-datagrid-header-label, .eidos-datagrid-header-content.eidos-datagrid-align-right .eidos-datagrid-header-label {
2711
+ flex: 0 1 auto;
2712
+ }
2713
+ .eidos-datagrid-header-content.eidos-datagrid-align-center {
2714
+ justify-content: center;
2715
+ }
2716
+ .eidos-datagrid-header-content.eidos-datagrid-align-right {
2717
+ justify-content: flex-end;
2718
+ }
2719
+
2720
+ .eidos-data-grid-cell.eidos-datagrid-align-center > .eidos-checkbox-container {
2721
+ margin-inline: auto;
2722
+ }
2723
+ .eidos-data-grid-cell.eidos-datagrid-align-right > .eidos-checkbox-container {
2724
+ margin-inline-start: auto;
2725
+ }
2726
+
2699
2727
  .eidos-data-grid-row {
2700
2728
  border-bottom: 1px solid var(--gray-100);
2701
2729
  transition: background-color 0.1s ease;
@@ -7461,27 +7489,11 @@ kbd.eidos-cmd-kbd {
7461
7489
  justify-content: flex-end;
7462
7490
  }
7463
7491
 
7464
- .eidos-table-active-filter-button {
7465
- background: var(--primary-50);
7466
- border-color: var(--primary-200);
7492
+ .eidos-button.eidos-button--text.eidos-table-active-filter-button {
7493
+ background-color: var(--primary-50);
7467
7494
  color: var(--primary-700);
7468
7495
  }
7469
7496
 
7470
- .eidos-table-filter-count {
7471
- background: var(--primary-600);
7472
- color: var(--white);
7473
- border-radius: 50%;
7474
- padding: 2px 6px;
7475
- font-size: var(--font-size-xs);
7476
- font-weight: var(--font-weight-semibold);
7477
- margin-left: var(--spacing-xs);
7478
- min-width: 18px;
7479
- height: 18px;
7480
- display: inline-flex;
7481
- align-items: center;
7482
- justify-content: center;
7483
- }
7484
-
7485
7497
  @media (max-width: 768px) {
7486
7498
  .eidos-table-filters-dropdown {
7487
7499
  min-width: 300px;
package/dist/index.d.cts CHANGED
@@ -55,7 +55,7 @@ export { S as SelectOption, a as SelectProps } from './Select.types-CAkT2ACt.cjs
55
55
  export { SnackbarAction, SnackbarContainer, SnackbarContextValue, SnackbarItem, SnackbarProps, SnackbarProvider, SnackbarState, SnackbarVariant, UseSnackbarReturn, useSnackbar, useSnackbarContext } from './snackbar/index.cjs';
56
56
  export { Calendar, CalendarConfig, CalendarProps, DateFormatConfig, DateGranularity, DatePicker, DatePickerProps, DateSelectionMode, DateTimeValue, MultipleDateValue, RangeDateValue, RangeTimeValue, SingleDateValue, TimeConfig, TimeInput, TimeValue } from './date-picker/index.cjs';
57
57
  export { Table, TableFiltersDropdown } from './table/index.cjs';
58
- export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, T as TableColumn, d as TableFilters, e as TableProps } from './Table.types-DQ0ReOLj.cjs';
58
+ export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, R as RowKey, T as TableColumn, d as TableCustomColumn, e as TableFilters, f as TableProps, g as TableValueColumn } from './Table.types-Cl5gR8r9.cjs';
59
59
  export { TagInput, TagInputProps } from './tag-input/index.cjs';
60
60
  export { OTPInput, OTPInputProps } from './o-t-p-input/index.cjs';
61
61
  export { Combobox } from './combobox/index.cjs';
@@ -65,7 +65,7 @@ export { ColorFormat, ColorPicker, ColorPickerProps, HSLColor, RGBColor } from '
65
65
  export { CommandPalette } from './command-palette/index.cjs';
66
66
  export { C as CommandItem, a as CommandPaletteProps } from './CommandPalette.types-DRMMS_ev.cjs';
67
67
  export { VirtualList, VirtualListProps } from './virtual-list/index.cjs';
68
- export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.cjs';
68
+ export { DataGrid, DataGridActionsColumn, DataGridCellType, DataGridColumn, DataGridCustomColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, DataGridValueCellType, DataGridValueColumn, EditingCell } from './data-grid/index.cjs';
69
69
  export { I as IconType, r as renderIcon } from './renderIcon-C2lEMMzb.cjs';
70
70
  export { C as ComponentSizeProps } from './sizes-DM6Rrrgq.cjs';
71
71
  import 'react';
package/dist/index.d.ts CHANGED
@@ -55,7 +55,7 @@ export { S as SelectOption, a as SelectProps } from './Select.types-B4kDpkGB.js'
55
55
  export { SnackbarAction, SnackbarContainer, SnackbarContextValue, SnackbarItem, SnackbarProps, SnackbarProvider, SnackbarState, SnackbarVariant, UseSnackbarReturn, useSnackbar, useSnackbarContext } from './snackbar/index.js';
56
56
  export { Calendar, CalendarConfig, CalendarProps, DateFormatConfig, DateGranularity, DatePicker, DatePickerProps, DateSelectionMode, DateTimeValue, MultipleDateValue, RangeDateValue, RangeTimeValue, SingleDateValue, TimeConfig, TimeInput, TimeValue } from './date-picker/index.js';
57
57
  export { Table, TableFiltersDropdown } from './table/index.js';
58
- export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, T as TableColumn, d as TableFilters, e as TableProps } from './Table.types-Bv9l7qxd.js';
58
+ export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, R as RowKey, T as TableColumn, d as TableCustomColumn, e as TableFilters, f as TableProps, g as TableValueColumn } from './Table.types-jhPb7JNU.js';
59
59
  export { TagInput, TagInputProps } from './tag-input/index.js';
60
60
  export { OTPInput, OTPInputProps } from './o-t-p-input/index.js';
61
61
  export { Combobox } from './combobox/index.js';
@@ -65,7 +65,7 @@ export { ColorFormat, ColorPicker, ColorPickerProps, HSLColor, RGBColor } from '
65
65
  export { CommandPalette } from './command-palette/index.js';
66
66
  export { C as CommandItem, a as CommandPaletteProps } from './CommandPalette.types-DRMMS_ev.js';
67
67
  export { VirtualList, VirtualListProps } from './virtual-list/index.js';
68
- export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.js';
68
+ export { DataGrid, DataGridActionsColumn, DataGridCellType, DataGridColumn, DataGridCustomColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, DataGridValueCellType, DataGridValueColumn, EditingCell } from './data-grid/index.js';
69
69
  export { I as IconType, r as renderIcon } from './renderIcon-C2lEMMzb.js';
70
70
  export { C as ComponentSizeProps } from './sizes-DM6Rrrgq.js';
71
71
  import 'react';
package/dist/index.js CHANGED
@@ -38,7 +38,7 @@ import {
38
38
  } from "./chunk-7HEUWGYW.js";
39
39
  import {
40
40
  Table
41
- } from "./chunk-NFIK3KMT.js";
41
+ } from "./chunk-VSFKM7FE.js";
42
42
  import "./chunk-TH3ITGUM.js";
43
43
  import {
44
44
  PageLayout
@@ -109,10 +109,10 @@ import {
109
109
  } from "./chunk-S7TWEVC3.js";
110
110
  import {
111
111
  DataGrid
112
- } from "./chunk-A5LHCAQY.js";
112
+ } from "./chunk-MH2CD2QT.js";
113
113
  import {
114
114
  TableFiltersDropdown
115
- } from "./chunk-IZBJW37N.js";
115
+ } from "./chunk-AJZTVCST.js";
116
116
  import {
117
117
  Spinner
118
118
  } from "./chunk-6ZAT5CGB.js";
@@ -1,11 +1,11 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkIC2M4N7Rcjs = require('../chunk-IC2M4N7R.cjs');
3
+ var _chunkQONDJ5VMcjs = require('../chunk-QONDJ5VM.cjs');
4
4
  require('../chunk-3RUIKBH4.cjs');
5
5
  require('../chunk-SWPZ3HFY.cjs');
6
6
 
7
7
 
8
- var _chunkPA4IT2XQcjs = require('../chunk-PA4IT2XQ.cjs');
8
+ var _chunkXVSODE4Kcjs = require('../chunk-XVSODE4K.cjs');
9
9
  require('../chunk-TROYIUDH.cjs');
10
10
  require('../chunk-EQEV7GPT.cjs');
11
11
  require('../chunk-ISABZ2VX.cjs');
@@ -20,6 +20,7 @@ require('../chunk-G5IGADJI.cjs');
20
20
  require('../chunk-FMPXSF3H.cjs');
21
21
  require('../chunk-FRUOA2QU.cjs');
22
22
  require('../chunk-KVIL4EP4.cjs');
23
+ require('../chunk-3ETWFS2N.cjs');
23
24
  require('../chunk-EACNRR3C.cjs');
24
25
  require('../chunk-A7Z2QAFZ.cjs');
25
26
  require('../chunk-I6UOIS4J.cjs');
@@ -29,5 +30,5 @@ require('../chunk-DZUJEN5N.cjs');
29
30
 
30
31
 
31
32
 
32
- exports.Table = _chunkIC2M4N7Rcjs.Table; exports.TableFiltersDropdown = _chunkPA4IT2XQcjs.TableFiltersDropdown;
33
+ exports.Table = _chunkQONDJ5VMcjs.Table; exports.TableFiltersDropdown = _chunkXVSODE4Kcjs.TableFiltersDropdown;
33
34
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/table/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,+GAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/table/index.cjs"}
1
+ {"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/table/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,+GAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/table/index.cjs"}
@@ -1,20 +1,20 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
- import { e as TableProps, T as TableColumn, d as TableFilters } from '../Table.types-DQ0ReOLj.cjs';
4
- export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue } from '../Table.types-DQ0ReOLj.cjs';
3
+ import { f as TableProps, T as TableColumn, e as TableFilters } from '../Table.types-Cl5gR8r9.cjs';
4
+ export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, d as TableCustomColumn, g as TableValueColumn } from '../Table.types-Cl5gR8r9.cjs';
5
5
  import '../renderIcon-C2lEMMzb.cjs';
6
6
  import '../Button.types-DZRCVqyN.cjs';
7
7
  import '../sizes-DM6Rrrgq.cjs';
8
8
 
9
- declare const Table: <T extends Record<string, unknown>>({ data, columns, loading, emptyMessage, onRowClick, className, showFooter, totalItems, showPagination, pageSize, pageSizeOptions, onSortChange, currentSort, filters, onFiltersChange, defaultFilters, showFilters, selectable, rowKey, selectedRows: controlledSelected, defaultSelectedRows, onSelectionChange, bulkActions, density, showDensity, showColumnVisibility, showExport, draggableColumns, onColumnReorder, }: TableProps<T>) => React__default.JSX.Element;
9
+ declare const Table: <T extends object>({ data, columns, loading, emptyMessage, onRowClick, className, showFooter, totalItems, showPagination, pageSize, pageSizeOptions, onSortChange, currentSort, filters, onFiltersChange, defaultFilters, showFilters, selectable, rowKey, selectedRows: controlledSelected, defaultSelectedRows, onSelectionChange, bulkActions, density, showDensity, showColumnVisibility, showExport, draggableColumns, onColumnReorder, }: TableProps<T>) => React__default.JSX.Element;
10
10
 
11
- interface TableFiltersDropdownProps<T> {
11
+ interface TableFiltersDropdownProps<T extends object> {
12
12
  columns: TableColumn<T>[];
13
13
  filters: TableFilters;
14
14
  onFiltersChange: (filters: TableFilters) => void;
15
15
  defaultFilters?: TableFilters;
16
16
  className?: string;
17
17
  }
18
- declare const TableFiltersDropdown: <T extends Record<string, unknown>>({ columns, filters, onFiltersChange, defaultFilters, className, }: TableFiltersDropdownProps<T>) => React.JSX.Element;
18
+ declare const TableFiltersDropdown: <T extends object>({ columns, filters, onFiltersChange, defaultFilters, className, }: TableFiltersDropdownProps<T>) => React.JSX.Element;
19
19
 
20
20
  export { Table, TableColumn, TableFilters, TableFiltersDropdown, TableProps };
@@ -1,20 +1,20 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
- import { e as TableProps, T as TableColumn, d as TableFilters } from '../Table.types-Bv9l7qxd.js';
4
- export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue } from '../Table.types-Bv9l7qxd.js';
3
+ import { f as TableProps, T as TableColumn, e as TableFilters } from '../Table.types-jhPb7JNU.js';
4
+ export { B as BulkAction, a as BulkActionButton, b as BulkActionSplitButton, c as BulkActionSplitOption, F as FilterValue, d as TableCustomColumn, g as TableValueColumn } from '../Table.types-jhPb7JNU.js';
5
5
  import '../renderIcon-C2lEMMzb.js';
6
6
  import '../Button.types-BH0CPyPx.js';
7
7
  import '../sizes-DM6Rrrgq.js';
8
8
 
9
- declare const Table: <T extends Record<string, unknown>>({ data, columns, loading, emptyMessage, onRowClick, className, showFooter, totalItems, showPagination, pageSize, pageSizeOptions, onSortChange, currentSort, filters, onFiltersChange, defaultFilters, showFilters, selectable, rowKey, selectedRows: controlledSelected, defaultSelectedRows, onSelectionChange, bulkActions, density, showDensity, showColumnVisibility, showExport, draggableColumns, onColumnReorder, }: TableProps<T>) => React__default.JSX.Element;
9
+ declare const Table: <T extends object>({ data, columns, loading, emptyMessage, onRowClick, className, showFooter, totalItems, showPagination, pageSize, pageSizeOptions, onSortChange, currentSort, filters, onFiltersChange, defaultFilters, showFilters, selectable, rowKey, selectedRows: controlledSelected, defaultSelectedRows, onSelectionChange, bulkActions, density, showDensity, showColumnVisibility, showExport, draggableColumns, onColumnReorder, }: TableProps<T>) => React__default.JSX.Element;
10
10
 
11
- interface TableFiltersDropdownProps<T> {
11
+ interface TableFiltersDropdownProps<T extends object> {
12
12
  columns: TableColumn<T>[];
13
13
  filters: TableFilters;
14
14
  onFiltersChange: (filters: TableFilters) => void;
15
15
  defaultFilters?: TableFilters;
16
16
  className?: string;
17
17
  }
18
- declare const TableFiltersDropdown: <T extends Record<string, unknown>>({ columns, filters, onFiltersChange, defaultFilters, className, }: TableFiltersDropdownProps<T>) => React.JSX.Element;
18
+ declare const TableFiltersDropdown: <T extends object>({ columns, filters, onFiltersChange, defaultFilters, className, }: TableFiltersDropdownProps<T>) => React.JSX.Element;
19
19
 
20
20
  export { Table, TableColumn, TableFilters, TableFiltersDropdown, TableProps };
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  Table
3
- } from "../chunk-NFIK3KMT.js";
3
+ } from "../chunk-VSFKM7FE.js";
4
4
  import "../chunk-TH3ITGUM.js";
5
5
  import "../chunk-TZWNX7FF.js";
6
6
  import {
7
7
  TableFiltersDropdown
8
- } from "../chunk-IZBJW37N.js";
8
+ } from "../chunk-AJZTVCST.js";
9
9
  import "../chunk-6ZAT5CGB.js";
10
10
  import "../chunk-3LHQUOGP.js";
11
11
  import "../chunk-56B6RLOE.js";
@@ -20,6 +20,7 @@ import "../chunk-WE5FTQGD.js";
20
20
  import "../chunk-JMD3P4CY.js";
21
21
  import "../chunk-4BKTBV2I.js";
22
22
  import "../chunk-LYH3EKKQ.js";
23
+ import "../chunk-3SKI6FXB.js";
23
24
  import "../chunk-N5JDL4VE.js";
24
25
  import "../chunk-WIE7HDIM.js";
25
26
  import "../chunk-66R54X6R.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eidos-ui",
3
- "version": "1.1.0",
3
+ "version": "2.0.0",
4
4
  "description": "A modern React component library with TypeScript and SCSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -1,103 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { I as IconType } from './renderIcon-C2lEMMzb.js';
3
- import { B as ButtonColorProps, b as ButtonVariantProps } from './Button.types-BH0CPyPx.js';
4
-
5
- /** A secondary action inside a `type: 'split-button'` bulk action's dropdown. */
6
- interface BulkActionSplitOption<T> {
7
- id: string;
8
- label: string;
9
- icon?: IconType;
10
- disabled?: boolean;
11
- /** Receives the full array of currently selected row objects. */
12
- onClick: (selectedRows: T[]) => void;
13
- }
14
- interface BulkActionCommon<T> {
15
- /** Only needs to be unique within this `bulkActions` array. */
16
- id: string;
17
- color?: ButtonColorProps;
18
- disabled?: boolean | ((selectedRows: T[]) => boolean);
19
- /** Primary action - fired on click for `'button'`, or on the primary (left) segment for `'split-button'`. */
20
- onClick: (selectedRows: T[]) => void;
21
- }
22
- interface BulkActionButton<T> extends BulkActionCommon<T> {
23
- /** @default 'button' */
24
- type?: 'button';
25
- /** Omit to render an icon-only button - `icon` becomes the sole icon in that case. */
26
- label?: string;
27
- icon?: IconType;
28
- posIcon?: IconType;
29
- variant?: ButtonVariantProps;
30
- }
31
- interface BulkActionSplitButton<T> extends BulkActionCommon<T> {
32
- type: 'split-button';
33
- /** Required - SplitButton always renders a primary label. */
34
- label: string;
35
- icon?: IconType;
36
- /** SplitButton has no `text` variant. */
37
- variant?: Exclude<ButtonVariantProps, 'text'>;
38
- /** Secondary actions shown in the split-button's dropdown. */
39
- options: BulkActionSplitOption<T>[];
40
- }
41
- type BulkAction<T> = BulkActionButton<T> | BulkActionSplitButton<T>;
42
- interface TableColumn<T> {
43
- key: keyof T | string;
44
- label: string;
45
- render?: (value: unknown, item: T) => ReactNode;
46
- sortable?: boolean;
47
- filterable?: boolean;
48
- filterType?: 'text' | 'select' | 'date' | 'boolean';
49
- filterOptions?: {
50
- id: string;
51
- value: string;
52
- label: string;
53
- }[];
54
- dateFilterMode?: 'single' | 'multiple' | 'range';
55
- width?: string;
56
- align?: 'left' | 'center' | 'right';
57
- type?: 'data' | 'icon' | 'action';
58
- /** Enables position:sticky on this column */
59
- pin?: 'left' | 'right';
60
- }
61
- type FilterValue = string | string[] | boolean | {
62
- start: string | null;
63
- end: string | null;
64
- } | undefined;
65
- interface TableFilters {
66
- [key: string]: FilterValue;
67
- }
68
- interface TableProps<T> {
69
- data: T[];
70
- columns: TableColumn<T>[];
71
- loading?: boolean;
72
- emptyMessage?: string;
73
- onRowClick?: (item: T) => void;
74
- className?: string;
75
- showFooter?: boolean;
76
- totalItems?: number;
77
- showPagination?: boolean;
78
- pageSize?: number;
79
- pageSizeOptions?: number[];
80
- onSortChange?: (sortBy: string, sortDirection: 'asc' | 'desc') => void;
81
- currentSort?: {
82
- key: string;
83
- direction: 'asc' | 'desc';
84
- };
85
- filters?: TableFilters;
86
- onFiltersChange?: (filters: TableFilters) => void;
87
- defaultFilters?: TableFilters;
88
- showFilters?: boolean;
89
- selectable?: boolean;
90
- rowKey?: keyof T;
91
- selectedRows?: string[];
92
- defaultSelectedRows?: string[];
93
- onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
94
- bulkActions?: BulkAction<T>[];
95
- density?: 'compact' | 'comfortable' | 'spacious';
96
- showColumnVisibility?: boolean;
97
- showExport?: boolean;
98
- showDensity?: boolean;
99
- draggableColumns?: boolean;
100
- onColumnReorder?: (newColumns: TableColumn<T>[]) => void;
101
- }
102
-
103
- export type { BulkAction as B, FilterValue as F, TableColumn as T, BulkActionButton as a, BulkActionSplitButton as b, BulkActionSplitOption as c, TableFilters as d, TableProps as e };
@@ -1,103 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { I as IconType } from './renderIcon-C2lEMMzb.cjs';
3
- import { B as ButtonColorProps, b as ButtonVariantProps } from './Button.types-DZRCVqyN.cjs';
4
-
5
- /** A secondary action inside a `type: 'split-button'` bulk action's dropdown. */
6
- interface BulkActionSplitOption<T> {
7
- id: string;
8
- label: string;
9
- icon?: IconType;
10
- disabled?: boolean;
11
- /** Receives the full array of currently selected row objects. */
12
- onClick: (selectedRows: T[]) => void;
13
- }
14
- interface BulkActionCommon<T> {
15
- /** Only needs to be unique within this `bulkActions` array. */
16
- id: string;
17
- color?: ButtonColorProps;
18
- disabled?: boolean | ((selectedRows: T[]) => boolean);
19
- /** Primary action - fired on click for `'button'`, or on the primary (left) segment for `'split-button'`. */
20
- onClick: (selectedRows: T[]) => void;
21
- }
22
- interface BulkActionButton<T> extends BulkActionCommon<T> {
23
- /** @default 'button' */
24
- type?: 'button';
25
- /** Omit to render an icon-only button - `icon` becomes the sole icon in that case. */
26
- label?: string;
27
- icon?: IconType;
28
- posIcon?: IconType;
29
- variant?: ButtonVariantProps;
30
- }
31
- interface BulkActionSplitButton<T> extends BulkActionCommon<T> {
32
- type: 'split-button';
33
- /** Required - SplitButton always renders a primary label. */
34
- label: string;
35
- icon?: IconType;
36
- /** SplitButton has no `text` variant. */
37
- variant?: Exclude<ButtonVariantProps, 'text'>;
38
- /** Secondary actions shown in the split-button's dropdown. */
39
- options: BulkActionSplitOption<T>[];
40
- }
41
- type BulkAction<T> = BulkActionButton<T> | BulkActionSplitButton<T>;
42
- interface TableColumn<T> {
43
- key: keyof T | string;
44
- label: string;
45
- render?: (value: unknown, item: T) => ReactNode;
46
- sortable?: boolean;
47
- filterable?: boolean;
48
- filterType?: 'text' | 'select' | 'date' | 'boolean';
49
- filterOptions?: {
50
- id: string;
51
- value: string;
52
- label: string;
53
- }[];
54
- dateFilterMode?: 'single' | 'multiple' | 'range';
55
- width?: string;
56
- align?: 'left' | 'center' | 'right';
57
- type?: 'data' | 'icon' | 'action';
58
- /** Enables position:sticky on this column */
59
- pin?: 'left' | 'right';
60
- }
61
- type FilterValue = string | string[] | boolean | {
62
- start: string | null;
63
- end: string | null;
64
- } | undefined;
65
- interface TableFilters {
66
- [key: string]: FilterValue;
67
- }
68
- interface TableProps<T> {
69
- data: T[];
70
- columns: TableColumn<T>[];
71
- loading?: boolean;
72
- emptyMessage?: string;
73
- onRowClick?: (item: T) => void;
74
- className?: string;
75
- showFooter?: boolean;
76
- totalItems?: number;
77
- showPagination?: boolean;
78
- pageSize?: number;
79
- pageSizeOptions?: number[];
80
- onSortChange?: (sortBy: string, sortDirection: 'asc' | 'desc') => void;
81
- currentSort?: {
82
- key: string;
83
- direction: 'asc' | 'desc';
84
- };
85
- filters?: TableFilters;
86
- onFiltersChange?: (filters: TableFilters) => void;
87
- defaultFilters?: TableFilters;
88
- showFilters?: boolean;
89
- selectable?: boolean;
90
- rowKey?: keyof T;
91
- selectedRows?: string[];
92
- defaultSelectedRows?: string[];
93
- onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
94
- bulkActions?: BulkAction<T>[];
95
- density?: 'compact' | 'comfortable' | 'spacious';
96
- showColumnVisibility?: boolean;
97
- showExport?: boolean;
98
- showDensity?: boolean;
99
- draggableColumns?: boolean;
100
- onColumnReorder?: (newColumns: TableColumn<T>[]) => void;
101
- }
102
-
103
- export type { BulkAction as B, FilterValue as F, TableColumn as T, BulkActionButton as a, BulkActionSplitButton as b, BulkActionSplitOption as c, TableFilters as d, TableProps as e };