@indico-data/design-system 3.10.0 → 3.11.0

package/lib/components/forms/select/Select.d.ts

@@ -17,5 +17,7 @@ export interface SelectProps<OptionType extends SelectOption> extends ReactSelec
     /** Event handler for when the selected value changes */
     onChange?: (newValue: any, actionMeta: any) => void;
 }
-declare const LabeledSelect: React.ForwardRefExoticComponent<SelectProps<SelectOption> & import("../subcomponents/Label").LabelProps & React.RefAttributes<any>>;
+declare const LabeledSelect: React.ForwardRefExoticComponent<Omit<SelectProps<SelectOption> & {
+    ref?: React.Ref<any>;
+} & import("../subcomponents/Label").LabelProps, "ref"> & React.RefAttributes<any>>;
 export { LabeledSelect as Select };

package/lib/components/forms/select/types.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 export type SelectOption = {
     label: string;
     value: string;
-    detail?: string;
+    detail?: ReactNode;
     [key: string]: any;
 };

package/lib/index.d.ts

@@ -3,7 +3,7 @@ import { UseFloatingOptions } from '@floating-ui/react-dom';
 export * from '@floating-ui/react-dom';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ContainerProps, RowProps, ColProps } from 'react-grid-system';
-import React$1, { CSSProperties, MouseEventHandler, ReactElement, ReactNode } from 'react';
+import React$1, { CSSProperties, MouseEventHandler, ReactNode, ReactElement } from 'react';
 import { IDataTableProps, Direction as Direction$1, TableColumn as TableColumn$1 } from 'react-data-table-component';
 import { CSSObject } from 'styled-components';
 import { Props as Props$4 } from 'react-select';
@@ -200,7 +200,7 @@ type IconProps = PermafrostComponent & {
 type SelectOption = {
     label: string;
     value: string;
-    detail?: string;
+    detail?: ReactNode;
     [key: string]: any;
 };
 
@@ -483,7 +483,9 @@ interface SelectProps<OptionType extends SelectOption> extends Props$4<OptionTyp
     /** Event handler for when the selected value changes */
     onChange?: (newValue: any, actionMeta: any) => void;
 }
-declare const LabeledSelect: React$1.ForwardRefExoticComponent<SelectProps<SelectOption> & LabelProps & React$1.RefAttributes<any>>;
+declare const LabeledSelect: React$1.ForwardRefExoticComponent<Omit<SelectProps<SelectOption> & {
+    ref?: React$1.Ref<any>;
+} & LabelProps, "ref"> & React$1.RefAttributes<any>>;
 
 interface DatePickerProps {
     ref?: React.LegacyRef<HTMLInputElement>;

package/lib/index.esm.js

@@ -5816,14 +5816,14 @@ const OptionComponent = (_a) => {
     var props = __rest(_a, []);
     return (jsx(components$1.Option, Object.assign({}, props, { children: jsxs("div", { className: "select__items", children: [jsx("div", { className: "select__item-value", children: (_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.label }), ((_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.detail) && jsx("div", { className: "select__item-detail", children: (_d = props === null || props === void 0 ? void 0 : props.data) === null || _d === void 0 ? void 0 : _d.detail })] }) })));
 };
-const Select$1 = (_a) => {
+const Select$1 = React__default.forwardRef((_a, ref) => {
     var { classNamePrefix = 'select', className, components: customComponents, label, hasHiddenLabel, name } = _a, props = __rest(_a, ["classNamePrefix", "className", "components", "label", "hasHiddenLabel", "name"]);
     const defaultComponents = {
         Option: OptionComponent,
     };
     const mergedComponents = Object.assign(Object.assign({}, defaultComponents), customComponents);
-    return (jsx(ReactSelect, Object.assign({ classNamePrefix: classNamePrefix, className: classNames('select-wrapper', className), components: mergedComponents }, props)));
-};
+    return (jsx(ReactSelect, Object.assign({ ref: ref, classNamePrefix: classNamePrefix, className: classNames('select-wrapper', className), components: mergedComponents }, props)));
+});
 const LabeledSelect = withLabel(Select$1);
 
 /**