@firecms/ui 3.0.0-canary.8 → 3.0.0-canary.80

package/README.md

@@ -49,7 +49,7 @@ FireCMS is based on this great technologies:
 The easiest way to get going is to check our quickstart guide! You will just
 need to follow some quick steps:
 
-https://firecms.co/docs/quickstart
+https://firecms.co/docs
 
 ### Demo
 

package/dist/components/Avatar.d.ts

@@ -4,6 +4,7 @@ export interface AvatarProps {
     alt?: string;
     children?: React.ReactNode;
     className?: string;
+    outerClassName?: string;
     style?: React.CSSProperties;
 }
 export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/BooleanSwitch.d.ts

@@ -3,7 +3,7 @@ export type BooleanSwitchProps = {
     value: boolean | null;
     className?: string;
     disabled?: boolean;
-    size?: "small" | "medium";
+    size?: "small" | "medium" | "large";
 } & ({
     allowIndeterminate: true;
     onValueChange?: (newValue: boolean | null) => void;

package/dist/components/CenteredView.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-export declare function CenteredView({ children, maxWidth, className, fullScreen }: {
+export type CenteredViewProps = {
     children: React.ReactNode;
     maxWidth?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
+    outerClassName?: string;
     className?: string;
     fullScreen?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+};
+export declare const CenteredView: React.ForwardRefExoticComponent<CenteredViewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Checkbox.d.ts

@@ -1,10 +1,11 @@
-interface CheckboxProps {
+export interface CheckboxProps {
     checked: boolean;
+    id?: string;
     disabled?: boolean;
     indeterminate?: boolean;
     onCheckedChange?: (checked: boolean) => void;
+    padding?: boolean;
     size?: "tiny" | "small" | "medium" | "large";
     color?: "primary" | "secondary";
 }
-export declare const Checkbox: ({ checked, indeterminate, disabled, size, onCheckedChange, color }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Checkbox: ({ id, checked, indeterminate, padding, disabled, size, onCheckedChange, color }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DateTimeField.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 interface DateTimeFieldProps {
     value?: Date;
-    onChange: (date: Date | null) => void;
+    onChange: (date: Date | undefined) => void;
     mode?: "date" | "date_time";
     disabled?: boolean;
     clearable?: boolean;
     error?: boolean;
-    size: "small" | "medium";
+    size?: "small" | "medium";
     label?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;

package/dist/components/InputLabel.d.ts

@@ -6,6 +6,6 @@ export type InputLabelProps = {
 } & React.LabelHTMLAttributes<HTMLLabelElement>;
 export declare const InputLabel: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
-    className?: string | undefined;
-    shrink?: boolean | undefined;
+    className?: string;
+    shrink?: boolean;
 } & React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/Label.d.ts

@@ -1,4 +1,7 @@
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    border?: boolean;
+    onClick?: React.MouseEventHandler<HTMLLabelElement>;
+} & React.RefAttributes<HTMLLabelElement>>;
 export { Label };

package/dist/components/Markdown.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export interface MarkdownProps {
     source: string;
+    size?: "small" | "medium" | "large" | "xl" | "2xl";
     className?: string;
 }
 /**

package/dist/components/Menu.d.ts

@@ -13,4 +13,5 @@ export type MenuItemProps = {
     dense?: boolean;
     onClick?: (event: React.MouseEvent) => void;
 };
-export declare function MenuItem({ children, dense, onClick }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuItem({ children, dense, // Default value is false if not provided
+onClick }: MenuItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Menubar.d.ts

@@ -0,0 +1,69 @@
+export declare function Menubar({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarMenu({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarTrigger({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarPortal({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarContent({ children, className, align, sideOffset, alignOffset, ...rest }: {
+    children: React.ReactNode;
+    className?: string;
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    alignOffset?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarItem({ children, leftPadding, className, disabled, ...rest }: {
+    children: React.ReactNode;
+    leftPadding?: boolean;
+    className?: string;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSeparator({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSub({ children, ...rest }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubTrigger({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubContent({ children, alignOffset, className, ...rest }: {
+    children?: React.ReactNode;
+    alignOffset?: number;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarCheckboxItem({ children, checked, onCheckedChange, className, ...rest }: {
+    children?: React.ReactNode;
+    checked?: boolean;
+    onCheckedChange?: () => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarItemIndicator({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarRadioGroup({ children, className, value, onValueChange, ...rest }: {
+    children?: React.ReactNode;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarRadioItem({ children, className, value, ...rest }: {
+    children?: React.ReactNode;
+    value: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarShortcut({ children, className, ...rest }: {
+    children?: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MenubarSubTriggerIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/components/RadioGroup.d.ts

@@ -1,5 +1,27 @@
 import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export interface RadioGroupProps {
+    id?: string;
+    children: React.ReactNode;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /**
+     * Whether keyboard navigation should loop around
+     * @defaultValue false
+     */
+    loop?: boolean;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?(value: string): void;
+    className?: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface RadioGroupItemProps {
+    id?: string;
+    value: string;
+    checked?: boolean;
+    required?: boolean;
+    className?: string;
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 export { RadioGroup, RadioGroupItem };

package/dist/components/Select.d.ts

@@ -14,7 +14,7 @@ export type SelectProps = {
     renderValue?: (value: string, index: number) => React.ReactNode;
     renderValues?: (values: string[]) => React.ReactNode;
     size?: "small" | "medium";
-    label?: React.ReactNode;
+    label?: React.ReactNode | string;
     disabled?: boolean;
     error?: boolean;
     position?: "item-aligned" | "popper";

package/dist/components/TextField.d.ts

@@ -13,7 +13,7 @@ export type TextFieldProps<T extends string | number> = {
     endAdornment?: React.ReactNode;
     autoFocus?: boolean;
     placeholder?: string;
-    size?: "small" | "medium";
+    size?: "smallest" | "small" | "medium";
     className?: string;
     style?: React.CSSProperties;
     inputClassName?: string;

package/dist/components/TextareaAutosize.d.ts

@@ -3,40 +3,9 @@ type State = {
     outerHeightStyle: number;
     overflow?: boolean | undefined;
 };
-export declare const TextareaAutosize: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "onResize"> & {
-    className?: string | undefined;
-    shadowClassName?: string | undefined;
-    /**
-     * Maximum number of rows to display.
-     */
-    maxRows?: string | number | undefined;
-    /**
-     * Minimum number of rows to display.
-     * @default 1
-     */
-    minRows?: string | number | undefined;
-    /**
-     * @ignore
-     */
-    onChange?: ((event: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
-    /**
-     * @ignore
-     */
-    placeholder?: string | undefined;
-    /**
-     * @ignore
-     */
-    style?: object | undefined;
-    /**
-     * @ignore
-     */
-    value?: string | number | string[] | undefined;
-    sizeRef?: React.RefObject<HTMLDivElement> | undefined;
-    onScroll?: ((event: React.UIEvent<HTMLTextAreaElement>) => void) | undefined;
-    onResize?: ((state: State) => void) | undefined;
-    autoFocus?: boolean | undefined;
-    ignoreBoxSizing?: boolean | undefined;
-} & React.RefAttributes<Element>>;
+export declare const TextareaAutosize: React.FC<TextareaAutosizeProps & {
+    ref?: React.ForwardedRef<Element>;
+}>;
 export type TextareaAutosizeProps = Omit<React.InputHTMLAttributes<HTMLTextAreaElement>, "onResize"> & {
     className?: string;
     shadowClassName?: string;

package/dist/components/index.d.ts

@@ -24,6 +24,7 @@ export * from "./Label";
 export * from "./LoadingButton";
 export * from "./Markdown";
 export * from "./Menu";
+export * from "./Menubar";
 export * from "./MultiSelect";
 export * from "./Paper";
 export * from "./RadioGroup";
@@ -31,7 +32,6 @@ export * from "./SearchBar";
 export * from "./Select";
 export * from "./Separator";
 export * from "./Sheet";
-export * from "./Spinner";
 export * from "./TextareaAutosize";
 export * from "./TextField";
 export * from "./Tooltip";

package/dist/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./useLocaleConfig";
+export * from "./useInjectStyles";
+export * from "./useOutsideAlerter";
+export * from "./useDebounceValue";

package/dist/hooks/useLocaleConfig.d.ts

@@ -0,0 +1 @@
+export declare function useLocaleConfig(locale?: string): void;

package/dist/icons/Icon.d.ts

@@ -8,6 +8,6 @@ export type IconProps = {
     onClick?: (e: React.SyntheticEvent) => void;
     style?: React.CSSProperties;
 };
-export declare function Icon({ iconKey, size, color, className, onClick, style }: IconProps & {
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & {
     iconKey: string;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from "./components";
 export * from "./styles";
 export * from "./util";
 export * from "./icons";
+export * from "./hooks";