onekijs-ui 0.22.0 → 1.0.1

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

@@ -12,5 +12,9 @@
  * @see AccordionComponent
  * @remarks #styled#
  */
-declare const Accordion: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AccordionProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Accordion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").AccordionProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").AccordionProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").AccordionProps>, keyof import("react").Component<any, {}, any>>;
 export default Accordion;

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

@@ -1,2 +1,20 @@
-declare const Alert: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").AlertProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Alert: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    kind?: "success" | "info" | "warning" | "error" | "debug";
+    icon?: boolean;
+    IconComponent?: React.FC<import("../icon/typings").IconProps>;
+    marginBottom?: import("../..").SpacingPropertyTheme;
+    marginTop?: import("../..").SpacingPropertyTheme;
+    size?: "small" | "medium" | "large";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    kind?: "success" | "info" | "warning" | "error" | "debug";
+    icon?: boolean;
+    IconComponent?: React.FC<import("../icon/typings").IconProps>;
+    marginBottom?: import("../..").SpacingPropertyTheme;
+    marginTop?: import("../..").SpacingPropertyTheme;
+    size?: "small" | "medium" | "large";
+} & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").AlertProps>, keyof import("react").Component<any, {}, any>>;
 export default Alert;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const DropdownButton: import("styled-components").StyledComponent<import("react").FC<import("./typings").DropDownButtonProps>, import("styled-components").DefaultTheme, import("./typings").ButtonProps, never>;
+export declare const DropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").DropDownButtonProps, never> & Partial<Pick<import("./typings").DropDownButtonProps, never>>> & string & Omit<import("react").FC<import("./typings").DropDownButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default DropdownButton;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Button: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const Button: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never> & Partial<Pick<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>>> & string & Omit<import("react").ForwardRefExoticComponent<import("./typings").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export default Button;

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

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

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

@@ -0,0 +1,14 @@
+declare const FormBlockDisplayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("onekijs-framework").FormDisplayerField & {
+    index: number;
+    first: boolean;
+    last: boolean;
+    className?: string;
+    format: "form_summary" | "form_summary_table" | "csv";
+}, never> & Partial<Pick<import("onekijs-framework").FormDisplayerField & {
+    index: number;
+    first: boolean;
+    last: boolean;
+    className?: string;
+    format: "form_summary" | "form_summary_table" | "csv";
+}, never>>> & string & Omit<(displayerProps: import("onekijs-framework").FormDisplayerProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default FormBlockDisplayer;

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

@@ -1,3 +1,14 @@
-/// <reference types="react" />
-declare const FormCardDisplayer: import("styled-components").StyledComponent<(displayerProps: import("onekijs-framework").FormDisplayerProps) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+declare const FormCardDisplayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("onekijs-framework").FormDisplayerField & {
+    index: number;
+    first: boolean;
+    last: boolean;
+    className?: string;
+    format: "form_summary" | "form_summary_table" | "csv";
+}, never> & Partial<Pick<import("onekijs-framework").FormDisplayerField & {
+    index: number;
+    first: boolean;
+    last: boolean;
+    className?: string;
+    format: "form_summary" | "form_summary_table" | "csv";
+}, never>>> & string & Omit<(displayerProps: import("onekijs-framework").FormDisplayerProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default FormCardDisplayer;

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

@@ -0,0 +1,4 @@
+import { FormDisplayerProps } from 'onekijs-framework';
+import React from 'react';
+export declare const FormBlockDisplayerComponent: (displayerProps: FormDisplayerProps) => React.JSX.Element;
+export default FormBlockDisplayerComponent;

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

@@ -1,2 +1,6 @@
-declare const Card: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").CardProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").CardProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").CardProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").CardProps>, keyof import("react").Component<any, {}, any>>;
 export default Card;

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

@@ -1,5 +1,6 @@
 import { FormDecoratorOptions } from 'onekijs-framework';
 import { FC, ReactNode } from 'react';
