@innovaccer/design-system 4.0.0 → 4.1.0

package/dist/core/components/organisms/grid/Grid.d.ts

@@ -0,0 +1,145 @@
+import * as React from 'react';
+import { DropdownProps, CheckboxProps, GridCellProps } from "../../../index.type";
+import { HeaderCellRendererProps } from "./Cell";
+import { BaseProps } from "../../../utils/types";
+import { NestedRowProps } from "./GridNestedRow";
+export declare type SortType = 'asc' | 'desc' | 'unsort';
+export declare type Pinned = 'left' | 'right' | 'unpin';
+export declare type Alignment = 'left' | 'right' | 'center';
+export declare type Comparator = (a: RowData, b: RowData) => -1 | 0 | 1;
+export declare type Filter = any[];
+export declare type GridRef = HTMLDivElement | null;
+export declare type PageInfo = {
+    page: number;
+    scrollTop: number;
+};
+export interface FetchDataOptions {
+    page?: number;
+    pageSize?: number;
+    filterList?: GridProps['filterList'];
+    sortingList?: GridProps['sortingList'];
+    searchTerm?: string;
+}
+export declare type fetchDataFunction = (options: FetchDataOptions) => Promise<{
+    searchTerm?: string;
+    count: number;
+    data: Data;
+    schema: Schema;
+}>;
+export declare type updateSortingListFunction = (newSortingList: GridProps['sortingList']) => void;
+export declare type updateFilterListFunction = (newFilterList: GridProps['filterList']) => void;
+export declare type updateSchemaFunction = (newSchema: Schema) => void;
+export declare type updateSelectAllFunction = (attr: GridProps['selectAll']) => void;
+export declare type updateColumnSchemaFunction = (name: ColumnSchema['name'], schemaUpdate: Partial<ColumnSchema>) => void;
+export declare type updateRowDataFunction = (rowIndexes: number[], dataUpdate: Partial<RowData>) => void;
+export declare type sortDataFunction = (comparator: Comparator, type: SortType) => void;
+export declare type reorderColumnFunction = (from: string, to: string) => void;
+export declare type onSelectFn = (rowIndex: number, selected: boolean) => void;
+export declare type onFilterChangeFn = (name: ColumnSchema['name'], selected: any) => void;
+export declare type onSelectAllFunction = (selected: boolean, selectAll?: boolean, headerCheckbox?: boolean) => void;
+export declare type onFilterChangeFunction = (data: RowData, filters: Filter) => boolean;
+export declare type onRowClickFunction = (data: RowData, rowIndex?: number) => void;
+export declare type onMenuChangeFn = (name: ColumnSchema['name'], selected: any) => void;
+export declare type updatePrevPageInfoFunction = (value: PageInfo) => void;
+export declare type CellType = 'DEFAULT' | 'WITH_META_LIST' | 'AVATAR' | 'AVATAR_WITH_TEXT' | 'AVATAR_WITH_META_LIST' | 'STATUS_HINT' | 'ICON';
+export declare type ColumnSchema = {
+    name: string;
+    displayName: string;
+    width?: React.ReactText;
+    minWidth?: React.ReactText;
+    maxWidth?: React.ReactText;
+    resizable?: boolean;
+    sorting?: boolean;
+    comparator?: Comparator;
+    separator?: boolean;
+    pinned?: Pinned;
+    hidden?: boolean;
+    filters?: DropdownProps['options'];
+    onFilterChange?: onFilterChangeFunction;
+    translate?: (data: RowData) => RowData;
+    cellType?: CellType;
+    headerCellRenderer?: React.FC<HeaderCellRendererProps>;
+    cellRenderer?: React.FC<GridCellProps>;
+    align?: Alignment;
+    verticalAlign?: 'top' | 'center' | 'bottom';
+    tooltip?: boolean;
+};
+export declare type RowData = Record<string, any> & {
+    _selected?: boolean;
+    disabled?: boolean;
+};
+export declare type GridSize = 'comfortable' | 'standard' | 'compressed' | 'tight';
+export declare type GridType = 'resource' | 'data';
+export declare type Data = RowData[];
+export declare type Schema = ColumnSchema[];
+export interface GridProps extends BaseProps {
+    size: GridSize;
+    type: GridType;
+    onRowClick?: onRowClickFunction;
+    loaderSchema: Schema;
+    schema: Schema;
+    data: Data;
+    totalRecords: number;
+    loading: boolean;
+    error: boolean;
+    updateData?: () => void;
+    updateSchema?: updateSchemaFunction;
+    showHead?: boolean;
+    showMenu?: boolean;
+    draggable?: boolean;
+    nestedRows?: boolean;
+    nestedRowRenderer?: React.FC<NestedRowProps>;
+    withPagination?: boolean;
+    page: number;
+    pageSize: number;
+    withCheckbox?: boolean;
+    checkboxAlignment?: 'top' | 'center' | 'bottom';
+    onSelect?: onSelectFn;
+    onSelectAll?: onSelectAllFunction;
+    errorTemplate?: React.FunctionComponent | React.ReactNode;
+    sortingList: {
+        name: ColumnSchema['name'];
+        type: SortType;
+    }[];
+    updateSortingList?: updateSortingListFunction;
+    filterList: Record<ColumnSchema['name'], Filter>;
+    updateFilterList?: updateFilterListFunction;
+    selectAll?: {
+        checked: boolean;
+        indeterminate: boolean;
+    };
+    headCellTooltip?: boolean;
+    separator?: boolean;
+    showFilters: boolean;
+}
+export interface GridState {
+    init: boolean;
+    prevPageInfo: PageInfo;
+}
+export declare class Grid extends React.Component<GridProps, GridState> {
+    static defaultProps: GridProps;
+    gridRef: GridRef;
+    isHeadSyncing: boolean;
+    isBodySyncing: boolean;
+    constructor(props: GridProps);
+    componentDidMount(): void;
+    forceRerender(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: GridProps, prevState: GridState): void;
+    addScrollListeners(): void;
+    removeScrollListeners(): void;
+    adjustPaddingRight(): void;
+    syncScroll: (type: string) => () => void;
+    updateRenderedSchema: (newSchema: Schema) => void;
+    updateColumnSchema: updateColumnSchemaFunction;
+    reorderColumn: reorderColumnFunction;
+    updateSortingList: (sortingList: GridProps['sortingList']) => void;
+    updateFilterList: (filterList: GridProps['filterList']) => void;
+    onMenuChange: onMenuChangeFn;
+    onFilterChange: onFilterChangeFn;
+    onSelect: onSelectFn;
+    onSelectAll: CheckboxProps['onChange'];
+    updatePrevPageInfo: updatePrevPageInfoFunction;
+    render(): React.JSX.Element;
+}
+export default Grid;

