eidos-ui 1.0.2 → 1.2.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.
- package/dist/Combobox.types-B7ozlnA9.d.cts +35 -0
- package/dist/Combobox.types-DkigkEh2.d.ts +35 -0
- package/dist/SegmentedControl.types-CK8EiShd.d.ts +35 -0
- package/dist/SegmentedControl.types-Dm4SnwCK.d.cts +35 -0
- package/dist/Select.types-B4kDpkGB.d.ts +42 -0
- package/dist/Select.types-CAkT2ACt.d.cts +42 -0
- package/dist/{chunk-NFIK3KMT.js → chunk-2KO5ZCZC.js} +2 -2
- package/dist/{chunk-IZBJW37N.js → chunk-6DBCT5MK.js} +9 -6
- package/dist/chunk-6DBCT5MK.js.map +1 -0
- package/dist/{chunk-CBLWP43O.cjs → chunk-6XB3QTHO.cjs} +212 -86
- package/dist/chunk-6XB3QTHO.cjs.map +1 -0
- package/dist/{chunk-W3X3V72Q.js → chunk-DW2YDWGN.js} +3 -3
- package/dist/chunk-DW2YDWGN.js.map +1 -0
- package/dist/{chunk-YRK56AOP.cjs → chunk-HNUTV3HR.cjs} +3 -3
- package/dist/chunk-HNUTV3HR.cjs.map +1 -0
- package/dist/{chunk-IC2M4N7R.cjs → chunk-NUK4NT5Q.cjs} +11 -11
- package/dist/{chunk-IC2M4N7R.cjs.map → chunk-NUK4NT5Q.cjs.map} +1 -1
- package/dist/{chunk-S2EICHZK.js → chunk-P2ZHWFK4.js} +202 -76
- package/dist/chunk-P2ZHWFK4.js.map +1 -0
- package/dist/{chunk-PA4IT2XQ.cjs → chunk-TKLWQWMT.cjs} +9 -6
- package/dist/chunk-TKLWQWMT.cjs.map +1 -0
- package/dist/combobox/index.cjs +2 -2
- package/dist/combobox/index.d.cts +4 -33
- package/dist/combobox/index.d.ts +4 -33
- package/dist/combobox/index.js +1 -1
- package/dist/data-grid/index.cjs +6 -3
- package/dist/data-grid/index.cjs.map +1 -1
- package/dist/data-grid/index.d.cts +100 -3
- package/dist/data-grid/index.d.ts +100 -3
- package/dist/data-grid/index.js +5 -2
- package/dist/index.cjs +10 -10
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +62 -34
- package/dist/index.d.cts +7 -4
- package/dist/index.d.ts +7 -4
- package/dist/index.js +9 -9
- package/dist/segmented-control/index.d.cts +5 -34
- package/dist/segmented-control/index.d.ts +5 -34
- package/dist/select/index.d.cts +5 -41
- package/dist/select/index.d.ts +5 -41
- package/dist/table/index.cjs +4 -3
- package/dist/table/index.cjs.map +1 -1
- package/dist/table/index.js +3 -2
- package/package.json +4 -7
- package/dist/chunk-CBLWP43O.cjs.map +0 -1
- package/dist/chunk-IZBJW37N.js.map +0 -1
- package/dist/chunk-PA4IT2XQ.cjs.map +0 -1
- package/dist/chunk-S2EICHZK.js.map +0 -1
- package/dist/chunk-W3X3V72Q.js.map +0 -1
- package/dist/chunk-YRK56AOP.cjs.map +0 -1
- /package/dist/{chunk-NFIK3KMT.js.map → chunk-2KO5ZCZC.js.map} +0 -0
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
|
-
|
|
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:
|
|
644
|
-
right:
|
|
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:
|
|
649
|
-
left:
|
|
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:
|
|
654
|
-
right:
|
|
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:
|
|
659
|
-
left:
|
|
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;
|
|
@@ -2116,14 +2115,12 @@ svg.lucide {
|
|
|
2116
2115
|
.eidos-combobox-trigger {
|
|
2117
2116
|
position: relative;
|
|
2118
2117
|
width: 100%;
|
|
2118
|
+
display: flex;
|
|
2119
|
+
flex-direction: column;
|
|
2119
2120
|
}
|
|
2120
2121
|
.eidos-combobox-trigger input {
|
|
2121
2122
|
cursor: text;
|
|
2122
2123
|
}
|
|
2123
|
-
.eidos-combobox-trigger .eidos-dropdown-trigger {
|
|
2124
|
-
line-height: 0;
|
|
2125
|
-
overflow: hidden;
|
|
2126
|
-
}
|
|
2127
2124
|
|
|
2128
2125
|
.eidos-combobox-dropdown-anchor {
|
|
2129
2126
|
position: absolute;
|
|
@@ -2586,6 +2583,24 @@ kbd.eidos-cmd-kbd {
|
|
|
2586
2583
|
flex-shrink: 0;
|
|
2587
2584
|
}
|
|
2588
2585
|
|
|
2586
|
+
.eidos-datagrid-quick-filters {
|
|
2587
|
+
display: flex;
|
|
2588
|
+
align-items: center;
|
|
2589
|
+
gap: var(--spacing-sm);
|
|
2590
|
+
flex-wrap: wrap;
|
|
2591
|
+
min-width: 0;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
.eidos-datagrid-quick-filter {
|
|
2595
|
+
--eidos-datagrid-quick-filter-width: 160px;
|
|
2596
|
+
display: flex;
|
|
2597
|
+
align-items: center;
|
|
2598
|
+
min-width: 0;
|
|
2599
|
+
}
|
|
2600
|
+
.eidos-datagrid-quick-filter--select, .eidos-datagrid-quick-filter--combobox {
|
|
2601
|
+
width: var(--eidos-datagrid-quick-filter-width);
|
|
2602
|
+
}
|
|
2603
|
+
|
|
2589
2604
|
.eidos-datagrid-selection-count {
|
|
2590
2605
|
font-size: var(--font-size-sm);
|
|
2591
2606
|
font-weight: var(--font-weight-semibold);
|
|
@@ -2680,6 +2695,35 @@ kbd.eidos-cmd-kbd {
|
|
|
2680
2695
|
color: var(--primary-600);
|
|
2681
2696
|
}
|
|
2682
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
|
+
|
|
2683
2727
|
.eidos-data-grid-row {
|
|
2684
2728
|
border-bottom: 1px solid var(--gray-100);
|
|
2685
2729
|
transition: background-color 0.1s ease;
|
|
@@ -7445,27 +7489,11 @@ kbd.eidos-cmd-kbd {
|
|
|
7445
7489
|
justify-content: flex-end;
|
|
7446
7490
|
}
|
|
7447
7491
|
|
|
7448
|
-
.eidos-table-active-filter-button {
|
|
7449
|
-
background: var(--primary-50);
|
|
7450
|
-
border-color: var(--primary-200);
|
|
7492
|
+
.eidos-button.eidos-button--text.eidos-table-active-filter-button {
|
|
7493
|
+
background-color: var(--primary-50);
|
|
7451
7494
|
color: var(--primary-700);
|
|
7452
7495
|
}
|
|
7453
7496
|
|
|
7454
|
-
.eidos-table-filter-count {
|
|
7455
|
-
background: var(--primary-600);
|
|
7456
|
-
color: var(--white);
|
|
7457
|
-
border-radius: 50%;
|
|
7458
|
-
padding: 2px 6px;
|
|
7459
|
-
font-size: var(--font-size-xs);
|
|
7460
|
-
font-weight: var(--font-weight-semibold);
|
|
7461
|
-
margin-left: var(--spacing-xs);
|
|
7462
|
-
min-width: 18px;
|
|
7463
|
-
height: 18px;
|
|
7464
|
-
display: inline-flex;
|
|
7465
|
-
align-items: center;
|
|
7466
|
-
justify-content: center;
|
|
7467
|
-
}
|
|
7468
|
-
|
|
7469
7497
|
@media (max-width: 768px) {
|
|
7470
7498
|
.eidos-table-filters-dropdown {
|
|
7471
7499
|
min-width: 300px;
|
package/dist/index.d.cts
CHANGED
|
@@ -34,7 +34,8 @@ export { Textarea, TextareaColorProps, TextareaProps, TextareaVariantProps } fro
|
|
|
34
34
|
export { Button, IconButton } from './button/index.cjs';
|
|
35
35
|
export { B as ButtonColorProps, a as ButtonProps, b as ButtonVariantProps, I as IconButtonProps, T as TextButtonProps } from './Button.types-DZRCVqyN.cjs';
|
|
36
36
|
export { ButtonGroup, ButtonGroupProps } from './button-group/index.cjs';
|
|
37
|
-
export { SegmentedControl
|
|
37
|
+
export { SegmentedControl } from './segmented-control/index.cjs';
|
|
38
|
+
export { S as SegmentedControlColorProps, a as SegmentedControlProps, b as SegmentedOption } from './SegmentedControl.types-Dm4SnwCK.cjs';
|
|
38
39
|
export { SplitButton, SplitButtonOption, SplitButtonProps } from './split-button/index.cjs';
|
|
39
40
|
export { ContextMenu, ContextMenuProps } from './context-menu/index.cjs';
|
|
40
41
|
export { Tooltip, TooltipProps } from './tooltip/index.cjs';
|
|
@@ -49,20 +50,22 @@ export { Kbd, KbdProps } from './kbd/index.cjs';
|
|
|
49
50
|
export { Menu, MenuPanel } from './menu/index.cjs';
|
|
50
51
|
export { M as MenuComponentItem, a as MenuItem, b as MenuItemType, c as MenuNestedItem, d as MenuPanelProps, d as MenuProps, e as MenuSeparator, f as MenuWrapperProps } from './Menu.types-DwcuCZM7.cjs';
|
|
51
52
|
export { Modal, ModalAction, ModalProps, ModalSize } from './modal/index.cjs';
|
|
52
|
-
export { Select
|
|
53
|
+
export { Select } from './select/index.cjs';
|
|
54
|
+
export { S as SelectOption, a as SelectProps } from './Select.types-CAkT2ACt.cjs';
|
|
53
55
|
export { SnackbarAction, SnackbarContainer, SnackbarContextValue, SnackbarItem, SnackbarProps, SnackbarProvider, SnackbarState, SnackbarVariant, UseSnackbarReturn, useSnackbar, useSnackbarContext } from './snackbar/index.cjs';
|
|
54
56
|
export { Calendar, CalendarConfig, CalendarProps, DateFormatConfig, DateGranularity, DatePicker, DatePickerProps, DateSelectionMode, DateTimeValue, MultipleDateValue, RangeDateValue, RangeTimeValue, SingleDateValue, TimeConfig, TimeInput, TimeValue } from './date-picker/index.cjs';
|
|
55
57
|
export { Table, TableFiltersDropdown } from './table/index.cjs';
|
|
56
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';
|
|
57
59
|
export { TagInput, TagInputProps } from './tag-input/index.cjs';
|
|
58
60
|
export { OTPInput, OTPInputProps } from './o-t-p-input/index.cjs';
|
|
59
|
-
export { Combobox
|
|
61
|
+
export { Combobox } from './combobox/index.cjs';
|
|
62
|
+
export { C as ComboboxOption, a as ComboboxProps } from './Combobox.types-B7ozlnA9.cjs';
|
|
60
63
|
export { TreeNode, TreeView, TreeViewProps } from './tree-view/index.cjs';
|
|
61
64
|
export { ColorFormat, ColorPicker, ColorPickerProps, HSLColor, RGBColor } from './color-picker/index.cjs';
|
|
62
65
|
export { CommandPalette } from './command-palette/index.cjs';
|
|
63
66
|
export { C as CommandItem, a as CommandPaletteProps } from './CommandPalette.types-DRMMS_ev.cjs';
|
|
64
67
|
export { VirtualList, VirtualListProps } from './virtual-list/index.cjs';
|
|
65
|
-
export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.cjs';
|
|
68
|
+
export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.cjs';
|
|
66
69
|
export { I as IconType, r as renderIcon } from './renderIcon-C2lEMMzb.cjs';
|
|
67
70
|
export { C as ComponentSizeProps } from './sizes-DM6Rrrgq.cjs';
|
|
68
71
|
import 'react';
|
package/dist/index.d.ts
CHANGED
|
@@ -34,7 +34,8 @@ export { Textarea, TextareaColorProps, TextareaProps, TextareaVariantProps } fro
|
|
|
34
34
|
export { Button, IconButton } from './button/index.js';
|
|
35
35
|
export { B as ButtonColorProps, a as ButtonProps, b as ButtonVariantProps, I as IconButtonProps, T as TextButtonProps } from './Button.types-BH0CPyPx.js';
|
|
36
36
|
export { ButtonGroup, ButtonGroupProps } from './button-group/index.js';
|
|
37
|
-
export { SegmentedControl
|
|
37
|
+
export { SegmentedControl } from './segmented-control/index.js';
|
|
38
|
+
export { S as SegmentedControlColorProps, a as SegmentedControlProps, b as SegmentedOption } from './SegmentedControl.types-CK8EiShd.js';
|
|
38
39
|
export { SplitButton, SplitButtonOption, SplitButtonProps } from './split-button/index.js';
|
|
39
40
|
export { ContextMenu, ContextMenuProps } from './context-menu/index.js';
|
|
40
41
|
export { Tooltip, TooltipProps } from './tooltip/index.js';
|
|
@@ -49,20 +50,22 @@ export { Kbd, KbdProps } from './kbd/index.js';
|
|
|
49
50
|
export { Menu, MenuPanel } from './menu/index.js';
|
|
50
51
|
export { M as MenuComponentItem, a as MenuItem, b as MenuItemType, c as MenuNestedItem, d as MenuPanelProps, d as MenuProps, e as MenuSeparator, f as MenuWrapperProps } from './Menu.types-DNIpjSAK.js';
|
|
51
52
|
export { Modal, ModalAction, ModalProps, ModalSize } from './modal/index.js';
|
|
52
|
-
export { Select
|
|
53
|
+
export { Select } from './select/index.js';
|
|
54
|
+
export { S as SelectOption, a as SelectProps } from './Select.types-B4kDpkGB.js';
|
|
53
55
|
export { SnackbarAction, SnackbarContainer, SnackbarContextValue, SnackbarItem, SnackbarProps, SnackbarProvider, SnackbarState, SnackbarVariant, UseSnackbarReturn, useSnackbar, useSnackbarContext } from './snackbar/index.js';
|
|
54
56
|
export { Calendar, CalendarConfig, CalendarProps, DateFormatConfig, DateGranularity, DatePicker, DatePickerProps, DateSelectionMode, DateTimeValue, MultipleDateValue, RangeDateValue, RangeTimeValue, SingleDateValue, TimeConfig, TimeInput, TimeValue } from './date-picker/index.js';
|
|
55
57
|
export { Table, TableFiltersDropdown } from './table/index.js';
|
|
56
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';
|
|
57
59
|
export { TagInput, TagInputProps } from './tag-input/index.js';
|
|
58
60
|
export { OTPInput, OTPInputProps } from './o-t-p-input/index.js';
|
|
59
|
-
export { Combobox
|
|
61
|
+
export { Combobox } from './combobox/index.js';
|
|
62
|
+
export { C as ComboboxOption, a as ComboboxProps } from './Combobox.types-DkigkEh2.js';
|
|
60
63
|
export { TreeNode, TreeView, TreeViewProps } from './tree-view/index.js';
|
|
61
64
|
export { ColorFormat, ColorPicker, ColorPickerProps, HSLColor, RGBColor } from './color-picker/index.js';
|
|
62
65
|
export { CommandPalette } from './command-palette/index.js';
|
|
63
66
|
export { C as CommandItem, a as CommandPaletteProps } from './CommandPalette.types-DRMMS_ev.js';
|
|
64
67
|
export { VirtualList, VirtualListProps } from './virtual-list/index.js';
|
|
65
|
-
export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.js';
|
|
68
|
+
export { DataGrid, DataGridCellType, DataGridColumn, DataGridFilterField, DataGridProps, DataGridQuickFilter, DataGridQuickFilterCombobox, DataGridQuickFilterComboboxOption, DataGridQuickFilterSegmented, DataGridQuickFilterSegmentedOption, DataGridQuickFilterSelect, DataGridQuickFilterSelectOption, DataGridRowAction, DataGridSelectOption, EditingCell } from './data-grid/index.js';
|
|
66
69
|
export { I as IconType, r as renderIcon } from './renderIcon-C2lEMMzb.js';
|
|
67
70
|
export { C as ComponentSizeProps } from './sizes-DM6Rrrgq.js';
|
|
68
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-
|
|
41
|
+
} from "./chunk-2KO5ZCZC.js";
|
|
42
42
|
import "./chunk-TH3ITGUM.js";
|
|
43
43
|
import {
|
|
44
44
|
PageLayout
|
|
@@ -59,9 +59,6 @@ import {
|
|
|
59
59
|
Radio,
|
|
60
60
|
RadioGroup
|
|
61
61
|
} from "./chunk-2RXQMQYW.js";
|
|
62
|
-
import {
|
|
63
|
-
SegmentedControl
|
|
64
|
-
} from "./chunk-BOB5JJ7F.js";
|
|
65
62
|
import {
|
|
66
63
|
InlineEdit
|
|
67
64
|
} from "./chunk-4LM33LDV.js";
|
|
@@ -103,9 +100,6 @@ import {
|
|
|
103
100
|
import {
|
|
104
101
|
ColorPicker
|
|
105
102
|
} from "./chunk-JV7Z3D3U.js";
|
|
106
|
-
import {
|
|
107
|
-
Combobox
|
|
108
|
-
} from "./chunk-W3X3V72Q.js";
|
|
109
103
|
import {
|
|
110
104
|
CommandPalette
|
|
111
105
|
} from "./chunk-PY2376XI.js";
|
|
@@ -115,10 +109,10 @@ import {
|
|
|
115
109
|
} from "./chunk-S7TWEVC3.js";
|
|
116
110
|
import {
|
|
117
111
|
DataGrid
|
|
118
|
-
} from "./chunk-
|
|
112
|
+
} from "./chunk-P2ZHWFK4.js";
|
|
119
113
|
import {
|
|
120
114
|
TableFiltersDropdown
|
|
121
|
-
} from "./chunk-
|
|
115
|
+
} from "./chunk-6DBCT5MK.js";
|
|
122
116
|
import {
|
|
123
117
|
Spinner
|
|
124
118
|
} from "./chunk-6ZAT5CGB.js";
|
|
@@ -128,6 +122,9 @@ import {
|
|
|
128
122
|
import {
|
|
129
123
|
Pagination
|
|
130
124
|
} from "./chunk-56B6RLOE.js";
|
|
125
|
+
import {
|
|
126
|
+
SegmentedControl
|
|
127
|
+
} from "./chunk-BOB5JJ7F.js";
|
|
131
128
|
import "./chunk-KGXGTWUL.js";
|
|
132
129
|
import "./chunk-6NZXWKUE.js";
|
|
133
130
|
import {
|
|
@@ -145,6 +142,9 @@ import {
|
|
|
145
142
|
import {
|
|
146
143
|
Checkbox
|
|
147
144
|
} from "./chunk-H6CWTMAH.js";
|
|
145
|
+
import {
|
|
146
|
+
Combobox
|
|
147
|
+
} from "./chunk-DW2YDWGN.js";
|
|
148
148
|
import {
|
|
149
149
|
Input
|
|
150
150
|
} from "./chunk-WE5FTQGD.js";
|
|
@@ -1,37 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
interface SegmentedOption {
|
|
7
|
-
/** Unique value for this segment. */
|
|
8
|
-
value: string;
|
|
9
|
-
/** Text label (optional if `icon` is provided). */
|
|
10
|
-
label?: string;
|
|
11
|
-
/** Icon to show before the label. */
|
|
12
|
-
icon?: IconType;
|
|
13
|
-
/** Disable this individual segment. */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/** Tooltip shown on hover. */
|
|
16
|
-
tooltip?: string;
|
|
17
|
-
}
|
|
18
|
-
interface SegmentedControlProps {
|
|
19
|
-
/** Segment definitions. */
|
|
20
|
-
options: SegmentedOption[];
|
|
21
|
-
/** Controlled selected value. */
|
|
22
|
-
value?: string;
|
|
23
|
-
/** Initial value when uncontrolled. Defaults to the first option's value. */
|
|
24
|
-
defaultValue?: string;
|
|
25
|
-
/** Called with the newly selected value whenever the selection changes. */
|
|
26
|
-
onChange?: (value: string) => void;
|
|
27
|
-
size?: ComponentSizeProps;
|
|
28
|
-
color?: SegmentedControlColorProps;
|
|
29
|
-
/** Disable all segments. */
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
/** Stretch to fill the parent's width. */
|
|
32
|
-
fullWidth?: boolean;
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
2
|
+
import { a as SegmentedControlProps } from '../SegmentedControl.types-Dm4SnwCK.cjs';
|
|
3
|
+
export { S as SegmentedControlColorProps, b as SegmentedOption } from '../SegmentedControl.types-Dm4SnwCK.cjs';
|
|
4
|
+
import '../renderIcon-C2lEMMzb.cjs';
|
|
5
|
+
import '../sizes-DM6Rrrgq.cjs';
|
|
35
6
|
|
|
36
7
|
/**
|
|
37
8
|
* SegmentedControl - a compact, single-select toggle group rendered as a pill.
|
|
@@ -67,4 +38,4 @@ interface SegmentedControlProps {
|
|
|
67
38
|
*/
|
|
68
39
|
declare const SegmentedControl: React__default.FC<SegmentedControlProps>;
|
|
69
40
|
|
|
70
|
-
export { SegmentedControl,
|
|
41
|
+
export { SegmentedControl, SegmentedControlProps };
|
|
@@ -1,37 +1,8 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
interface SegmentedOption {
|
|
7
|
-
/** Unique value for this segment. */
|
|
8
|
-
value: string;
|
|
9
|
-
/** Text label (optional if `icon` is provided). */
|
|
10
|
-
label?: string;
|
|
11
|
-
/** Icon to show before the label. */
|
|
12
|
-
icon?: IconType;
|
|
13
|
-
/** Disable this individual segment. */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
/** Tooltip shown on hover. */
|
|
16
|
-
tooltip?: string;
|
|
17
|
-
}
|
|
18
|
-
interface SegmentedControlProps {
|
|
19
|
-
/** Segment definitions. */
|
|
20
|
-
options: SegmentedOption[];
|
|
21
|
-
/** Controlled selected value. */
|
|
22
|
-
value?: string;
|
|
23
|
-
/** Initial value when uncontrolled. Defaults to the first option's value. */
|
|
24
|
-
defaultValue?: string;
|
|
25
|
-
/** Called with the newly selected value whenever the selection changes. */
|
|
26
|
-
onChange?: (value: string) => void;
|
|
27
|
-
size?: ComponentSizeProps;
|
|
28
|
-
color?: SegmentedControlColorProps;
|
|
29
|
-
/** Disable all segments. */
|
|
30
|
-
disabled?: boolean;
|
|
31
|
-
/** Stretch to fill the parent's width. */
|
|
32
|
-
fullWidth?: boolean;
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
2
|
+
import { a as SegmentedControlProps } from '../SegmentedControl.types-CK8EiShd.js';
|
|
3
|
+
export { S as SegmentedControlColorProps, b as SegmentedOption } from '../SegmentedControl.types-CK8EiShd.js';
|
|
4
|
+
import '../renderIcon-C2lEMMzb.js';
|
|
5
|
+
import '../sizes-DM6Rrrgq.js';
|
|
35
6
|
|
|
36
7
|
/**
|
|
37
8
|
* SegmentedControl - a compact, single-select toggle group rendered as a pill.
|
|
@@ -67,4 +38,4 @@ interface SegmentedControlProps {
|
|
|
67
38
|
*/
|
|
68
39
|
declare const SegmentedControl: React__default.FC<SegmentedControlProps>;
|
|
69
40
|
|
|
70
|
-
export { SegmentedControl,
|
|
41
|
+
export { SegmentedControl, SegmentedControlProps };
|
package/dist/select/index.d.cts
CHANGED
|
@@ -1,46 +1,10 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { a as
|
|
3
|
-
|
|
2
|
+
import { a as SelectProps } from '../Select.types-CAkT2ACt.cjs';
|
|
3
|
+
export { S as SelectOption } from '../Select.types-CAkT2ACt.cjs';
|
|
4
|
+
import '../Input.types-DFZNyJGF.cjs';
|
|
5
|
+
import '../renderIcon-C2lEMMzb.cjs';
|
|
4
6
|
import '../sizes-DM6Rrrgq.cjs';
|
|
5
7
|
|
|
6
|
-
interface SelectOption {
|
|
7
|
-
id: string;
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
icon?: IconType;
|
|
12
|
-
}
|
|
13
|
-
interface SelectProps {
|
|
14
|
-
options: SelectOption[];
|
|
15
|
-
/** Controlled selected value(s). */
|
|
16
|
-
value?: string | string[];
|
|
17
|
-
/** Initial selected value(s) for uncontrolled usage. Ignored when `value` is provided. */
|
|
18
|
-
defaultValue?: string | string[];
|
|
19
|
-
onChange?: (value: string | string[]) => void;
|
|
20
|
-
multiple?: boolean;
|
|
21
|
-
placeholder?: string;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
className?: string;
|
|
24
|
-
inputProps?: Partial<InputProps>;
|
|
25
|
-
name?: string;
|
|
26
|
-
id?: string;
|
|
27
|
-
required?: boolean;
|
|
28
|
-
fullWidth?: boolean;
|
|
29
|
-
minWidth?: number | string;
|
|
30
|
-
maxWidth?: number | string;
|
|
31
|
-
minHeight?: number | string;
|
|
32
|
-
maxHeight?: number | string;
|
|
33
|
-
autoWidth?: boolean;
|
|
34
|
-
clearable?: boolean;
|
|
35
|
-
/** Open the dropdown immediately on mount - useful for inline cell editors. */
|
|
36
|
-
autoOpen?: boolean;
|
|
37
|
-
dropdownProps?: {
|
|
38
|
-
dropdownLevel?: number;
|
|
39
|
-
dropdownGroup?: string;
|
|
40
|
-
[key: string]: unknown;
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
|
|
44
8
|
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
45
9
|
|
|
46
|
-
export { Select,
|
|
10
|
+
export { Select, SelectProps };
|
package/dist/select/index.d.ts
CHANGED
|
@@ -1,46 +1,10 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import { a as
|
|
3
|
-
|
|
2
|
+
import { a as SelectProps } from '../Select.types-B4kDpkGB.js';
|
|
3
|
+
export { S as SelectOption } from '../Select.types-B4kDpkGB.js';
|
|
4
|
+
import '../Input.types-XrJTI0JC.js';
|
|
5
|
+
import '../renderIcon-C2lEMMzb.js';
|
|
4
6
|
import '../sizes-DM6Rrrgq.js';
|
|
5
7
|
|
|
6
|
-
interface SelectOption {
|
|
7
|
-
id: string;
|
|
8
|
-
label: string;
|
|
9
|
-
value: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
icon?: IconType;
|
|
12
|
-
}
|
|
13
|
-
interface SelectProps {
|
|
14
|
-
options: SelectOption[];
|
|
15
|
-
/** Controlled selected value(s). */
|
|
16
|
-
value?: string | string[];
|
|
17
|
-
/** Initial selected value(s) for uncontrolled usage. Ignored when `value` is provided. */
|
|
18
|
-
defaultValue?: string | string[];
|
|
19
|
-
onChange?: (value: string | string[]) => void;
|
|
20
|
-
multiple?: boolean;
|
|
21
|
-
placeholder?: string;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
className?: string;
|
|
24
|
-
inputProps?: Partial<InputProps>;
|
|
25
|
-
name?: string;
|
|
26
|
-
id?: string;
|
|
27
|
-
required?: boolean;
|
|
28
|
-
fullWidth?: boolean;
|
|
29
|
-
minWidth?: number | string;
|
|
30
|
-
maxWidth?: number | string;
|
|
31
|
-
minHeight?: number | string;
|
|
32
|
-
maxHeight?: number | string;
|
|
33
|
-
autoWidth?: boolean;
|
|
34
|
-
clearable?: boolean;
|
|
35
|
-
/** Open the dropdown immediately on mount - useful for inline cell editors. */
|
|
36
|
-
autoOpen?: boolean;
|
|
37
|
-
dropdownProps?: {
|
|
38
|
-
dropdownLevel?: number;
|
|
39
|
-
dropdownGroup?: string;
|
|
40
|
-
[key: string]: unknown;
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
|
|
44
8
|
declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
45
9
|
|
|
46
|
-
export { Select,
|
|
10
|
+
export { Select, SelectProps };
|
package/dist/table/index.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkNUK4NT5Qcjs = require('../chunk-NUK4NT5Q.cjs');
|
|
4
4
|
require('../chunk-3RUIKBH4.cjs');
|
|
5
5
|
require('../chunk-SWPZ3HFY.cjs');
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var
|
|
8
|
+
var _chunkTKLWQWMTcjs = require('../chunk-TKLWQWMT.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 =
|
|
33
|
+
exports.Table = _chunkNUK4NT5Qcjs.Table; exports.TableFiltersDropdown = _chunkTKLWQWMTcjs.TableFiltersDropdown;
|
|
33
34
|
//# sourceMappingURL=index.cjs.map
|
package/dist/table/index.cjs.map
CHANGED
|
@@ -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"}
|
package/dist/table/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Table
|
|
3
|
-
} from "../chunk-
|
|
3
|
+
} from "../chunk-2KO5ZCZC.js";
|
|
4
4
|
import "../chunk-TH3ITGUM.js";
|
|
5
5
|
import "../chunk-TZWNX7FF.js";
|
|
6
6
|
import {
|
|
7
7
|
TableFiltersDropdown
|
|
8
|
-
} from "../chunk-
|
|
8
|
+
} from "../chunk-6DBCT5MK.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.0
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "A modern React component library with TypeScript and SCSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -34,7 +34,6 @@
|
|
|
34
34
|
"build": "tsup && node scripts/build-styles.js",
|
|
35
35
|
"storybook": "storybook dev -p 6007",
|
|
36
36
|
"build-storybook": "storybook build",
|
|
37
|
-
"chromatic": "chromatic --exit-zero-on-changes",
|
|
38
37
|
"lint": "eslint --report-unused-disable-directives --max-warnings 0",
|
|
39
38
|
"typecheck": "tsc --noEmit",
|
|
40
39
|
"prettier:check": "prettier --check .",
|
|
@@ -42,12 +41,10 @@
|
|
|
42
41
|
"prepublishOnly": "npm run build",
|
|
43
42
|
"version": "node scripts/promote-changelog.js",
|
|
44
43
|
"postversion": "git push --follow-tags",
|
|
45
|
-
"
|
|
44
|
+
"verify": "node scripts/verify.js",
|
|
46
45
|
"release:needed": "node scripts/release-needed.js",
|
|
47
|
-
"release:preflight": "node scripts/preflight-release.js && npm run lint && npm run typecheck && npm run build",
|
|
48
|
-
"release
|
|
49
|
-
"release:minor": "npm run release:preflight && npm version minor",
|
|
50
|
-
"release:major": "npm run release:preflight && npm version major"
|
|
46
|
+
"release:preflight": "node scripts/preflight-release.js && npm run lint && npm run typecheck && npm run prettier:check && npm run build",
|
|
47
|
+
"release": "node scripts/release.js"
|
|
51
48
|
},
|
|
52
49
|
"keywords": [
|
|
53
50
|
"react",
|