+import { StylableProps } from '../../styles/typings';
 export type CardProps = {
     bordered?: boolean;
     className?: string;
@@ -19,7 +20,8 @@ export type CardTitleProps = {
     collapsable: boolean;
     animate?: number;
 };
-export type FormCardProps = CardProps & FormDecoratorOptions & {
+export type FormCardProps = CardProps & FormBlockProps;
+export type FormBlockProps = StylableProps & FormDecoratorOptions & {
     name: string;
     help?: ReactNode;
 };

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const Checkbox: import("styled-components").StyledComponent<import("react").FC<import("./typings").CheckboxProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const Checkbox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").CheckboxProps, never> & Partial<Pick<import("./typings").CheckboxProps, never>>> & string & Omit<import("react").FC<import("./typings").CheckboxProps>, keyof import("react").Component<any, {}, any>>;
 export default Checkbox;

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

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

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

@@ -1,2 +1,6 @@
-declare const ContextMenu: import("styled-components").StyledComponent<import("onekijs-framework").FCC<import("./typings").ContextMenuProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const ContextMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./typings").ContextMenuProps & {
+    children?: import("react").ReactNode | undefined;
+}, never> & Partial<Pick<import("./typings").ContextMenuProps & {
+    children?: import("react").ReactNode | undefined;
+}, never>>> & string & Omit<import("onekijs-framework").FCC<import("./typings").ContextMenuProps>, keyof import("react").Component<any, {}, any>>;
 export default ContextMenu;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export type ContextMenuProps = {
     className?: string;
-    refElement: HTMLElement | React.RefObject<HTMLDivElement>;
+    refElement: HTMLElement | React.RefObject<HTMLDivElement | null>;
     offsetX?: number;
     offsetY?: number;
 };

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

@@ -2,11 +2,13 @@ import { AnonymousObject, DefaultService } from 'onekijs-framework';
 import React, { MutableRefObject, ReactNode } from 'react';
 import { ResizeStep } from '../resizer/typings';
 import { DashboardArea, DashboardBodyPanel, DashboardBodyPanelProps, DashboardHorizontalArea, DashboardHorizontalPanel, DashboardHorizontalPanelProps, DashboardSize, DashboardState, DashboardVerticalArea, DashboardVerticalPanel, DashboardVerticalPanelProps } from './typings';
+export declare const isHorizontalPanel: (panel: any) => panel is DashboardHorizontalPanel;
+export declare const isVerticalPanel: (panel: any) => panel is DashboardVerticalPanel;
 export declare class DashboardService extends DefaultService<DashboardState> {
     protected areas: DashboardArea[][];
     refs: AnonymousObject<MutableRefObject<HTMLDivElement | null> | null | undefined>;
     clearContent(area: DashboardHorizontalArea | DashboardVerticalArea): void;
-    collapse(area: DashboardArea | 'all', collapse?: boolean): void;
+    collapse(area: DashboardHorizontalArea | DashboardVerticalArea | 'all', collapse?: boolean): Generator<boolean | void | import("redux-saga/effects").CallEffect<true>, void, boolean>;
     collapseFloating(): void;
     destroyPanel(area: 'left' | 'right' | 'header' | 'footer' | 'body' | 'container'): void;
     float(area: DashboardArea | 'all', float?: boolean): void;
@@ -14,20 +16,27 @@ export declare class DashboardService extends DefaultService<DashboardState> {
     getHorizontalPanel(area: 'footer' | 'header'): DashboardHorizontalPanel | undefined;
     getRef(area: 'left' | 'right' | 'header' | 'footer' | 'body' | 'container'): React.MutableRefObject<HTMLDivElement | null> | null | undefined;
     getVerticalPanel(area: 'left' | 'right'): DashboardVerticalPanel | undefined;
-    initBodyPanel(_props: DashboardBodyPanelProps): void;
+    initBodyPanel(props?: DashboardBodyPanelProps): void;
     initContainer(ref: React.MutableRefObject<HTMLDivElement | null>): void;
     initHorizontalPanel(area: 'footer' | 'header', props: DashboardHorizontalPanelProps): void;
     initVerticalPanel(area: 'left' | 'right', props: DashboardVerticalPanelProps): void;
-    resizeHeight(area: DashboardHorizontalArea, nextHeight: number, step: ResizeStep): void;
-    resizeWidth(area: DashboardVerticalArea, nextWidth: number, step: ResizeStep): void;
+    isCollapse(area: 'left' | 'right' | 'header' | 'footer'): boolean;
+    isFloating(area: 'left' | 'right' | 'header' | 'footer'): boolean;
+    resizeHeight(area: DashboardHorizontalArea, nextHeight: number, step: ResizeStep): Generator<void, void, unknown>;
+    resizeWidth(area: DashboardVerticalArea, nextWidth: number, step: ResizeStep): Generator<void, void, unknown>;
+    setPanelHeight(area: DashboardHorizontalArea, height: number): void;
+    setPanelResizing(area: DashboardVerticalArea | DashboardHorizontalArea, resizing: boolean): void;
+    setPanelWidth(area: DashboardVerticalArea, width: number): void;
     setContent(area: DashboardHorizontalArea | DashboardVerticalArea, content: ReactNode): void;
     setRef(area: 'left' | 'right' | 'header' | 'footer' | 'body' | 'container', ref: React.MutableRefObject<HTMLDivElement | null> | null | undefined): void;
     showOverlay(): boolean;
     toggle(area: DashboardArea | 'all'): void;
-    _compileAreas(): void;
-    _fillColumn(colIndex: number, area: DashboardVerticalArea): void;
+    _fixPanelSize(area: DashboardHorizontalArea | DashboardVerticalArea): boolean;
+    _unfixPanelSize(area: DashboardHorizontalArea | DashboardVerticalArea): void;
     _getCollapseKey(): 'collapseSmall' | 'collapseMedium' | 'collapseLarge';
     _getFloatingKey(): 'floatingSmall' | 'floatingMedium' | 'floatingLarge';
     _getSize(): DashboardSize;
-    _fillRow(rowIndex: number, area: DashboardHorizontalArea): void;
+    _setCollapse(area: DashboardArea, collapse: boolean): void;
+    _setCollapsing(area: DashboardArea, collapsing: boolean): void;
+    _setExpanding(area: DashboardArea, expanding: boolean): void;
 }

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

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

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

@@ -1,5 +1,10 @@
 import { FCC } from 'onekijs-framework';
+import React from 'react';
 import { DashboardContainerProps } from '../typings';
 export declare const getDashboardTemplate: (dashboardContainerProps: DashboardContainerProps) => string;
-declare const DashboardContainer: import("styled-components").StyledComponent<FCC<DashboardContainerProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const DashboardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<DashboardContainerProps & {
+    children?: React.ReactNode | undefined;
+}, never> & Partial<Pick<DashboardContainerProps & {
+    children?: React.ReactNode | undefined;
+}, never>>> & string & Omit<FCC<DashboardContainerProps>, keyof React.Component<any, {}, any>>;
 export default DashboardContainer;

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

@@ -2,5 +2,9 @@ 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>, import("styled-components").DefaultTheme, {}, never>;
+declare const DashboardOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    show: boolean;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    show: boolean;
+}, never>>> & string & Omit<React.FC<DashboardOverlayProps>, keyof React.Component<any, {}, any>>;
 export default DashboardOverlay;

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

@@ -1,5 +1,27 @@
 import React from 'react';
 import { DashboardTogglerProps } from '../typings';
-export declare const TogglerIcon: import("styled-components").StyledComponent<React.FC<import("../../icon/typings").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TogglerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../../..").TLength>;
+    marginLeft?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../../..").TLength>;
+    marginLeft?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../../..").TLength>;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../../..").TLength>;
+    marginLeft?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../../..").TLength>;
+}, never> & Partial<Pick<React.InputHTMLAttributes<HTMLDivElement> & {
+    color?: import("../../..").ColorPropertyTheme | import("csstype").Property.Color;
+    marginRight?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginRight<import("../../..").TLength>;
+    marginLeft?: import("../../..").SpacingPropertyTheme | import("csstype").Property.MarginLeft<import("../../..").TLength>;
+}, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
 declare const DashboardToggler: React.FC<DashboardTogglerProps>;
 export default DashboardToggler;

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

