@loadsmart/loadsmart-ui 5.4.0 → 5.6.0

package/dist/components/Dropdown/Dropdown.types.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonProps } from "../Button";
 import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
+import type { ButtonProps } from "../Button";
 export interface useDropdownProps {
     expanded: boolean;
     toggle: () => void;
@@ -12,7 +12,7 @@ export interface useDropdownReturn {
 }
 export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
     disabled?: boolean;
-    onBlur?: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
+    onBlur?: () => void;
 }
 export interface GenericDropdownProps extends DropdownProps, useDropdownProps {
 }

package/dist/components/Dropdown/useDropdown.d.ts

@@ -1,4 +1,8 @@
-import type { DropdownProps } from './Dropdown.types';
+import type { HTMLAttributes } from 'react';
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'> {
+    disabled?: boolean;
+    onBlur?: () => void;
+}
 export interface useDropdownProps {
     expanded: boolean;
     toggle: () => void;

package/dist/components/Select/Select.types.d.ts

@@ -1,9 +1,9 @@
 import EventLike from "../../utils/types/EventLike";
-import type { DropdownMenuItemProps, DropdownProps } from "../Dropdown";
+import type { ChangeEvent, FocusEvent, ComponentType, HTMLAttributes } from 'react';
+import type { DropdownProps, DropdownMenuItemProps } from "../Dropdown";
 import type { TextFieldProps } from "../TextField";
-import type { Selectable, SelectableAdapter, SelectableKeyType, SelectableState } from "../../hooks/useSelectable";
+import type { SelectableAdapter, Selectable, SelectableKeyType, SelectableState } from "../../hooks/useSelectable";
 import { useSelectableReturn } from "../../hooks/useSelectable/useSelectable.types";
-import type { ChangeEvent, ComponentType, FocusEvent, HTMLAttributes } from 'react';
 export declare type Option = Selectable;
 export interface GenericOption {
     label: string;
@@ -98,7 +98,7 @@ export declare type useSelectReturn = {
     getDropdownProps: () => {
         toggle: () => void;
         expanded: boolean;
-        onBlur: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
+        onBlur: () => void;
     };
     getCreatebleProps: () => CreatableProps;
     isCreatable: () => boolean;

package/dist/components/Table/Table.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { useSelection } from './Selection';
 import TableSortHandle from './TableSortHandle';
-import type { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps } from './Table.types';
+import type { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps, ExpandableTableRowProps } from './Table.types';
 declare function Table<T>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
@@ -16,6 +16,11 @@ declare namespace Table {
         Cell: typeof SelectionCell;
         HeadCell: typeof SelectionHeadCell;
     };
+    var Expandable: {
+        HeadCell: typeof ExpandableHeadCell;
+        Cell: typeof ExpandableCell;
+        Row: typeof ExpandableTableRow;
+    };
     var SortHandle: typeof TableSortHandle;
     var Picker: typeof TablePicker;
 }
@@ -25,7 +30,10 @@ declare function TableBody({ children, ...others }: TableSectionProps): JSX.Elem
 declare function TableCell({ children, alignment, format, ...others }: TableCellProps): JSX.Element;
 declare function SelectionCell<T>({ value, ...props }: SelectionCellProps<T>): JSX.Element;
 declare function SelectionHeadCell<T>(props: SelectionCellProps<T>): JSX.Element;
+declare function ExpandableHeadCell(props: TableCellProps): JSX.Element;
+declare function ExpandableCell(props: TableCellProps): JSX.Element;
 declare function TableRow({ children, ...others }: TableRowProps): JSX.Element;
+declare function ExpandableTableRow({ index, expandableContent, expanded, leading: propsLeading, children, onExpandedChange, initialExpanded, ...others }: ExpandableTableRowProps): JSX.Element;
 declare function TableHeadCell({ alignment, children, onClick, ...others }: TableCellProps): JSX.Element;
 declare function TableSelectionActions({ buttons, children, ...others }: TableSelectionProps): JSX.Element;
 declare function TablePickerItem<T>({ option, checked, children, ...props }: TablePickerItemProps<T>): JSX.Element;

package/dist/components/Table/Table.stories.d.ts

@@ -54,3 +54,9 @@ export declare namespace WithCustomRowSelection {
         };
     };
 }
+export declare function WithExpandableRow(args: TableProps): JSX.Element;
+export declare namespace WithExpandableRow {
+    var args: {
+        scale: string;
+    };
+}

package/dist/components/Table/Table.types.d.ts

@@ -29,6 +29,14 @@ export interface TableSectionProps extends HTMLAttributes<HTMLTableSectionElemen
     scale?: Scale;
 }
 export declare type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+export declare type ExpandableTableRowProps = TableRowProps & {
+    index: number;
+    expandableContent?: ReactNode;
+    leading?: ReactNode | ((expanded: boolean) => ReactNode);
+    initialExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+};
 export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
     alignment?: 'left' | 'right';
     format?: 'default' | 'number' | 'currency';

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1 @@
+export declare const VisuallyHidden: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/components/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="mdx" />
+/// <reference types="react" />
+import Docs from './VisuallyHidden.mdx';
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"span", any, {}, never>;
+    parameters: {
+        docs: {
+            page: typeof Docs;
+        };
+    };
+};
+export default _default;
+export declare function Playground(): JSX.Element;

package/dist/components/VisuallyHidden/VisuallyHidden.test.d.ts

@@ -0,0 +1 @@
+export {};

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

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

package/dist/hooks/useClickOutside/useClickOutside.d.ts

@@ -1,3 +1,3 @@
 import type { RefObject } from 'react';
-declare function useClickOutside<T extends HTMLElement>(container: RefObject<T>, callback: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void, disabled?: boolean): void;
+declare function useClickOutside<T extends HTMLElement>(container: RefObject<T>, callback: () => void, disabled?: boolean): void;
 export default useClickOutside;

package/dist/index.d.ts

@@ -94,3 +94,4 @@ export { default as DragDropFile } from './components/DragDropFile/DragDropFile'
 export type { FileStatus, FileWithStatus, DropZoneProps, DragDropFileProviderProps, DragDropFileContextValue, } from './components/DragDropFile/types';
 export { TablePagination } from './components/TablePagination';
 export type { TablePaginationProps } from './components/TablePagination';
+export { VisuallyHidden } from './components/VisuallyHidden';