package/dist/core/components/organisms/grid/GridBody.d.ts

@@ -0,0 +1,9 @@
+import { GridState, onSelectFn, Schema, updatePrevPageInfoFunction } from "./Grid";
+export interface GridBodyProps {
+    schema: Schema;
+    onSelect: onSelectFn;
+    prevPageInfo: GridState['prevPageInfo'];
+    updatePrevPageInfo: updatePrevPageInfoFunction;
+}
+export declare const GridBody: (props: GridBodyProps) => any;
+export default GridBody;

package/dist/core/components/organisms/grid/GridCell.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { StatusHintProps } from "../../../index.type";
+import { ColumnSchema, RowData, GridSize } from "./Grid";
+export interface CellData {
+    title: string;
+    metaList?: string[];
+    icon?: string;
+    image?: string;
+    firstName?: string;
+    lastName?: string;
+    statusAppearance?: StatusHintProps['appearance'];
+}
+export interface PartialCellProps {
+    data: RowData;
+    schema: ColumnSchema;
+    loading?: boolean;
+    expanded?: boolean;
+}
+export interface GridCellProps extends PartialCellProps {
+    size?: GridSize;
+    rowIndex?: number;
+    colIndex?: number;
+}
+export declare const GridCell: {
+    (props: GridCellProps): React.JSX.Element | null;
+    displayName: string;
+};
+export default GridCell;

package/dist/core/components/organisms/grid/GridContext.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { GridProps } from "../../../index.type";
+import { GridRef } from "./Grid";
+declare type ContextProps = GridProps & {
+    ref: GridRef;
+};
+declare const context: React.Context<ContextProps>;
+export declare const GridProvider: React.Provider<ContextProps>;
+export default context;

