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

package/dist/select/listbox/index.d.ts

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

package/dist/select/listboxItem/SelectListboxItem.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { SelectOption, SelectToggleHandler } from '../types';
-declare const SelectListboxItem: React.FC<Props>;
-export interface Props {
-    /**
-     * Blocks hover.
-     */
-    blockHover?: boolean;
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Allows to select multiple options.
-     */
-    multiSelect?: boolean;
-    /**
-     * Associated option.
-     */
-    option: SelectOption;
-    /**
-     * Callback invoked when hover block is turned off.
-     */
-    onBlockHoverStop?: () => void;
-    /**
-     * Callback invoke upon pre-selecting an item.
-     */
-    onPreSelect: SelectToggleHandler;
-    /**
-     * Callback invoke upon selecting an item.
-     */
-    onSelectToggle: SelectToggleHandler;
-    /**
-     * Marks item as pre-selected (e.g. when navigating with arrows).
-     */
-    preSelected?: boolean;
-    /**
-     * Marks item as selected.
-     */
-    selected: boolean;
-}
-export default SelectListboxItem;

package/dist/select/listboxItem/index.d.ts

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

package/dist/select/listboxList/SelectListboxList.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-declare const SelectListboxList: React.FC<Props>;
-export interface Props {
-    /**
-     * Element to which listbox is anchored.
-     */
-    anchorEl?: HTMLElement | null;
-    /**
-     * Main content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * ID of the listbox.
-     */
-    listboxId: string;
-    /**
-     * Message displayed if listbox is empty.
-     */
-    noOptionsLabel?: string;
-}
-export default SelectListboxList;

package/dist/select/listboxList/index.d.ts

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

package/dist/select/multiList/SelectMultiList.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { SelectOption, SelectToggleHandler } from '../types';
-import { Props as SelectInputProps } from '../input';
-declare const SelectMultiList: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export interface Props {
-    /**
-     * Props for the input element.
-     */
-    inputProps: SelectInputProps;
-    /**
-     * Callback invoked upon toggling asset selection.
-     */
-    onSelectToggle: SelectToggleHandler;
-    /**
-     * Allows to search through options.
-     */
-    searchable?: boolean;
-    /**
-     * List of selected options.
-     */
-    selected: SelectOption[];
-}
-export default SelectMultiList;

package/dist/select/multiList/index.d.ts

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

package/dist/select/multiListItem/SelectMultiListItem.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { SelectOption, SelectToggleHandler } from '../types';
-declare const SelectMultiListItem: React.FC<Props>;
-export interface Props {
-    /**
-     * Main content of the component.
-     */
-    children: string;
-    /**
-     * Associated option.
-     */
-    option: SelectOption;
-    /**
-     * Callback invoked upon toggling asset selection.
-     */
-    onSelectToggle: SelectToggleHandler;
-}
-export default SelectMultiListItem;

package/dist/select/multiListItem/index.d.ts

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

package/dist/select/single/SelectSingle.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { Props as SelectInputProps } from '../input';
-import { SelectOption } from '../types';
-declare const SelectSingle: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export interface Props {
-    /**
-     * Props for the input element.
-     */
-    inputProps: SelectInputProps;
-    /**
-     * Allows to search through options.
-     */
-    searchable?: boolean;
-    /**
-     * List of selected options.
-     */
-    selected?: SelectOption;
-}
-export default SelectSingle;

package/dist/select/single/index.d.ts

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

package/dist/select/types.d.ts

@@ -1,40 +0,0 @@
-export interface SelectOption {
-    /**
-     * Unique ID of an option.
-     */
-    id: string;
-    /**
-     * Value displayed for the user.
-     */
-    label: string;
-}
-export interface SelectKeyboardNavProps {
-    /**
-     * Listbox element.
-     */
-    listboxEl: HTMLElement | null;
-    /**
-     * Flag indicating if listbox is currently open.
-     */
-    listboxOpen: boolean;
-    /**
-     * Callback that is called whenever listbox opening is requested.
-     */
-    onListboxOpen: () => void;
-    /**
-     * Toggles selection of an option.
-     */
-    onSelectToggle: SelectToggleHandler;
-    /**
-     * List of options to navigate.
-     */
-    options: SelectOption[];
-}
-/**
- * Toggles selection of a provided option.
- */
-export declare type SelectToggleHandler = (opt: SelectOption) => void;
-/**
- * Gets next / previous option (for keyboard selection).
- */
-export declare type SelectKeyboardNextIdGetter = (options: SelectOption[], currentIndex: number) => SelectOption | undefined;

