@ckbox/components 1.1.1-dev.0 → 1.2.0-dev.0

package/dist/docIcon/DocIcon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as icons from './icons';
+declare const DocIcon: React.FC<Props>;
+export declare type DocIconName = keyof typeof icons;
+export interface Props {
+    /**
+     * Name of selected icon.
+     */
+    name: DocIconName;
+}
+export default DocIcon;

package/dist/docIcon/icons/Archive.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Zip: React.FC<Props>;
+export default Zip;

package/dist/docIcon/icons/Empty.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Empty: React.FC<Props>;
+export default Empty;

package/dist/docIcon/icons/Excel.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Excel: React.FC<Props>;
+export default Excel;

package/dist/docIcon/icons/Img.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Img: React.FC<Props>;
+export default Img;

package/dist/docIcon/icons/Movie.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Movie: React.FC<Props>;
+export default Movie;

package/dist/docIcon/icons/Music.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Music: React.FC<Props>;
+export default Music;

package/dist/docIcon/icons/Pdf.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Pdf: React.FC<Props>;
+export default Pdf;

package/dist/docIcon/icons/Ppt.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Ppt: React.FC<Props>;
+export default Ppt;

package/dist/docIcon/icons/Txt.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Txt: React.FC<Props>;
+export default Txt;

package/dist/docIcon/icons/Word.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { Props } from './types';
+declare const Word: React.FC<Props>;
+export default Word;

package/dist/docIcon/icons/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Archive } from './Archive';
+export { default as Empty } from './Empty';
+export { default as Excel } from './Excel';
+export { default as Img } from './Img';
+export { default as Movie } from './Movie';
+export { default as Music } from './Music';
+export { default as Pdf } from './Pdf';
+export { default as Ppt } from './Ppt';
+export { default as Txt } from './Txt';
+export { default as Word } from './Word';

package/dist/docIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { DocIconName } from './DocIcon';
+export { default } from './DocIcon';

package/dist/drawer/Drawer.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare const Drawer: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Label of the dialog element.
+     */
+    label?: string;
+    /**
+     * Callback invoked when drawer is closed.
+     */
+    onClose?: () => void;
+    /**
+     * Opens drawer.
+     */
+    open?: boolean;
+    /**
+     * Mounts drawer in a fixed mode. Defaults to `true`.
+     */
+    fixed?: boolean;
+}
+export default Drawer;

package/dist/drawer/actions/DrawerActions.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const DrawerActions: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default DrawerActions;

package/dist/drawer/actions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DrawerActions';

package/dist/drawer/content/DrawerContent.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const DrawerContent: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default DrawerContent;

package/dist/drawer/content/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DrawerContent';

package/dist/drawer/context/DrawerContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface DrawerContext {
+    /**
+     * Callback invoked when drawer is closed.
+     */
+    onClose?: () => void;
+}
+export declare const DrawerContext: React.Context<DrawerContext>;
+export declare const useDrawerContext: () => DrawerContext;

package/dist/drawer/context/index.d.ts

@@ -0,0 +1 @@
+export * from './DrawerContext';

package/dist/drawer/header/DrawerHeader.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const DrawerHeader: React.FC<Props>;
+export interface Props {
+    /**
+     * Text displayed as title in the bar.
+     */
+    title: string;
+    /**
+     * Label of the close button.
+     */
+    closeBtnLabel: string;
+}
+export default DrawerHeader;

package/dist/drawer/header/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DrawerHeader';

package/dist/drawer/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DrawerActions } from './actions';
+export { default as DrawerContent } from './content';
+export { default as DrawerHeader } from './header';
+export { default as DrawerSection } from './section';
+export { default } from './Drawer';

package/dist/drawer/section/DrawerSection.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const DrawerSection: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Fixes section's height.
+     */
+    fixedHeight?: boolean;
+    /**
+     * Centers section's content.
+     */
+    centeredContent?: boolean;
+}
+export default DrawerSection;

package/dist/drawer/section/index.d.ts

@@ -0,0 +1 @@
+export { default } from './DrawerSection';