package/dist/core/components/organisms/grid/GridHead.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { onMenuChangeFn, onFilterChangeFn, updateColumnSchemaFunction, reorderColumnFunction } from "./Grid";
+import { GridProps, CheckboxProps } from "../../../index.type";
+export interface GridHeadProps {
+    schema: GridProps['schema'];
+    onSelectAll: CheckboxProps['onChange'];
+    onMenuChange: onMenuChangeFn;
+    onFilterChange: onFilterChangeFn;
+    updateColumnSchema: updateColumnSchemaFunction;
+    reorderColumn: reorderColumnFunction;
+}
+export declare const GridHead: (props: GridHeadProps) => React.JSX.Element;
+export default GridHead;

package/dist/core/components/organisms/grid/GridNestedRow.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { GridProps } from "../../../index.type";
+import { RowData } from "./Grid";
+export interface GridNestedRowProps {
+    data: RowData;
+    rowIndex: number;
+    expanded?: boolean;
+}
+export interface NestedRowProps {
+    rowIndex: number;
+    data: RowData;
+    schema: GridProps['schema'];
+    loading: GridProps['loading'];
+    expanded?: boolean;
+}
+export declare const GridNestedRow: (props: GridNestedRowProps) => React.ReactElement<any, any> | null;
+export default GridNestedRow;

package/dist/core/components/organisms/grid/GridRow.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { RowData, Schema } from "./Grid";
+import { GridBodyProps } from "./GridBody";
+export interface GridRowProps {
+    schema: Schema;
+    data: RowData;
+    rowIndex: number;
+    onSelect: GridBodyProps['onSelect'];
+    className?: string;
+}
+export declare const GridRow: {
+    (props: GridRowProps): React.JSX.Element;
+    defaultProps: {
+        data: {};
+    };
+};
+export default GridRow;

package/dist/core/components/organisms/grid/columnUtility.d.ts

@@ -0,0 +1,25 @@
+import { GridProps } from "../../../index.type";
+import { ColumnSchema, Pinned, SortType, CellType, GridRef, updateColumnSchemaFunction, updateSortingListFunction } from "./Grid";
+declare type resizeColFn = (gridInfo: {
+    updateColumnSchema: updateColumnSchemaFunction;
+}, name: ColumnSchema['name'], el: GridRef) => void;
+declare type sortColumnFn = (gridInfo: {
+    sortingList: GridProps['sortingList'];
+    updateSortingList: updateSortingListFunction;
+}, name: ColumnSchema['name'], type: SortType) => void;
+declare type pinColumnFn = (gridInfo: {
+    updateColumnSchema: updateColumnSchemaFunction;
+}, name: ColumnSchema['name'], type: Pinned) => void;
+declare type hideColumnFn = (gridInfo: {
+    updateColumnSchema: updateColumnSchemaFunction;
+}, name: ColumnSchema['name'], value: boolean) => void;
+export declare const resizeCol: resizeColFn;
+export declare const sortColumn: sortColumnFn;
+export declare const pinColumn: pinColumnFn;
+export declare const hideColumn: hideColumnFn;
+export declare function getWidth({ ref, withCheckbox }: {
+    ref: GridRef;
+    withCheckbox?: boolean;
+}, width: React.ReactText): import("react").ReactText;
+export declare function getCellSize(cellType: CellType): any;
+export {};

package/dist/core/components/organisms/grid/defaultProps.d.ts

@@ -0,0 +1,3 @@
+import { GridProps } from "../../../index.type";
+export declare const defaultProps: GridProps;
+export default defaultProps;

package/dist/core/components/organisms/grid/index.d.ts

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

package/dist/core/components/organisms/grid/rowUtility.d.ts

@@ -0,0 +1,10 @@
+import { RowData, Data, ColumnSchema, Schema, FetchDataOptions } from "./Grid";
+export declare const updateBatchData: (data: Data, rowIndexes: number[], dataUpdate: Partial<RowData>, selectDisabledRow?: boolean | undefined) => Data;
+export declare function translateData(schema: ColumnSchema, data: RowData): {
+    [x: string]: any;
+    _selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+};
+export declare const filterData: (schema: Schema | undefined, data: Data | undefined, filterList: FetchDataOptions['filterList']) => Data;
+export declare const sortData: (schema: Schema | undefined, data: Data | undefined, sortingList: FetchDataOptions['sortingList']) => Data;
+export declare const paginateData: (data: Data | undefined, page: number, pageSize: number) => Data;