package/dist/select/useKeyboardNav/index.d.ts

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

package/dist/select/useKeyboardNav/useKeyboardNav.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { SelectKeyboardNavProps, SelectOption } from '../types';
-export declare const useKeyboardNav: ({ listboxEl, listboxOpen, options, onSelectToggle, onListboxOpen, }: SelectKeyboardNavProps) => {
-    blockHover: boolean;
-    onBlockHoverStop: () => void;
-    onPreSelect: React.Dispatch<React.SetStateAction<SelectOption | undefined>>;
-    onKeyDown: (evt: import("../../utils/keyboard/types").KeyEventLike) => void;
-    preSelected: SelectOption | undefined;
-};

package/dist/select/utils/index.d.ts

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

package/dist/select/utils/utils.d.ts

@@ -1,26 +0,0 @@
-import { SelectKeyboardNextIdGetter, SelectOption } from '../types';
-/**
- * Creates a predicate function that checks if option mathes searched phrase.
- *
- * @param searchText search phrase
- * @returns predicate function
- */
-export declare const createOptPredicate: (searchText: string) => ({ label }: SelectOption) => boolean;
-/**
- * Gets previous option in a list of options by going one step back.
- * If there is no selection yet or the first option is selected, then last option is returned.
- *
- * @param options list of available options
- * @param currentIndex index of currently selected option
- * @returns next selected option
- */
-export declare const getPrevOption: SelectKeyboardNextIdGetter;
-/**
- * Gets next option in a list of options by going one step forward.
- * If there is no selection yet or the last option is selected, then first option is returned.
- *
- * @param options list of available options
- * @param currentIndex index of currently selected option
- * @returns next selected option
- */
-export declare const getNextOption: SelectKeyboardNextIdGetter;

package/dist/selectionArea/SelectionArea.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { SelectionAreaCoords } from './types';
-declare const SelectionArea: React.FC<Props>;
-export interface Props {
-    /**
-     * Selection area container.
-     */
-    container?: HTMLDivElement | null;
-    /**
-     * Area selection change handler.
-     */
-    onSelectionChange?: (area: SelectionAreaCoords) => void;
-    /**
-     * Selector for ignoring areas started within passed selector.
-     */
-    ignoredSelector?: string;
-}
-export default SelectionArea;

package/dist/selectionArea/index.d.ts

@@ -1,2 +0,0 @@
-export { SelectionAreaCoords } from './types';
-export { default } from './SelectionArea';

package/dist/skeleton/Skeleton.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-declare const Skeleton: React.FC<Props>;
-export interface Props {
-    /**
-     * Optional class name. It overrides class responsible for background color.
-     */
-    className?: string;
-    /**
-     * Specifies component height.
-     */
-    height?: string;
-    /**
-     * Specifies component width.
-     */
-    width?: string;
-}
-export default Skeleton;

package/dist/skeleton/index.d.ts

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

package/dist/sortButton/SortButton.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-declare const SortButton: React.FC<Props>;
-export interface Props {
-    /**
-     * Button's aria label.
-     */
-    label?: string;
-    /**
-     * Tooltip displayed on hover.
-     */
-    tooltip: string;
-    /**
-     * Order indicated on button's icon.
-     */
-    order: 'asc' | 'desc';
-    /**
-     * Sets `click` event handler.
-     */
-    onClick?: () => void;
-}
-export default SortButton;

package/dist/sortButton/index.d.ts

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

package/dist/sortableDndList/SortableDndList.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { SortableDndListContextShape } from './context';
-declare const SortableDndList: React.FC<Props>;
-export interface Props extends SortableDndListContextShape {
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Container element to scroll while dragging.
-     */
-    scrollableContainer?: HTMLElement | null;
-}
-export default SortableDndList;

