@firecms/ui 3.0.0-canary.120 → 3.0.0-canary.121

package/dist/components/MultiSelect.d.ts

@@ -1,32 +1,50 @@
 import * as React from "react";
-export type MultiSelectProps = {
+import { ChangeEvent } from "react";
+interface MultiSelectContextProps {
+    fieldValue?: string[];
+    onItemClick: (v: string) => void;
+}
+export declare const MultiSelectContext: React.Context<MultiSelectContextProps>;
+/**
+ * Props for MultiSelect component
+ */
+interface MultiSelectProps {
+    /**
+     * The modality of the popover. When set to true, interaction with outside elements
+     * will be disabled and only popover content will be visible to screen readers.
+     * Optional, defaults to false.
+     */
+    modalPopover?: boolean;
+    /**
+     * Additional class names to apply custom styles to the multi-select component.
+     * Optional, can be used to add custom styles.
+     */
+    className?: string;
     open?: boolean;
     name?: string;
     id?: string;
     onOpenChange?: (open: boolean) => void;
     value?: string[];
-    containerClassName?: string;
-    className?: string;
     inputClassName?: string;
-    onMultiValueChange?: (updatedValue: string[]) => void;
+    onChange?: React.EventHandler<ChangeEvent<HTMLSelectElement>>;
+    onValueChange?: (updatedValue: string[]) => void;
     placeholder?: React.ReactNode;
-    renderValue?: (values: string, index: number) => React.ReactNode;
-    renderValues?: (values: string[]) => React.ReactNode;
     size?: "small" | "medium";
-    label?: React.ReactNode;
+    useChips?: boolean;
+    label?: React.ReactNode | string;
     disabled?: boolean;
     error?: boolean;
     position?: "item-aligned" | "popper";
+    endAdornment?: React.ReactNode;
+    multiple?: boolean;
+    includeClear?: boolean;
     inputRef?: React.RefObject<HTMLButtonElement>;
-    children?: React.ReactNode;
-};
-interface MultiSelectContextProps {
-    fieldValue?: string[];
-    setInputValue: (v: string) => void;
-    onValueChangeInternal: (v: string) => void;
+    padding?: boolean;
+    invisible?: boolean;
+    children: React.ReactNode;
+    renderValues?: (values: string[]) => React.ReactNode;
 }
-export declare const MultiSelectContext: React.Context<MultiSelectContextProps>;
-export declare function MultiSelect({ value, open, onMultiValueChange, size, label, disabled, renderValue, renderValues, containerClassName, className, children, error }: MultiSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLButtonElement>>;
 export interface MultiSelectItemProps {
     value: string;
     children?: React.ReactNode;

package/dist/components/Select.d.ts

@@ -4,25 +4,21 @@ export type SelectProps = {
     name?: string;
     id?: string;
     onOpenChange?: (open: boolean) => void;
-    value?: string | string[];
+    value?: string;
     className?: string;
     inputClassName?: string;
     onChange?: React.EventHandler<ChangeEvent<HTMLSelectElement>>;
     onValueChange?: (updatedValue: string) => void;
-    onMultiValueChange?: (updatedValue: string[]) => void;
     placeholder?: React.ReactNode;
-    renderValue?: (value: string, index: number) => React.ReactNode;
-    renderValues?: (values: string[]) => React.ReactNode;
+    renderValue?: (value: string) => React.ReactNode;
     size?: "small" | "medium";
     label?: React.ReactNode | string;
     disabled?: boolean;
     error?: boolean;
     position?: "item-aligned" | "popper";
     endAdornment?: React.ReactNode;
-    multiple?: boolean;
     inputRef?: React.RefObject<HTMLButtonElement>;
     padding?: boolean;
-    includeFocusOutline?: boolean;
     invisible?: boolean;
     children?: React.ReactNode;
 };

package/dist/components/Separator.d.ts

@@ -1,4 +1,5 @@
-export declare function Separator({ orientation, decorative }: {
+export declare function Separator({ orientation, decorative, className }: {
     orientation: "horizontal" | "vertical";
     decorative?: boolean;
+    className?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -26,7 +26,6 @@ export * from "./Markdown";
 export * from "./Menu";
 export * from "./Menubar";
 export * from "./MultiSelect";
-export * from "./NewMultiSelect";
 export * from "./Paper";
 export * from "./RadioGroup";
 export * from "./SearchBar";