package/dist/core/components/organisms/grid/utility.d.ts

@@ -0,0 +1,13 @@
+import { Data, Schema } from "./Grid";
+import { GridProps } from "../../../index.type";
+export * from "./columnUtility";
+export * from "./rowUtility";
+export declare const moveToIndex: (arr: any[], from: number, to: number) => any[];
+export declare const getTotalPages: (totalRecords: number, pageSize: number) => number;
+export declare const getSelectAll: (tableData: Data, selectDisabledRow?: boolean | undefined, clearSelection?: boolean | undefined) => {
+    indeterminate: boolean;
+    checked: boolean;
+};
+export declare const hasSchema: (schema: Schema) => boolean;
+export declare const getSchema: (schema: GridProps['schema'], loading: GridProps['loading'], loaderSchema: GridProps['loaderSchema']) => GridProps['schema'];
+export declare const getPluralSuffix: (count: number) => "" | "s";

package/dist/core/components/organisms/horizontalNav/HorizontalNav.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { VerticalNavProps } from "../../../index.type";
+import { BaseProps } from "../../../utils/types";
+export declare type HorizontalNavProps = BaseProps & Pick<VerticalNavProps, 'menus' | 'active' | 'onClick'>;
+export declare type Align = 'left' | 'center';
+export declare const HorizontalNav: (props: HorizontalNavProps) => React.JSX.Element;
+export default HorizontalNav;

package/dist/core/components/organisms/horizontalNav/index.d.ts

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

package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { BaseProps } from "../../../utils/types";
+import { MessageAppearance } from "../../../common.type";
+export declare type MessageSize = 'regular' | 'small';
+export interface InlineMessageProps extends BaseProps {
+    appearance: MessageAppearance;
+    description: string;
+    size: MessageSize;
+}
+export declare const InlineMessage: {
+    (props: InlineMessageProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        appearance: string;
+        description: string;
+        size: string;
+    };
+};
+export default InlineMessage;

package/dist/core/components/organisms/inlineMessage/index.d.ts

@@ -0,0 +1 @@
+export * from "./InlineMessage";

package/dist/core/components/organisms/list/List.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { TableProps } from "../../../index.type";
+import { SyncTableProps, AsyncTableProps } from "../table";
+declare type ExcludeTypes = 'showHead' | 'draggable' | 'showMenu' | 'headCellTooltip' | 'filterPosition';
+export declare type ListProps = Omit<TableProps, ExcludeTypes>;
+export declare type SyncListProps = Omit<SyncTableProps, ExcludeTypes>;
+export declare type AsyncListProps = Omit<AsyncTableProps, ExcludeTypes>;
+export declare const List: {
+    (props: ListProps): React.JSX.Element;
+    defaultProps: {
+        type: string;
+        size: string;
+        showHead: boolean;
+        showMenu: boolean;
+        multipleSorting: boolean;
+        headerOptions: {};
+        withPagination: boolean;
+        paginationType: string;
+        page: number;
+        pageSize: number;
+        draggable: boolean;
+        data: never[];
+        displayData: never[];
+        schema: never[];
+        loading: boolean;
+        error: boolean;
+        loaderSchema: never[];
+        sortingList: never[];
+        filterList: {};
+        filterPosition: string;
+        searchDebounceDuration: number;
+        pageJumpDebounceDuration: number;
+        errorTemplate: (props: import("../table").ErrorTemplateProps) => React.JSX.Element;
+    };
+};
+export default List;

package/dist/core/components/organisms/list/index.d.ts

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