package/dist/sortableDndList/context/SortableDndListContext.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { ListDndMoveItem, ListDndOnDragEnd, ListDndSetDraggable } from '../types';
-export interface SortableDndListContextShape {
-    /**
-     * Callback that performs list reordering.
-     */
-    moveItem: ListDndMoveItem;
-    /**
-     * Marks item as draggable / non-draggable.
-     */
-    setDraggable: ListDndSetDraggable;
-    /**
-     * Item type. Same value must be provided for all list items.
-     */
-    type: string;
-    /**
-     * Optional callback invoked when drag is over.
-     */
-    onDragEnd?: ListDndOnDragEnd;
-}
-/**
- * Defines React context for `SortableDndList` component.
- */
-export declare const SortableDndListContext: React.Context<SortableDndListContextShape>;
-export declare const useSortableDndListContext: () => SortableDndListContextShape;

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

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

package/dist/sortableDndList/dragLayer/SortableDndListDragLayer.d.ts

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

package/dist/sortableDndList/dragLayer/index.d.ts

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

package/dist/sortableDndList/index.d.ts

@@ -1,4 +0,0 @@
-export * from './types';
-export * from './useListDnd';
-export { default as SortableDndListItem } from './item';
-export { default } from './SortableDndList';

package/dist/sortableDndList/item/SortableDndListItem.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-declare const SortableDndListItem: React.FC<Props>;
-export interface Props {
-    /**
-     * Current item's index in a list.
-     */
-    index: number;
-    /**
-     * Item's id.
-     */
-    id: string;
-    /**
-     * Indicates if item is draggable.
-     */
-    isDraggable?: boolean;
-    /**
-     * Indicates if item is currently in preview mode.
-     */
-    isPreview?: boolean;
-    /**
-     * Accepts a single child.
-     */
-    children: React.ReactElement | null;
-}
-export default SortableDndListItem;

package/dist/sortableDndList/item/index.d.ts

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

package/dist/sortableDndList/types/index.d.ts

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

package/dist/sortableDndList/types/types.d.ts

@@ -1,61 +0,0 @@
-export interface ListDndItem {
-    /**
-     * Unique id of a dnd item.
-     */
-    id: string;
-    /**
-     * Indicates if an item can be dragged.
-     */
-    isDraggable?: boolean;
-}
-export interface ListDndItemHookProps extends ListDndItem {
-    /**
-     * Drag handle element.
-     */
-    dragHandle?: HTMLElement | null;
-    /**
-     * Current index of a drag item.
-     */
-    index: number;
-    /**
-     * Item root element.
-     */
-    itemRoot?: HTMLElement | null;
-}
-export declare type ListDndMoveItem = (dragIndex: number, hoverIndex: number) => void;
-export declare type ListDndSetDraggable = (id: string) => ListDndSetDraggablePartial;
-export declare type ListDndSetDraggablePartial = (isDraggable: boolean) => void;
-export declare type ListDndOnDragEnd = () => void;
-/**
- * List of props that a child of `SortableListItem` receives.
- * This type is intended to be used by components that want to be aware that they are dragged.
- */
-export interface ListDndChildProps {
-    /**
-     * Indicates if an item is in preview mode.
-     */
-    isPreview?: boolean;
-    /**
-     * Indicates if an item is being dragged.
-     */
-    isDragging?: boolean;
-    /**
-     * Indicates if an item is draggable.
-     */
-    isDraggable?: boolean;
-    /**
-     * Drag handle setter. Use it to separate drag handle from a preview.
-     */
-    setDragHandle?: (el: HTMLElement | null) => void;
-    /**
-     * Sets root item.
-     *
-     * In some scenarios, drag handle might be located inside an item.
-     * In such cases, item root.
-     */
-    setItemRoot?: (el: HTMLElement | null) => void;
-    /**
-     * Marks item as draggable / non-draggable.
-     */
-    setDraggable?: ListDndSetDraggablePartial;
-}

package/dist/sortableDndList/useListDnd/index.d.ts

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