package/dist/emptyView/EmptyView.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { IconName } from '../icon';
+declare const EmptyView: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface Props {
+    /**
+     * Adds active styling.
+     */
+    active?: boolean;
+    /**
+     * Main content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Empty view icon.
+     */
+    icon: IconName;
+    /**
+     * Sets styling mode.
+     */
+    type?: 'dropzone' | 'default';
+}
+export default EmptyView;

package/dist/emptyView/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EmptyViewLabel } from './label';
+export { default } from './EmptyView';

package/dist/emptyView/label/EmptyViewLabel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const EmptyViewLabel: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Adds styling for muted label.
+     */
+    muted?: boolean;
+}
+export default EmptyViewLabel;

package/dist/emptyView/label/index.d.ts

@@ -0,0 +1 @@
+export { default } from './EmptyViewLabel';

package/dist/fileInputButton/FileInputButton.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Props as ButtonProps } from '../button/Button';
+declare const FileInputButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export interface Props extends Omit<ButtonProps, 'onClick'> {
+    /**
+     * Unique input's id.
+     */
+    id: string;
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Input's name to register.
+     */
+    name?: string;
+    /**
+     * Callback invoked when the value is changed.
+     */
+    onChange?: (evt: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    /**
+     * Input's value.
+     */
+    value?: string;
+    /**
+     * Input's accept attribute.
+     */
+    accept?: string;
+}
+export default FileInputButton;

package/dist/fileInputButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FileInputButton';

package/dist/filePreview/FilePreview.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+declare const FilePreview: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Label of the dialog element.
+     */
+    label?: string;
+    /**
+     * Callback invoked when file preview is closed.
+     */
+    onClose?: () => void;
+    /**
+     * Callback invoked when left arrow is clicked.
+     */
+    onLeftArrowDown?: () => void;
+    /**
+     * Callback invoked when right arrow is clicked.
+     */
+    onRightArrowDown?: () => void;
+    /**
+     * Opens file preview.
+     */
+    open?: boolean;
+}
+export default FilePreview;

package/dist/filePreview/actions/FilePreviewActions.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare const FilePreviewActions: React.FC<Props>;
+export interface Props {
+    /**
+     * Label of the back button.
+     */
+    backBtnLabel: string;
+    /**
+     * Main content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Label of the close button.
+     */
+    closeBtnLabel: string;
+    /**
+     * Text displayed as title in the action bar.
+     */
+    title: string;
+}
+export default FilePreviewActions;

package/dist/filePreview/actions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilePreviewActions';

package/dist/filePreview/content/FilePreviewContent.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const FilePreviewContent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default FilePreviewContent;

package/dist/filePreview/content/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilePreviewContent';

package/dist/filePreview/context/FilePreviewContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface FilePreviewContext {
+    /**
+     * Callback invoked when file preview is closed.
+     */
+    onClose?: () => void;
+}
+export declare const FilePreviewContext: React.Context<FilePreviewContext>;
+export declare const useFilePreviewContext: () => FilePreviewContext;

package/dist/filePreview/context/index.d.ts

@@ -0,0 +1 @@
+export * from './FilePreviewContext';

package/dist/filePreview/hoverable/FilePreviewHoverable.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const FilePreviewHoverable: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default FilePreviewHoverable;

package/dist/filePreview/hoverable/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilePreviewHoverable';

package/dist/filePreview/index.d.ts

@@ -0,0 +1,6 @@
+export { default as FilePreviewActions } from './actions';
+export { default as FilePreviewContent } from './content';
+export { default as FilePreviewHoverable } from './hoverable';
+export { default as FilePreviewNavButton } from './navButton';
+export { default as FilePreviewTooltip } from './tooltip';
+export { default } from './FilePreview';

package/dist/filePreview/navButton/FilePreviewNavButton.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+declare const FilePreviewNavigationButtons: React.FC<Props>;
+declare type Side = 'left' | 'right';
+export interface Props {
+    /**
+     * Disables button.
+     */
+    disabled?: boolean;
+    /**
+     * Button's aria label.
+     */
+    label: string;
+    /**
+     * Callback invoked on click.
+     */
+    onClick?: () => void;
+    /**
+     * Places button on the specified side of the `FilePreview`.
+     */
+    side?: Side;
+}
+export default FilePreviewNavigationButtons;