package/dist/core/components/organisms/listbox/Listbox.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { BaseProps, BaseHtmlProps } from "../../../utils/types";
+import { TListboxSize } from "../../../common.type";
+declare type ListboxType = 'option' | 'description' | 'resource';
+export declare type TagType = 'ul' | 'ol' | 'div' | 'nav';
+export interface ListboxProps extends BaseProps, BaseHtmlProps<HTMLUListElement | HTMLDivElement> {
+    children: React.ReactNode;
+    size: TListboxSize;
+    type: ListboxType;
+    draggable?: boolean;
+    tagName: TagType;
+    showDivider: boolean;
+}
+export declare const ListboxContext: React.Context<Pick<ListboxProps, "size" | "className" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "noValidate" | "open" | "optimum" | "pattern" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "key" | "data-test" | "showDivider">>;
+export declare const Listbox: {
+    (props: ListboxProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        tagName: string;
+        size: string;
+        type: string;
+        draggable: boolean;
+        showDivider: boolean;
+    };
+    Item: {
+        (props: import("./listboxItem").ListboxItemProps): React.JSX.Element;
+        displayName: string;
+        defaultProps: {
+            tagName: string;
+        };
+    };
+};
+export default Listbox;

package/dist/core/components/organisms/listbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Listbox";
+export * from "./Listbox";
+export * from "./listboxItem";

package/dist/core/components/organisms/listbox/listboxItem/ListBody.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ListboxItemProps } from "./ListboxItem";
+export declare const ListBody: {
+    (props: ListboxItemProps): React.JSX.Element;
+    displayName: string;
+};
+export default ListBody;

package/dist/core/components/organisms/listbox/listboxItem/ListboxItem.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { BaseProps, BaseHtmlProps } from "../../../../utils/types";
+export declare type ItemTagType = 'li' | 'div' | 'a';
+export interface ListboxItemProps extends BaseProps, BaseHtmlProps<HTMLLIElement | HTMLDivElement | HTMLAnchorElement> {
+    children: React.ReactNode;
+    nestedBody?: React.ReactNode;
+    expanded?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    activated?: boolean;
+    id?: string;
+    value?: any;
+    tagName?: ItemTagType;
+    onClick?: (e: React.MouseEvent, id?: string, value?: string) => void;
+    tabIndex?: number;
+}
+export declare const ListboxItem: {
+    (props: ListboxItemProps): React.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        tagName: string;
+    };
+};
+export default ListboxItem;

package/dist/core/components/organisms/listbox/listboxItem/index.d.ts

@@ -0,0 +1 @@
+export * from "./ListboxItem";

package/dist/core/components/organisms/listbox/nestedList/Animation.d.ts

@@ -0,0 +1,2 @@
+export declare const getAnimationClass: (uniqueKey: string, expanded?: boolean | undefined) => string;
+export declare const menuItemAnimation: (listItemRef: React.RefObject<HTMLDivElement>, uniqueKey: string) => string;

package/dist/core/components/organisms/listbox/nestedList/NestedList.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface NestedListProp {
+    expanded?: boolean;
+    nestedBody?: React.ReactNode;
+}
+export declare const NestedList: (props: NestedListProp) => React.JSX.Element;
+export default NestedList;

package/dist/core/components/organisms/listbox/nestedList/index.d.ts

@@ -0,0 +1 @@
+export * from "./NestedList";

