@digital-ai/dot-components 1.3.5 → 1.3.6

package/lib/components/accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 export interface AccordionProps extends CommonProps {
     /** actionable components (ex: checkbox, button) that can be nested within the expanded Accordion component */
@@ -18,6 +18,6 @@ export interface AccordionProps extends CommonProps {
     /** Icon placed before the children. */
     startIcon?: ReactNode;
     /** The text within the expanded Accordion */
-    summary: ReactNode;
+    summary: ReactElement;
 }
 export declare const DotAccordion: ({ actions, ariaLabel, children, className, "data-testid": dataTestId, defaultExpanded, disabled, hasElevation, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element;

package/lib/components/file-upload/FileListItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FileWithPath } from 'react-dropzone';
+import { CommonProps } from '../CommonProps';
+export interface FileItemProps extends CommonProps {
+    deleteFile: (file: FileWithPath) => void;
+    error?: boolean;
+    errorText?: string;
+    file: FileWithPath;
+}
+export declare const DotFileListItem: ({ ariaLabel, className, "data-testid": dataTestId, deleteFile, error, errorText, file, }: FileItemProps) => JSX.Element;

package/lib/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CommonProps } from '../CommonProps';
+import { MappedFile } from './uploadHelpers';
+export interface FileUploadProps extends CommonProps {
+    /** Unique file type specifiers <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers" target="_blank">More Info</a> */
+    accept?: Array<string>;
+    /** If true, will only display the button */
+    buttonOnly?: boolean;
+    /** If true, the upload zone will be disabled */
+    disabled?: boolean;
+    /** Defines the maximum number of files that can be uploaded at once */
+    maxFiles?: number;
+    /** Defines the maximum file size (in MB) */
+    maxSize: number;
+    /** callback triggered when files are added or removed */
+    onChange: (files: Array<MappedFile>) => void;
+    /** callback triggered when dragenter event occurs */
+    onDragEnter?: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+export declare const DotFileUpload: ({ accept, ariaLabel, buttonOnly, className, "data-testid": dataTestId, disabled, maxFiles, maxSize, onChange, onDragEnter, }: FileUploadProps) => JSX.Element;

package/lib/components/file-upload/FileUpload.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const rootClassName = "dot-file-upload";
+export declare const containerClassName: string;
+export declare const fileClassName: string;
+export declare const dropZoneClassName: string;
+export declare const StyledFileUploadContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledFileUpload: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/file-upload/uploadHelpers.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FileWithPath } from 'react-dropzone';
+export interface MappedFile {
+    errors: Array<FileUploadError>;
+    file: FileWithPath;
+}
+export interface FileUploadError {
+    code: string;
+    message: string;
+}
+export declare const parseListItem: (deleteFile: (file: FileWithPath) => void, fileToBeParsed: MappedFile, maxSize: number) => {
+    child: JSX.Element;
+};

package/lib/components/index.d.ts

@@ -81,3 +81,4 @@ export { DotHeaderRow } from './table/TableHeader';
 export { DotTablePagination } from './table/TablePagination';
 export { DotTabs } from './tabs/Tabs';
 export { DotTypography } from './typography/Typography';
+export { DotFileUpload } from './file-upload/FileUpload';

package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ReactNode, Ref } from 'react';
+import { ChangeEvent, ReactNode, Ref, KeyboardEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type inputSizeOptions = 'small' | 'medium';
 export interface InputProps extends CommonProps {
@@ -33,6 +33,8 @@ export interface InputProps extends CommonProps {
     onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** A function that should be executed when the input gains focus */
     onFocus?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** A function that should be executed when key is pressed */
+    onKeyDown?: (event: KeyboardEvent) => void;
     /** If true, the label is displayed as required and the input element` will be required. */
     required?: boolean;
     /** Size of the input */

package/lib/components/input-form-fields/InputSelect.d.ts

@@ -8,4 +8,4 @@ export interface InputSelectProps extends InputProps {
     /** value of input field */
     value?: string;
 }
-export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, options, required, size, startIcon, value, warning, }: InputSelectProps) => JSX.Element;
+export declare const DotInputSelect: ({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, required, size, startIcon, value, warning, }: InputSelectProps) => JSX.Element;

package/lib/components/input-form-fields/InputText.d.ts

@@ -17,4 +17,4 @@ export interface InputTextProps extends InputProps {
     /** value of the InputText */
     value?: string;
 }
-export declare const DotInputText: ({ autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onBlur, onChange, onFocus, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;
+export declare const DotInputText: ({ autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, multiline, name, onBlur, onChange, onFocus, onKeyDown, placeholder, readOnly, required, rows, rowsMax, startIcon, size, type, value, warning, }: InputTextProps) => JSX.Element;

package/lib/components/list/List.d.ts

@@ -52,10 +52,11 @@ export interface ListItemProps extends CommonProps {
     endIconId?: string;
     /** If provided, the list item will be rendered as a link */
     href?: string;
-    /** List item index */
+    /** DEPRECATED, DO NOT USE */
     index?: number;
     /** If provided, the menu item will display a nested list */
     items?: Array<ListItemProps>;
+    isOpened?: boolean;
     /** If nested list type is 'menu', determines the placement of the menu */
     menuPlacement?: PopperPlacement;
     /** If nested type is 'drawer', determines the width of the left spacing */
@@ -64,6 +65,12 @@ export interface ListItemProps extends CommonProps {
     nestedListType?: NestedListType;
     /** Event callback */
     onClick?: (event: MouseEvent) => void;
+    /** Menu leave event callback */
+    onMenuLeave?: () => void;
+    /** The main content element */
+    primaryText?: string;
+    /** The secondary content element */
+    secondaryText?: string;
     /** Selected list item */
     selected?: boolean;
     /** If provided, the icon ID which is displayed on the front of the list item */
@@ -78,4 +85,4 @@ export interface ListItemProps extends CommonProps {
     tooltip?: string;
 }
 export declare const DotList: ({ ariaLabel, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element;
-export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIconId, href, index, onClick, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, selected, startIconId, target, text, title, tooltip, }: ListItemProps) => JSX.Element;
+export declare const DotListItem: ({ ariaLabel, className, component, "data-testid": dataTestId, divider, endIconId, href, isOpened, onClick, onMenuLeave, index, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, primaryText, secondaryText, selected, startIconId, target, text, title, tooltip, }: ListItemProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.3.5",
+  "version": "1.3.6",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -28,6 +28,7 @@
   "dependencies": {
     "@material-ui/lab": "4.0.0-alpha.56",
     "@material-ui/core": "4.12.3",
+    "react-dropzone": "^11.4.2",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {