onekijs-ui 0.9.1 → 0.15.1

package/dist/components/accordion/AccordionService.d.ts

@@ -0,0 +1,7 @@
+import { DefaultService } from 'onekijs-framework';
+import { AccordionState } from './typings';
+export declare class AccordionService extends DefaultService<AccordionState> {
+    initPanel(uid: string, initialActive?: boolean): void;
+    collapse(uid: string): void;
+    expand(uid: string): void;
+}

package/dist/components/accordion/components/AccordionComponent.d.ts

@@ -0,0 +1,16 @@
+import { FCC } from 'onekijs-framework';
+import { AccordionProps } from '../typings';
+/**
+ * This is the comment for AccordionComponent 2
+ *
+ * @example
+ * ```tsx
+ * <AccordionComponent multiActive="true" />
+ * ```
+ *
+ * @group Accordion
+ * @category Components
+ * @remarks #notStyled#
+ */
+declare const AccordionComponent: FCC<AccordionProps>;
+export default AccordionComponent;

package/dist/components/accordion/components/AccordionContainer.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { AccordionProps } from '../typings';
+declare const AccordionContainer: FCC<Omit<AccordionProps, 'Component'>>;
+export default AccordionContainer;

package/dist/components/accordion/components/AccordionPanel.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { AccordionPanelProps } from '../typings';
+declare const AccordionPanel: FCC<AccordionPanelProps<any>>;
+export default AccordionPanel;

package/dist/components/accordion/components/AccordionPanelTitle.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AccordionPanelTitleProps } from '../typings';
+declare const AccordionPanelTitle: FC<AccordionPanelTitleProps<any>>;
+export default AccordionPanelTitle;

package/dist/components/accordion/hooks/useAccordionPanel.d.ts

@@ -0,0 +1,3 @@
+import { AccordionPanelState } from '../typings';
+declare const useAccordionPanel: (initialActive?: boolean) => AccordionPanelState | undefined;
+export default useAccordionPanel;

package/dist/components/accordion/hooks/useAccordionService.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { AccordionService } from '../AccordionService';
+export declare const AccordionServiceContext: React.Context<AccordionService>;
+declare const useAccordionService: () => AccordionService;
+export default useAccordionService;

package/dist/components/accordion/hooks/useAccordionState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AccordionState } from '../typings';
+export declare const AccordionStateContext: React.Context<AccordionState>;
+export declare const useAccordionState: () => AccordionState;

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Test Description
+ *
+ * @group Accordion
+ * @cateogry Components
+ *
+ * @example
+ * ```tsx
+ * <Accordion multiActive="true" />
+ * ```
+ *
+ * @see AccordionComponent
+ * @remarks #styled#
+ */
+declare const Accordion: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AccordionProps>, any, {}, never>;
+export default Accordion;

package/dist/components/accordion/style.d.ts

@@ -0,0 +1,3 @@
+import { ComponentStyle } from '../../styles/typings';
+import { AccordionProps } from './typings';
+export declare const accordionStyle: ComponentStyle<AccordionProps>;

package/dist/components/accordion/typings.d.ts

@@ -0,0 +1,45 @@
+import { AnonymousObject, AnyFunction, FCC } from 'onekijs-framework';
+export declare type AccordionPanelProps<T = string> = {
+    initialActive?: boolean;
+    title: T;
+    Component?: FCC<AccordionPanelTitleProps<T>>;
+};
+export declare type AccordionPanelTitleProps<T = string> = {
+    title: T;
+    active: boolean;
+    onClick: AnyFunction;
+};
+export declare type AccordionPanelState = {
+    active: boolean;
+    uid: string;
+    collapsing?: boolean;
+    expanding?: boolean;
+};
+/**
+ * @group Accordion
+ * @category types
+ */
+export declare type AccordionProps = {
+    /**
+     * a flag to indicate if the border is visible or not
+     *
+     * @example test
+     * @defaultValue true
+     */
+    border?: boolean;
+    Component?: FCC<Omit<AccordionProps, 'Component'>>;
+    className?: string;
+    /**
+     * @defaultValue false
+     */
+    multiActive?: boolean;
+    /**
+     * @defaultValue 150
+     */
+    animate?: number;
+};
+export declare type AccordionState = {
+    panels: AnonymousObject<AccordionPanelState>;
+    multiActive?: boolean;
+    animate: number;
+};

package/dist/components/button/DropdownButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const DropdownButton: import("styled-components").StyledComponent<import("react").FC<import("./typings").DropDownButtonProps>, any, {}, never>;
+export default DropdownButton;

package/dist/components/button/SubmitButton.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { SubmitButtonProps } from './typings';
+declare const SubmitButton: FCC<SubmitButtonProps>;
+export default SubmitButton;

package/dist/components/button/components/ButtonComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ButtonProps } from '../typings';
+declare const ButtonComponent: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ButtonComponent;

package/dist/components/button/components/DropdownButtonComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DropDownButtonProps } from '../typings';
+declare const DropdownButtonComponent: FC<DropDownButtonProps>;
+export default DropdownButtonComponent;

package/dist/components/button/index.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Button: import("styled-components").StyledComponent<import("react").FC<import("./typings").ButtonProps>, any, {}, never>;
-export default Button;
+/// <reference types="react" />
+declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export default Button;

package/dist/components/button/style.d.ts

@@ -1,4 +1,5 @@
-import { ComponentStyle } from '../../styles/typings';
-import { ButtonProps } from './typings';
-declare const buttonStyle: ComponentStyle<ButtonProps>;
-export default buttonStyle;
+import { ComponentStyle } from '../../styles/typings';
+import { ButtonProps } from './typings';
+declare const buttonStyle: ComponentStyle<ButtonProps>;
+export declare const dropdownButtonStyle: ComponentStyle<ButtonProps>;
+export default buttonStyle;

package/dist/components/button/typings.d.ts

@@ -1,4 +1,19 @@
-import { KindTheme } from '../../styles/typings';
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    kind?: KindTheme;
-}
+import { AnyFunction } from 'onekijs-framework';
+import { ReactNode } from 'react';
+import { ColorPropertyTheme } from '../../styles/typings';
+import { DropdownProps } from '../dropdown/typings';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    kind?: ColorPropertyTheme;
+    pattern?: 'solid' | 'outline' | 'flat';
+    IconComponent?: React.FC<ButtonProps>;
+    loading?: boolean;
+}
+export interface SubmitButtonProps extends ButtonProps {
+    showErrors?: boolean;
+}
+export interface DropDownButtonProps extends ButtonProps, DropdownProps {
+    attachDropdownToBody?: boolean;
+    listElement: ReactNode;
+    onDrop: AnyFunction;
+    onCollapse: AnyFunction;
+}

package/dist/components/card/FormCard.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { FormCardProps } from './typings';
+declare const FormCard: FCC<FormCardProps>;
+export default FormCard;

package/dist/components/card/components/CardComponent.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { CardProps } from '../typings';
+declare const CardComponent: FCC<CardProps>;
+export default CardComponent;

package/dist/components/card/components/CardTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardTitleProps } from '../typings';
+declare const CardTitle: React.FC<CardTitleProps>;
+export default CardTitle;

package/dist/components/card/index.d.ts

@@ -0,0 +1,2 @@
+declare const Card: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").CardProps>, any, {}, never>;
+export default Card;

package/dist/components/card/style.d.ts

@@ -0,0 +1,3 @@
+import { ComponentStyle } from '../../styles/typings';
+import { CardProps } from './typings';
+export declare const cardStyle: ComponentStyle<CardProps>;

package/dist/components/card/typings.d.ts

@@ -0,0 +1,24 @@
+import { FormDecoratorOptions } from 'onekijs-framework';
+import { FC, ReactNode } from 'react';
+export declare type CardProps = {
+    bordered?: boolean;
+    className?: string;
+    collapsable?: boolean;
+    animate?: number;
+    title: string;
+    TitleComponent?: FC<CardTitleProps>;
+    icon?: ReactNode;
+    open?: boolean;
+    onToggle?: () => void;
+};
+export declare type CardTitleProps = {
+    title: string;
+    icon?: ReactNode;
+    onToggle: () => void;
+    open: boolean;
+    collapsable: boolean;
+    animate?: number;
+};
+export declare type FormCardProps = CardProps & FormDecoratorOptions & {
+    name: string;
+};

package/dist/components/checkbox/FormCheckbox.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { FormCheckboxProps } from './typings';
+declare const FormCheckbox: FC<FormCheckboxProps>;
+export default FormCheckbox;

package/dist/components/checkbox/components/CheckboxComponent.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { CheckboxProps } from '../typings';
+declare const CheckboxComponent: FC<CheckboxProps>;
+export default CheckboxComponent;

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Checkbox: import("styled-components").StyledComponent<import("react").FC<import("./typings").CheckboxProps>, any, {}, never>;
+export default Checkbox;

package/dist/components/checkbox/style.d.ts

@@ -0,0 +1,4 @@
+import { ComponentStyle } from '../../styles/typings';
+import { CheckboxProps } from './typings';
+declare const checkboxStyle: ComponentStyle<CheckboxProps>;
+export default checkboxStyle;

package/dist/components/checkbox/typings.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FormFieldProps, ValidationStatus } from 'onekijs-framework';
+import { FieldLayoutProps } from '../field/typings';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'value' | 'checked'> {
+    label?: string;
+    onChange?: (checked: boolean) => void;
+    value?: boolean;
+    bordered?: boolean;
+    status?: ValidationStatus;
+}
+export declare type FormCheckboxProps = CheckboxProps & FormFieldProps & FieldLayoutProps & {
+    defaultValue?: boolean;
+    FieldComponent?: React.FC<CheckboxProps>;
+};

package/dist/components/dashboard/DashboardService.d.ts

@@ -0,0 +1,27 @@
+import { DefaultService } from 'onekijs-framework';
+import React from 'react';
+import { ResizeStep } from '../resizer/typings';
+import { DashboardArea, DashboardBodyPanel, DashboardBodyPanelProps, DashboardHorizontalArea, DashboardHorizontalPanel, DashboardHorizontalPanelProps, DashboardSize, DashboardState, DashboardVerticalArea, DashboardVerticalPanel, DashboardVerticalPanelProps } from './typings';
+export declare class DashboardService extends DefaultService<DashboardState> {
+    protected areas: DashboardArea[][];
+    collapse(area: DashboardArea | 'all', collapse?: boolean): void;
+    collapseFloating(): void;
+    float(area: DashboardArea | 'all', float?: boolean): void;
+    getBodyPanel(): DashboardBodyPanel | undefined;
+    getHorizontalPanel(area: 'footer' | 'header'): DashboardHorizontalPanel | undefined;
+    getVerticalPanel(area: 'left' | 'right'): DashboardVerticalPanel | undefined;
+    initBodyPanel(_props: DashboardBodyPanelProps, ref: React.RefObject<HTMLDivElement>): void;
+    initContainer(ref: React.RefObject<HTMLDivElement>): void;
+    initHorizontalPanel(area: 'footer' | 'header', props: DashboardHorizontalPanelProps, ref: React.RefObject<HTMLDivElement>): void;
+    initVerticalPanel(area: 'left' | 'right', props: DashboardVerticalPanelProps, ref: React.RefObject<HTMLDivElement>): void;
+    resizeHeight(area: DashboardHorizontalArea, nextHeight: number, step: ResizeStep): void;
+    resizeWidth(area: DashboardVerticalArea, nextWidth: number, step: ResizeStep): void;
+    showOverlay(): boolean;
+    toggle(area: DashboardArea | 'all'): void;
+    _compileAreas(): void;
+    _fillColumn(colIndex: number, area: DashboardVerticalArea): void;
+    _getCollapseKey(): 'collapseSmall' | 'collapseMedium' | 'collapseLarge';
+    _getFloatingKey(): 'floatingSmall' | 'floatingMedium' | 'floatingLarge';
+    _getSize(): DashboardSize;
+    _fillRow(rowIndex: number, area: DashboardHorizontalArea): void;
+}

package/dist/components/dashboard/components/DashboardBody.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardBodyComponentProps, DashboardBodyPanelProps, DashboardSize } from '../typings';
+export declare const getBodyLength: (type: 'width' | 'height', size: DashboardSize, props: DashboardBodyComponentProps) => string;
+declare const DashboardBody: FCC<DashboardBodyPanelProps>;
+export default DashboardBody;

package/dist/components/dashboard/components/DashboardComponent.d.ts

@@ -0,0 +1,7 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardService } from '../DashboardService';
+import { DashboardProps } from '../typings';
+declare const DashboardComponent: FCC<DashboardProps & {
+    service: DashboardService;
+}>;
+export default DashboardComponent;

package/dist/components/dashboard/components/DashboardContainer.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardContainerProps } from '../typings';
+export declare const getDashboardTemplate: (dashboardContainerProps: DashboardContainerProps) => string;
+declare const DashboardContainer: import("styled-components").StyledComponent<FCC<DashboardContainerProps>, any, {}, never>;
+export default DashboardContainer;

package/dist/components/dashboard/components/DashboardFooter.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardFooter: import("onekijs-framework").FCC<import("../typings").DashboardHorizontalPanelProps>;
+export default DashboardFooter;

package/dist/components/dashboard/components/DashboardHeader.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardHeader: import("onekijs-framework").FCC<import("../typings").DashboardHorizontalPanelProps>;
+export default DashboardHeader;

package/dist/components/dashboard/components/DashboardLeft.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardLeft: import("onekijs-framework").FCC<import("../typings").DashboardVerticalPanelProps>;
+export default DashboardLeft;

package/dist/components/dashboard/components/DashboardOverlay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ComponentStyle } from '../../..';
+import { DashboardOverlayProps } from '../typings';
+export declare const dashboardOverlayStyle: ComponentStyle<DashboardOverlayProps>;
+declare const DashboardOverlay: import("styled-components").StyledComponent<React.FC<DashboardOverlayProps>, any, {}, never>;
+export default DashboardOverlay;

package/dist/components/dashboard/components/DashboardRight.d.ts

@@ -0,0 +1,2 @@
+declare const DashboardRight: import("onekijs-framework").FCC<import("../typings").DashboardVerticalPanelProps>;
+export default DashboardRight;

package/dist/components/dashboard/components/DashboardToggler.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DashboardTogglerProps } from '../typings';
+export declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<import("../../icon/typings").IconProps>, any, {}, never>;
+declare const DashboardToggler: React.FC<DashboardTogglerProps>;
+export default DashboardToggler;

package/dist/components/dashboard/hoc/dashboardHorizontalPanel.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardHorizontalArea, DashboardHorizontalPanelProps } from '../typings';
+declare const dashboardHorizontalPanel: (area: DashboardHorizontalArea) => FCC<DashboardHorizontalPanelProps>;
+export default dashboardHorizontalPanel;

package/dist/components/dashboard/hoc/dashboardVerticalPanel.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardVerticalArea, DashboardVerticalPanelProps } from '../typings';
+declare const dashboardVerticalPanel: (area: DashboardVerticalArea) => FCC<DashboardVerticalPanelProps>;
+export default dashboardVerticalPanel;

package/dist/components/dashboard/hooks/useDashboard.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardService } from '../DashboardService';
+import { DashboardProps } from '../typings';
+declare const useDashboard: () => [FCC<DashboardProps>, DashboardService];
+export default useDashboard;

package/dist/components/dashboard/hooks/useDashboardService.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DashboardService } from '../DashboardService';
+export declare const DashboardServiceContext: React.Context<DashboardService>;
+declare const useDashboardService: () => DashboardService;
+export default useDashboardService;

package/dist/components/dashboard/hooks/useDashboardState.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DashboardState } from '../typings';
+export declare const DashboardStateContext: React.Context<DashboardState>;
+declare const useDashboardState: () => DashboardState;
+export default useDashboardState;

package/dist/components/dashboard/index.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { DashboardProps } from './typings';
+declare const Dashboard: FCC<DashboardProps>;
+export default Dashboard;

package/dist/components/dashboard/typings.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+export declare type DashboardArea = DashboardHorizontalArea | DashboardVerticalArea | 'body' | 'none';
+export declare type DashboardBodyComponentProps = {
+    className?: string;
+    footer?: DashboardHorizontalPanel;
+    header?: DashboardHorizontalPanel;
+    left?: DashboardVerticalPanel;
+    right?: DashboardVerticalPanel;
+    panel?: DashboardBodyPanel;
+};
+export declare type DashboardBodyPanel = {
+    className?: string;
+    ref: React.RefObject<HTMLDivElement>;
+};
+export declare type DashboardBodyPanelProps = {
+    className?: string;
+};
+export declare type DashboardContainer = {
+    ref: React.RefObject<HTMLDivElement>;
+};
+export declare type DashboardContainerProps = {
+    areas?: DashboardArea[][];
+    className?: string;
+    footer?: DashboardHorizontalPanel;
+    header?: DashboardHorizontalPanel;
+    left?: DashboardVerticalPanel;
+    right?: DashboardVerticalPanel;
+    body?: DashboardBodyPanel;
+    onInit: (ref: React.RefObject<HTMLDivElement>) => void;
+};
+export declare type DashboardHorizontalArea = 'header' | 'footer';
+export declare type DashboardHorizontalPanel = DashboardSidePanel & Required<DashboardHorizontalProps> & {
+    area: DashboardHorizontalArea;
+};
+export declare type DashboardHorizontalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardHorizontalPanelProps & {
+    panel?: DashboardHorizontalPanel;
+    area: DashboardHorizontalArea;
+};
+declare type DashboardHorizontalProps = {
+    collapseHeight?: string | 0;
+    height?: string | 0;
+    maxHeight?: string | 0;
+    minHeight?: string | 0;
+};
+export declare type DashboardHorizontalPanelProps = DashboardSidePanelProps & DashboardHorizontalProps;
+export declare type DashboardProps = {
+    ContainerComponent?: React.FC<DashboardContainerProps>;
+    OverlayComponent?: React.FC<DashboardOverlayProps>;
+};
+export declare type DashboardOverlayProps = React.InputHTMLAttributes<HTMLDivElement> & {
+    show: boolean;
+};
+export declare type DashboardSidePanel = Omit<Required<DashboardSidePanelProps>, 'collapse' | 'floating'> & {
+    ref: React.RefObject<HTMLDivElement>;
+};
+export declare type DashboardSidePanelProps = {
+    className?: string;
+    collapse?: boolean;
+    collapseSmall?: boolean;
+    collapseMedium?: boolean;
+    collapseLarge?: boolean;
+    floating?: boolean;
+    floatingSmall?: boolean;
+    floatingMedium?: boolean;
+    floatingLarge?: boolean;
+    resizable?: boolean;
+};
+export declare type DashboardSize = 'small' | 'medium' | 'large';
+export declare type DashboardState = {
+    right?: DashboardVerticalPanel;
+    left?: DashboardVerticalPanel;
+    header?: DashboardHorizontalPanel;
+    footer?: DashboardHorizontalPanel;
+    body?: DashboardBodyPanel;
+    container?: DashboardContainer;
+    areas?: DashboardArea[][];
+};
+export declare type DashboardTogglerProps = {
+    area: DashboardVerticalArea;
+};
+export declare type DashboardVerticalArea = 'left' | 'right';
+export declare type DashboardVerticalPanel = DashboardSidePanel & Required<DashboardVerticalProps> & {
+    area: DashboardVerticalArea;
+};
+export declare type DashboardVerticalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardVerticalPanelProps & {
+    panel?: DashboardVerticalPanel;
+    area: DashboardVerticalArea;
+};
+declare type DashboardVerticalProps = {
+    collapseWidth?: string | 0;
+    maxWidth?: string | 0;
+    minWidth?: string | 0;
+    width?: string | 0;
+};
+export declare type DashboardVerticalPanelProps = DashboardSidePanelProps & DashboardVerticalProps;
+export {};

package/dist/components/dashboard/utils/dashboardArea.d.ts

@@ -0,0 +1,3 @@
+import { DashboardArea } from '../typings';
+export declare const isAreaInColumn: (column: 'first' | 'last', area: DashboardArea, areas?: DashboardArea[][]) => boolean;
+export declare const isAreaInRow: (row: 'first' | 'last', area: DashboardArea, areas?: DashboardArea[][]) => boolean;

package/dist/components/dashboard/utils/dashboardLength.d.ts

@@ -0,0 +1,5 @@
+import { DashboardHorizontalPanel, DashboardSize, DashboardVerticalPanel } from '../typings';
+export declare const getCollapseKey: (size: DashboardSize) => 'collapseSmall' | 'collapseMedium' | 'collapseLarge';
+export declare const getFloatingKey: (size: DashboardSize) => 'floatingSmall' | 'floatingMedium' | 'floatingLarge';
+export declare const getDashboardPanelLength: (type: 'width' | 'height', size: DashboardSize, panel: DashboardHorizontalPanel | DashboardVerticalPanel | undefined) => string | 0;
+export declare const getWorkspacePanelLength: (type: 'width' | 'height', size: DashboardSize, panel: DashboardHorizontalPanel | DashboardVerticalPanel | undefined) => string | 0;

package/dist/components/dropdown/components/DropdownComponent.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { DropdownProps } from '../typings';
-declare const DropdownComponent: FC<DropdownProps>;
-export default DropdownComponent;
+import { FCC } from 'onekijs-framework';
+import { DropdownComponentProps } from '../typings';
+declare const DropdownComponent: FCC<DropdownComponentProps>;
+export default DropdownComponent;

package/dist/components/dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,5 @@
+import { FCC } from 'onekijs-framework';
+import React from 'react';
+import { DropdownProps } from '../typings';
+declare const useDropdown: () => [FCC<DropdownProps>, React.Dispatch<React.SetStateAction<HTMLElement | null>>];
+export default useDropdown;

package/dist/components/dropdown/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Dropdown: import("styled-components").StyledComponent<import("react").FC<import("./typings").DropdownProps>, any, {}, never>;
-export default Dropdown;
+declare const Dropdown: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").DropdownComponentProps>, any, {}, never>;
+export default Dropdown;

package/dist/components/dropdown/style.d.ts

@@ -1,4 +1,4 @@
-import { ComponentStyle } from '../../styles/typings';
-import { DropdownProps } from './typings';
-declare const dropdownStyle: ComponentStyle<DropdownProps>;
-export default dropdownStyle;
+import { ComponentStyle } from '../../styles/typings';
+import { DropdownProps } from './typings';
+declare const dropdownStyle: ComponentStyle<DropdownProps>;
+export default dropdownStyle;

package/dist/components/dropdown/typings.d.ts

@@ -1,5 +1,24 @@
-export interface DropdownProps {
-    className?: string;
-    refElement: HTMLElement | null;
-    open: boolean;
-}
+import { Placement } from '@popperjs/core';
+import { AnyFunction } from 'onekijs-framework';
+export declare type DropdownProps = {
+    attachToBody?: boolean;
+    className?: string;
+    open?: boolean;
+    skidding?: number;
+    distance?: number;
+    onUpdate?: AnyFunction<void>;
+    onDropStart?: (node: HTMLElement, isAppearing: boolean) => void;
+    onDropping?: (node: HTMLElement, isAppearing: boolean) => void;
+    onDropDone?: (node: HTMLElement, isAppearing: boolean) => void;
+    onCollapseStart?: (node: HTMLElement) => void;
+    onCollapseDone?: (node: HTMLElement) => void;
+    onCollapsing?: (node: HTMLElement) => void;
+    animationTimeout?: number;
+    placement?: Placement;
+    widthModifier?: DropdownWidthModifier;
+    zIndex?: number;
+};
+export declare type DropdownWidthModifier = 'same' | 'min' | 'max';
+export declare type DropdownComponentProps = DropdownProps & {
+    refElement?: HTMLElement | null;
+};

package/dist/components/field/FieldDescription.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FieldDescription: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldDescriptionProps>, any, {}, never>;
+export default FieldDescription;

package/dist/components/field/FieldHelp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Help: import("styled-components").StyledComponent<import("react").FC<import("./typings").FieldHelpProps>, any, {}, never>;
+export default Help;

package/dist/components/field/FieldLayout.d.ts

@@ -0,0 +1,2 @@
+declare const FieldLayout: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").FieldLayoutProps>, any, {}, never>;
+export default FieldLayout;

package/dist/components/field/components/FieldDescriptionComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldDescriptionProps } from '../typings';
+declare const FieldDescriptionComponent: React.FC<FieldDescriptionProps>;
+export default FieldDescriptionComponent;

package/dist/components/field/components/FieldHelpComponent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { FieldHelpProps } from '../typings';
+declare const FieldHelpComponent: React.FC<FieldHelpProps>;
+export default FieldHelpComponent;

package/dist/components/field/components/FieldLayoutComponent.d.ts

@@ -0,0 +1,4 @@
+import { FCC } from 'onekijs-framework';
+import { FieldLayoutProps } from '../typings';
+declare const FieldLayoutComponent: FCC<FieldLayoutProps>;
+export default FieldLayoutComponent;