package/dist/core/components/organisms/listbox/reorderList/Draggable.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import type { IProps, TEvent } from "./types";
+declare class Draggable<Value = string> extends React.Component<IProps<Value>> {
+    listRef: React.RefObject<HTMLElement>;
+    ghostRef: React.RefObject<HTMLElement>;
+    topOffsets: number[];
+    itemTranslateOffsets: number[];
+    initialYOffset: number;
+    lastScroll: number;
+    lastYOffset: number;
+    lastListYOffset: number;
+    dropTimeout?: number;
+    needle: number;
+    afterIndex: number;
+    state: {
+        itemDragged: number;
+        itemDraggedOutOfBounds: number;
+        selectedItem: number;
+        initialX: number;
+        initialY: number;
+        targetX: number;
+        targetY: number;
+        targetHeight: number;
+        targetWidth: number;
+        scrollingSpeed: number;
+        scrollWindow: boolean;
+    };
+    schdOnMouseMove: {
+        (e: MouseEvent): void;
+        cancel(): void;
+    };
+    schdOnTouchMove: {
+        (e: TouchEvent): void;
+        cancel(): void;
+    };
+    schdOnEnd: {
+        (e: Event): void;
+        cancel(): void;
+    };
+    constructor(props: IProps<Value>);
+    componentDidMount(): void;
+    componentDidUpdate(_prevProps: any, prevState: {
+        scrollingSpeed: number;
+    }): void;
+    componentWillUnmount(): void;
+    doScrolling: () => void;
+    getChildren: () => Element[];
+    static defaultProps: {
+        transitionDuration: number;
+        lockVertically: boolean;
+        removableByMove: boolean;
+    };
+    calculateOffsets: () => void;
+    getTargetIndex: (e: TEvent) => number;
+    onMouseOrTouchStart: (e: MouseEvent & TouchEvent) => void;
+    getYOffset: () => number;
+    onStart: (target: HTMLElement, clientX: number, clientY: number, index: number) => void;
+    onMouseMove: (e: MouseEvent) => void;
+    onTouchMove: (e: TouchEvent) => void;
+    onWheel: (e: React.WheelEvent) => void;
+    onMove: (clientX: number, clientY: number) => null | undefined;
+    moveOtherItems: () => void;
+    autoScrolling: (clientY: number) => void;
+    animateItems: (needle: number, movedItem: number, offset: number, animateMovedItem?: boolean) => void;
+    isDraggedItemOutOfBounds: () => boolean;
+    onEnd: (e: TouchEvent & MouseEvent) => void;
+    finishDrop: () => void;
+    onKeyDown: (e: React.KeyboardEvent) => void;
+    render(): React.JSX.Element;
+}
+export default Draggable;

package/dist/core/components/organisms/listbox/reorderList/DraggableList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ListboxProps } from "../../../../index.type";
+export declare const DraggableList: (props: ListboxProps) => React.JSX.Element;

package/dist/core/components/organisms/listbox/reorderList/index.d.ts

@@ -0,0 +1 @@
+export * from "./DraggableList";

package/dist/core/components/organisms/listbox/reorderList/types.d.ts

@@ -0,0 +1,45 @@
+export interface IItemProps {
+    key?: number;
+    tabIndex?: number;
+    'aria-roledescription'?: string;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    onWheel?: (e: React.WheelEvent) => void;
+    style?: React.CSSProperties;
+    ref?: React.RefObject<any>;
+}
+export interface RenderItemParams<Value> {
+    value: Value;
+    props: IItemProps;
+    index?: number;
+    isDragged: boolean;
+    isSelected: boolean;
+    isOutOfBounds: boolean;
+}
+export interface RenderListParams {
+    children: React.ReactNode;
+    isDragged: boolean;
+    props: {
+        ref: React.RefObject<any>;
+    };
+}
+export interface BeforeDragParams {
+    elements: Element[];
+    index: number;
+}
+export interface OnChangeMeta {
+    oldIndex: number;
+    newIndex: number;
+    targetRect: ClientRect;
+}
+export interface IProps<Value> {
+    beforeDrag?: (params: BeforeDragParams) => void;
+    renderItem: (params: RenderItemParams<Value>) => React.ReactNode;
+    renderList: (props: RenderListParams) => React.ReactNode;
+    values: any;
+    onChange: (meta: OnChangeMeta) => void;
+    transitionDuration: number;
+    removableByMove: boolean;
+    lockVertically: boolean;
+    container?: Element | null;
+}
+export declare type TEvent = React.MouseEvent | React.TouchEvent | React.KeyboardEvent;

package/dist/core/components/organisms/listbox/reorderList/utils.d.ts

@@ -0,0 +1,10 @@
+export declare function arrayMove<T>(array: T[], from: number, to: number): T[];
+export declare function getTranslateOffset(element: Element): number;
+export declare function isTouchEvent(event: TouchEvent & MouseEvent): number;
+export declare function transformItem(element: Element, offsetY?: number | null, offsetX?: number | null): void;
+export declare function setItemTransition(element: Element, duration: number, timing?: string): void;
+export declare function binarySearch(array: number[], targetValue: number): number;
+export declare const schd: (fn: any) => {
+    (...args: any[]): void;
+    cancel(): void;
+};

package/dist/core/components/organisms/listbox/utils.d.ts

@@ -0,0 +1 @@
+export declare const onKeyDown: (event: React.KeyboardEvent) => void;