eidos-ui 1.0.2 → 1.2.0

package/dist/Combobox.types-B7ozlnA9.d.cts

@@ -0,0 +1,35 @@
+import React__default from 'react';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.cjs';
+
+interface ComboboxOption {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface ComboboxProps {
+    options?: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    placeholder?: string;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    allowFreeText?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: ComponentSizeProps;
+    label?: string;
+    error?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    className?: string;
+    maxHeight?: number | string;
+    renderOption?: (option: ComboboxOption) => React__default.ReactNode;
+}
+
+export type { ComboboxOption as C, ComboboxProps as a };

package/dist/Combobox.types-DkigkEh2.d.ts

@@ -0,0 +1,35 @@
+import React__default from 'react';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.js';
+
+interface ComboboxOption {
+    id: string;
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface ComboboxProps {
+    options?: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSearch?: (query: string) => void;
+    placeholder?: string;
+    loading?: boolean;
+    loadingText?: string;
+    emptyText?: string;
+    allowFreeText?: boolean;
+    clearable?: boolean;
+    disabled?: boolean;
+    size?: ComponentSizeProps;
+    label?: string;
+    error?: string;
+    hint?: string;
+    fullWidth?: boolean;
+    className?: string;
+    maxHeight?: number | string;
+    renderOption?: (option: ComboboxOption) => React__default.ReactNode;
+}
+
+export type { ComboboxOption as C, ComboboxProps as a };

package/dist/SegmentedControl.types-CK8EiShd.d.ts

@@ -0,0 +1,35 @@
+import { I as IconType } from './renderIcon-C2lEMMzb.js';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.js';
+
+type SegmentedControlColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+interface SegmentedOption {
+    /** Unique value for this segment. */
+    value: string;
+    /** Text label (optional if `icon` is provided). */
+    label?: string;
+    /** Icon to show before the label. */
+    icon?: IconType;
+    /** Disable this individual segment. */
+    disabled?: boolean;
+    /** Tooltip shown on hover. */
+    tooltip?: string;
+}
+interface SegmentedControlProps {
+    /** Segment definitions. */
+    options: SegmentedOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial value when uncontrolled. Defaults to the first option's value. */
+    defaultValue?: string;
+    /** Called with the newly selected value whenever the selection changes. */
+    onChange?: (value: string) => void;
+    size?: ComponentSizeProps;
+    color?: SegmentedControlColorProps;
+    /** Disable all segments. */
+    disabled?: boolean;
+    /** Stretch to fill the parent's width. */
+    fullWidth?: boolean;
+    className?: string;
+}
+
+export type { SegmentedControlColorProps as S, SegmentedControlProps as a, SegmentedOption as b };

package/dist/SegmentedControl.types-Dm4SnwCK.d.cts

@@ -0,0 +1,35 @@
+import { I as IconType } from './renderIcon-C2lEMMzb.cjs';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.cjs';
+
+type SegmentedControlColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+interface SegmentedOption {
+    /** Unique value for this segment. */
+    value: string;
+    /** Text label (optional if `icon` is provided). */
+    label?: string;
+    /** Icon to show before the label. */
+    icon?: IconType;
+    /** Disable this individual segment. */
+    disabled?: boolean;
+    /** Tooltip shown on hover. */
+    tooltip?: string;
+}
+interface SegmentedControlProps {
+    /** Segment definitions. */
+    options: SegmentedOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial value when uncontrolled. Defaults to the first option's value. */
+    defaultValue?: string;
+    /** Called with the newly selected value whenever the selection changes. */
+    onChange?: (value: string) => void;
+    size?: ComponentSizeProps;
+    color?: SegmentedControlColorProps;
+    /** Disable all segments. */
+    disabled?: boolean;
+    /** Stretch to fill the parent's width. */
+    fullWidth?: boolean;
+    className?: string;
+}
+
+export type { SegmentedControlColorProps as S, SegmentedControlProps as a, SegmentedOption as b };

package/dist/Select.types-B4kDpkGB.d.ts

@@ -0,0 +1,42 @@
+import { a as InputProps } from './Input.types-XrJTI0JC.js';
+import { I as IconType } from './renderIcon-C2lEMMzb.js';
+
+interface SelectOption {
+    id: string;
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: IconType;
+}
+interface SelectProps {
+    options: SelectOption[];
+    /** Controlled selected value(s). */
+    value?: string | string[];
+    /** Initial selected value(s) for uncontrolled usage. Ignored when `value` is provided. */
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    inputProps?: Partial<InputProps>;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    fullWidth?: boolean;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    autoWidth?: boolean;
+    clearable?: boolean;
+    /** Open the dropdown immediately on mount - useful for inline cell editors. */
+    autoOpen?: boolean;
+    dropdownProps?: {
+        dropdownLevel?: number;
+        dropdownGroup?: string;
+        [key: string]: unknown;
+    };
+}
+
+export type { SelectOption as S, SelectProps as a };

package/dist/Select.types-CAkT2ACt.d.cts

@@ -0,0 +1,42 @@
+import { a as InputProps } from './Input.types-DFZNyJGF.cjs';
+import { I as IconType } from './renderIcon-C2lEMMzb.cjs';
+
+interface SelectOption {
+    id: string;
+    label: string;
+    value: string;
+    disabled?: boolean;
+    icon?: IconType;
+}
+interface SelectProps {
+    options: SelectOption[];
+    /** Controlled selected value(s). */
+    value?: string | string[];
+    /** Initial selected value(s) for uncontrolled usage. Ignored when `value` is provided. */
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    multiple?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    inputProps?: Partial<InputProps>;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    fullWidth?: boolean;
+    minWidth?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    maxHeight?: number | string;
+    autoWidth?: boolean;
+    clearable?: boolean;
+    /** Open the dropdown immediately on mount - useful for inline cell editors. */
+    autoOpen?: boolean;
+    dropdownProps?: {
+        dropdownLevel?: number;
+        dropdownGroup?: string;
+        [key: string]: unknown;
+    };
+}
+
+export type { SelectOption as S, SelectProps as a };

package/dist/{chunk-NFIK3KMT.js → chunk-2KO5ZCZC.js}

@@ -11,7 +11,7 @@ import {
   useSensor,
   useSensors,
   useSortable
-} from "./chunk-IZBJW37N.js";
+} from "./chunk-6DBCT5MK.js";
 import {
   Spinner
 } from "./chunk-6ZAT5CGB.js";
@@ -741,4 +741,4 @@ var Table = ({
 export {
   Table
 };
-//# sourceMappingURL=chunk-NFIK3KMT.js.map
+//# sourceMappingURL=chunk-2KO5ZCZC.js.map

package/dist/{chunk-IZBJW37N.js → chunk-6DBCT5MK.js}

@@ -10,6 +10,9 @@ import {
 import {
   Dropdown
 } from "./chunk-4BKTBV2I.js";
+import {
+  Badge
+} from "./chunk-3SKI6FXB.js";
 import {
   Button
 } from "./chunk-WIE7HDIM.js";
@@ -71,9 +74,8 @@ var TableFiltersDropdown = ({
     });
     return JSON.stringify(filters) !== JSON.stringify(cleanedPendingFilters);
   }, [filters, pendingFilters]);
-  const hasActiveFilters = useMemo(() => {
-    return Object.keys(filters).length > 0;
-  }, [filters]);
+  const activeFilterCount = useMemo(() => Object.keys(filters).length, [filters]);
+  const hasActiveFilters = activeFilterCount > 0;
   const getAllColumnsWithDisabledState = (currentRowId) => {
     const currentRow = filterRows.find((row) => row.id === currentRowId);
     const usedColumns = filterRows.filter((row) => row.id !== currentRowId && !row.columnKey.startsWith("__temp_")).map((row) => row.columnKey);
@@ -256,15 +258,16 @@ var TableFiltersDropdown = ({
     }
   };
   const canAddMore = filterRows.length < filterableColumns.length;
-  const triggerButton = /* @__PURE__ */ jsx(
+  const triggerButton = /* @__PURE__ */ jsx(Badge, { content: activeFilterCount, max: 9, children: /* @__PURE__ */ jsx(
     Button,
     {
       variant: "text",
       size: "sm",
       icon: Funnel,
+      "aria-label": hasActiveFilters ? `Filters (${activeFilterCount} active)` : "Filters",
       className: hasActiveFilters ? "eidos-table-active-filter-button" : ""
     }
-  );
+  ) });
   const dropdownContent = /* @__PURE__ */ jsxs("div", { className: `eidos-table-filters-dropdown ${className}`, children: [
     /* @__PURE__ */ jsx("div", { className: "eidos-table-filters-header", children: /* @__PURE__ */ jsx("h4", { className: "eidos-table-filters-title", children: "Filters" }) }),
     filterRows.length > 0 && /* @__PURE__ */ jsx("div", { className: "eidos-table-filter-rows", children: filterRows.map((row) => {
@@ -4415,4 +4418,4 @@ export {
   sortableKeyboardCoordinates,
   TableFiltersDropdown
 };
-//# sourceMappingURL=chunk-IZBJW37N.js.map
+//# sourceMappingURL=chunk-6DBCT5MK.js.map