package/dist/sortableDndList/useListDnd/useListDnd.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { ListDndItem, ListDndMoveItem, ListDndSetDraggable } from '../types';
-/**
- * Top-level hook that manages list state.
- *
- * @param initItems initial list items
- * @returns list info
- */
-export declare const useListDnd: (initItems: ListDndItem[]) => {
-    items: ListDndItem[];
-    moveItem: ListDndMoveItem;
-    setItems: React.Dispatch<React.SetStateAction<ListDndItem[]>>;
-    setDraggable: ListDndSetDraggable;
-};

package/dist/sortableDndList/useListItemDrag/index.d.ts

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

package/dist/sortableDndList/useListItemDrag/useListItemDrag.d.ts

@@ -1,13 +0,0 @@
-import { ListDndItemHookProps } from '../types';
-/**
- * This hook is responsible for monitoring an item that is being dragged.
- * Returns preview and drag element refs as well as info if item is being dragged.
- *
- * @param props drag props
- * @returns drag info
- */
-export declare const useListItemDrag: (dragItem: ListDndItemHookProps) => {
-    isDragging: boolean;
-    drag: import("react-dnd").ConnectDragSource;
-    preview: import("react-dnd").ConnectDragPreview;
-};

package/dist/sortableDndList/useListItemDrop/index.d.ts

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

package/dist/sortableDndList/useListItemDrop/useListItemDrop.d.ts

@@ -1,10 +0,0 @@
-import { ListDndItemHookProps } from '../types';
-/**
- * This hook is responsible for determining if list should be reordered and under which conditions.
- *
- * @param props drag props
- * @returns drop info
- */
-export declare const useListItemDrop: (dropItem: ListDndItemHookProps) => {
-    drop: import("react-dnd").ConnectDropTarget;
-};

package/dist/switch/Switch.d.ts

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

package/dist/switch/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SwitchView } from './view';
-export { default } from './Switch';

package/dist/switch/view/SwitchView.d.ts

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

package/dist/switch/view/index.d.ts

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

package/dist/switchInput/SwitchInput.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-declare const SwitchInput: React.FC<Props>;
-export interface Props {
-    /**
-     * Sets current input's value.
-     */
-    checked: boolean;
-    /**
-     * Underlying input's id.
-     */
-    id: string;
-    /**
-     * Underlying input's name.
-     */
-    name: string;
-    /**
-     * Callback invoked upon value's change.
-     */
-    onChange: (checked: boolean) => void;
-}
-export default SwitchInput;

package/dist/switchInput/index.d.ts

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

package/dist/tabs/Tabs.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-declare const Tabs: React.FC<Props>;
-export interface Props {
-    /**
-     * Currently selected tab.
-     */
-    activeTab: string;
-    /**
-     * Main content of the component.
-     */
-    children: React.ReactNode;
-    /**
-     * Callback invoked upon selecting a tab.
-     */
-    onTabSelect?: (tab: string) => void;
-}
-export default Tabs;

package/dist/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Tab } from './tab';
-export { default } from './Tabs';

package/dist/tabs/tab/Tab.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-declare const Tab: React.FC<Props>;
-export interface Props {
-    /**
-     * Main content.
-     */
-    children: React.ReactNode;
-    /**
-     * Tab id.
-     */
-    id: string;
-    /**
-     * Tab label.
-     */
-    label: string;
-}
-export default Tab;

package/dist/tabs/tab/index.d.ts

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

package/dist/tag/Tag.d.ts

@@ -1,29 +0,0 @@
-import * as React from 'react';
-declare const Tag: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export interface Props {
-    /**
-     * Sets component's children.
-     */
-    children?: React.ReactNode;
-    /**
-     * Disables focusability of any focusable element.
-     */
-    disableFocusability?: boolean;
-    /**
-     * Callback invoked upon clicking on remove icon.
-     */
-    onRemove?: React.MouseEventHandler;
-    /**
-     * Sets tag radius.
-     */
-    radius?: 'md' | 'lg' | 'xl';
-    /**
-     * Sets tag as removable.
-     */
-    removable?: boolean;
-    /**
-     * Label associated with remove button.
-     */
-    removeLabel?: string;
-}
-export default Tag;