@@ -0,0 +1,3 @@
+import { DashboardService } from '../DashboardService';
+declare const useDashboardController: () => DashboardService;
+export default useDashboardController;

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

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
-import { StylableProps } from '../../styles/typings';
+import { ColorPropertyTheme, StylableProps } from '../../styles/typings';
+import { DashboardService } from './DashboardService';
 export type DashboardArea = DashboardHorizontalArea | DashboardVerticalArea | 'body' | 'none';
 export type DashboardBodyComponentProps = {
     className?: string;
@@ -36,24 +37,31 @@ export type DashboardHorizontalPanelComponentProps = React.InputHTMLAttributes<H
     area: DashboardHorizontalArea;
 };
 type DashboardHorizontalProps = {
+    autoHeight?: boolean;
     collapseHeight?: string | 0;
     height?: string | 0;
     maxHeight?: string | 0;
     minHeight?: string | 0;
 };
-export type DashboardHorizontalPanelProps = DashboardSidePanelProps & DashboardHorizontalProps;
+export type DashboardHorizontalPanelProps = StylableProps & DashboardSidePanelProps & DashboardHorizontalProps & {
+    area?: DashboardHorizontalArea;
+};
 export type DashboardProps = StylableProps & {
     ContainerComponent?: React.FC<DashboardContainerProps>;
     OverlayComponent?: React.FC<DashboardOverlayProps>;
+    controller?: DashboardService;
 };
 export type DashboardOverlayProps = React.InputHTMLAttributes<HTMLDivElement> & {
     show: boolean;
 };
 export type DashboardSidePanel = Omit<Required<DashboardSidePanelProps>, 'collapse' | 'floating'> & {
+    collapsing: boolean;
     content?: ReactNode;
+    expanding: boolean;
 };
 export type DashboardSidePanelProps = {
-    className?: string;
+    animation?: number;
+    backgroundColor?: ColorPropertyTheme | string;
     collapse?: boolean;
     collapseSmall?: boolean;
     collapseMedium?: boolean;
@@ -64,6 +72,7 @@ export type DashboardSidePanelProps = {
     floatingLarge?: boolean;
     resizable?: boolean;
     resizerGap?: number;
+    resizing?: boolean;
 };
 export type DashboardSize = 'small' | 'medium' | 'large';
 export type DashboardState = {
@@ -82,15 +91,18 @@ export type DashboardVerticalArea = 'left' | 'right';
 export type DashboardVerticalPanel = DashboardSidePanel & Required<DashboardVerticalProps> & {
     area: DashboardVerticalArea;
 };
-export type DashboardVerticalPanelComponentProps = React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardVerticalPanelProps & {
+export type DashboardVerticalPanelComponentProps = StylableProps & React.InputHTMLAttributes<HTMLDivElement> & DashboardState & DashboardVerticalPanelProps & {
     panel?: DashboardVerticalPanel;
     area: DashboardVerticalArea;
 };
 type DashboardVerticalProps = {
+    autoWidth?: boolean;
     collapseWidth?: string | 0;
     maxWidth?: string | 0;
     minWidth?: string | 0;
     width?: string | 0;
 };
-export type DashboardVerticalPanelProps = DashboardSidePanelProps & DashboardVerticalProps;
+export type DashboardVerticalPanelProps = DashboardSidePanelProps & DashboardVerticalProps & {
+    area?: DashboardVerticalArea;
+};
 export {};

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

@@ -1,3 +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;
+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

@@ -1,5 +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;
+export declare const getCollapseKey: (size: DashboardSize) => "collapseSmall" | "collapseMedium" | "collapseLarge";
+export declare const getFloatingKey: (size: DashboardSize) => "floatingSmall" | "floatingMedium" | "floatingLarge";
+export declare const getDashboardPanelSize: (type: "width" | "height", size: DashboardSize, panel: DashboardHorizontalPanel | DashboardVerticalPanel | undefined, full?: boolean) => string | 0;
+export declare const getDashboardPanelContainerSize: (type: "width" | "height", size: DashboardSize, panel: DashboardHorizontalPanel | DashboardVerticalPanel | undefined, full?: boolean) => string | 0 | null;

package/dist/components/datetime/hooks/useDateRangeAdapter.d.ts

@@ -2,6 +2,6 @@ import { DateRangeAdapter } from '../typings';
 declare const useDateRangeAdapter: () => DateRangeAdapter<{
     from: Date | null;
     to: Date | null;
-    label?: string | null | undefined;
+    label?: string | null;
 }>;
 export default useDateRangeAdapter;

package/dist/components/datetime/hooks/useTimestampRangeAdapter.d.ts

@@ -1,7 +1,7 @@
 import { DateRangeAdapter } from '../typings';
-declare const useTimestampRangeAdapter: (format?: 'seconds' | 'milliseconds') => DateRangeAdapter<{
+declare const useTimestampRangeAdapter: (format?: "seconds" | "milliseconds") => DateRangeAdapter<{
     from: number | null;
     to: number | null;
-    label?: string | null | undefined;
+    label?: string | null;
 }>;
 export default useTimestampRangeAdapter;

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

@@ -1,7 +1,214 @@
-/// <reference types="react" />
-export declare const DatePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").DatePickerProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DateRangePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").DateRangePickerProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DateTimePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").DateTimePickerProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const DateTimeRangePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").DateTimeRangePickerProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TimePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").TimePickerProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const TimeRangePicker: import("styled-components").StyledComponent<import("react").FC<import("./typings").TimePickerProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const DatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateAdapter<any> | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    value?: any;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateAdapter<any> | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    value?: any;
+}, never>>> & string & Omit<import("react").FC<import("./typings").DatePickerProps>, keyof import("react").Component<any, {}, any>>;
+export declare const DateRangePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateRangeAdapter<any> | undefined;
+    closeOnQuickSelect?: boolean;
+    onChange?: ((value: any) => void) | undefined;
+    quickRanges?: import("onekijs-framework").AnonymousObject<import("./typings").DateStringRange>;
+    value?: any;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateRangeAdapter<any> | undefined;
+    closeOnQuickSelect?: boolean;
+    onChange?: ((value: any) => void) | undefined;
+    quickRanges?: import("onekijs-framework").AnonymousObject<import("./typings").DateStringRange>;
+    value?: any;
+}, never>>> & string & Omit<import("react").FC<import("./typings").DateRangePickerProps>, keyof import("react").Component<any, {}, any>>;
+export declare const DateTimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateAdapter<any> | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    value?: any;
+} & import("./typings").DisplayTime, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateAdapter<any> | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    value?: any;
+} & import("./typings").DisplayTime, never>>> & string & Omit<import("react").FC<import("./typings").DateTimePickerProps>, keyof import("react").Component<any, {}, any>>;
+export declare const DateTimeRangePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateRangeAdapter<any> | undefined;
+    closeOnQuickSelect?: boolean;
+    onChange?: ((value: any) => void) | undefined;
+    quickRanges?: import("onekijs-framework").AnonymousObject<import("./typings").DateStringRange>;
+    value?: any;
+} & import("./typings").DisplayTime, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & {
+    adapter?: import("./typings").DateRangeAdapter<any> | undefined;
+    closeOnQuickSelect?: boolean;
+    onChange?: ((value: any) => void) | undefined;
+    quickRanges?: import("onekijs-framework").AnonymousObject<import("./typings").DateStringRange>;
+    value?: any;
+} & import("./typings").DisplayTime, never>>> & string & Omit<import("react").FC<import("./typings").DateTimeRangePickerProps>, keyof import("react").Component<any, {}, any>>;
+export declare const TimePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & import("./typings").DisplayTime & {
+    onChange?: (value: string | null) => void;
+    value?: string | null;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & import("./typings").DisplayTime & {
+    onChange?: (value: string | null) => void;
+    value?: string | null;
+}, never>>> & string & Omit<import("react").FC<import("./typings").TimePickerProps>, keyof import("react").Component<any, {}, any>>;
+export declare const TimeRangePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & import("./typings").DisplayTime & {
+    onChange?: (value: string | null) => void;
+    value?: string | null;
+}, never> & Partial<Pick<import("../..").StylableProps & {
+    animationMs?: number;
+    attachDropdownToBody?: boolean;
+    autoFocus?: boolean;
+    combo?: boolean;
+    disabled?: boolean;
+    dropdownWidthModifier?: import("../..").DropdownWidthModifier;
+    nullable?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    openOnFocus?: boolean;
+    placeholder?: string;
+    placement?: import("@popperjs/core").Placement;
+} & import("./typings").DisplayTime & {
+    onChange?: (value: string | null) => void;
+    value?: string | null;
+}, never>>> & string & Omit<import("react").FC<import("./typings").TimePickerProps>, keyof import("react").Component<any, {}, any>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AnonymousObject } from 'onekijs-framework';
 import { StylableProps } from '../../styles/typings';
 import { DropdownWidthModifier } from '../dropdown/typings';