package/dist/filePreview/navButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilePreviewNavButton';

package/dist/filePreview/tooltip/FilePreviewTooltip.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const FilePreviewTooltip: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the tooltip.
+     */
+    children?: React.ReactNode;
+}
+export default FilePreviewTooltip;

package/dist/filePreview/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FilePreviewTooltip';

package/dist/fixed/Fixed.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const Fixed: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default Fixed;

package/dist/fixed/context/FixedContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface FixedContext {
+    /**
+     * Element used a root for fixed UI components within the context.
+     */
+    rootEl?: HTMLElement | null;
+}
+export declare const FixedContext: React.Context<FixedContext>;
+export declare const useFixedCtx: () => FixedContext;

package/dist/fixed/context/index.d.ts

@@ -0,0 +1 @@
+export * from './FixedContext';

package/dist/fixed/index.d.ts

@@ -0,0 +1,3 @@
+export * from './context';
+export { default as FixedProvider } from './provider';
+export { default } from './Fixed';

package/dist/fixed/provider/FixedProvider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare const FixedProvider: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * By default fixed components will be mounted at main UI root.
+     * Provide a different element to use as a root.
+     */
+    rootEl?: HTMLElement | null;
+}
+export default FixedProvider;

package/dist/fixed/provider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FixedProvider';

package/dist/form/Form.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare const Form: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLFormElement>>;
+export declare type Props = {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Form class.
+     */
+    className?: string;
+    /**
+     * Form element's id.
+     */
+    id?: string;
+    /**
+     * Form submit callback.
+     */
+    onSubmit: React.FormEventHandler<HTMLFormElement>;
+};
+export default Form;

package/dist/form/feedback/FormFeedback.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const FormFeedback: React.FC<Props>;
+export declare type Props = {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Feedback error.
+     */
+    error?: boolean;
+    /**
+     * Feedback warning.
+     */
+    warning?: boolean;
+};
+export default FormFeedback;

package/dist/form/feedback/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormFeedback';

package/dist/form/group/FormGroup.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const FormGroup: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Applies offset.
+     */
+    offset?: 'base' | 'md';
+}
+export default FormGroup;

package/dist/form/group/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormGroup';

package/dist/form/groupColumn/FormGroupColumn.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const FormGroupColumn: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default FormGroupColumn;

package/dist/form/groupColumn/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormGroupColumn';

package/dist/form/groupInfo/FormGroupInfo.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const FormGroupInfo: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+}
+export default FormGroupInfo;

package/dist/form/groupInfo/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormGroupInfo';

package/dist/form/index.d.ts

@@ -0,0 +1,6 @@
+export { default as FormFeedback } from './feedback';
+export { default as FormGroup } from './group';
+export { default as FormGroupColumn } from './groupColumn';
+export { default as FormGroupInfo } from './groupInfo';
+export { default as FormInputLabel } from './inputLabel';
+export { default } from './Form';

package/dist/form/inputLabel/FormInputLabel.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const FormInputLabel: React.FC<Props>;
+export declare type Props = {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Input id.
+     */
+    htmlFor: string;
+    /**
+     * Input id.
+     */
+    hidden?: boolean;
+};
+export default FormInputLabel;

package/dist/form/inputLabel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FormInputLabel';

package/dist/gallery/Gallery.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+declare const Gallery: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Represents zoom value. Pass value in range 0 .. 1.
+     */
+    zoom?: number;
+    /**
+     * Controls element facusability.
+     */
+    tabIndex?: number;
+}
+export default Gallery;

package/dist/gallery/figure/GalleryFigure.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const GalleryFigure: React.FC<Props>;
+export interface Props {
+    /**
+     * Main content of the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Figure caption.
+     */
+    caption: string;
+}
+export default GalleryFigure;

package/dist/gallery/figure/index.d.ts

@@ -0,0 +1 @@
+export { default } from './GalleryFigure';

package/dist/gallery/index.d.ts

@@ -0,0 +1,3 @@
+export { default as GalleryFigure } from './figure';
+export { default as GalleryItem } from './item';
+export { default } from './Gallery';