@loadsmart/loadsmart-ui 5.0.1 → 5.2.0

package/dist/components/Button/Button.d.ts

@@ -10,6 +10,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'warning' | 'icon' | 'tertiary';
     scale?: 'small' | 'default' | 'large';
 }
+export declare const Children: import("styled-components").StyledComponent<"span", any, ButtonProps, never>;
 export declare const BaseButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare function Caret(props: Omit<IconProps, 'name'>): JSX.Element;

package/dist/components/Calendar/Pickers/PickerButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 declare const _default: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection";
+    $status: "default" | "current-day" | "faded" | "selection-start" | "selection-end" | "selection" | "next-month-day";
 }, never>;
 export default _default;

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

@@ -1,10 +1,9 @@
 import { Story, Meta } from '@storybook/react/types-6-0';
-import type { DropdownProps } from './Dropdown.types';
+import type { DropdownProps, DropdownMenuProps, DropdownTriggerProps } from './Dropdown.types';
 declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
 export default _default;
-export declare const Playground: Story<DropdownProps>;
-export declare const AlignEnd: Story<DropdownProps>;
-export declare const WithSections: Story<DropdownProps>;
-export declare const Extended: Story<DropdownProps>;
-export declare const NoOutlineOnTrigger: Story<DropdownProps>;
-export declare const CustomTrigger: Story<DropdownProps>;
+declare type DropdownStoryProps = DropdownProps & DropdownMenuProps & DropdownTriggerProps;
+export declare const Playground: Story<DropdownStoryProps>;
+export declare const WithSections: Story<DropdownStoryProps>;
+export declare const Extended: Story<DropdownStoryProps>;
+export declare const CustomTrigger: Story<DropdownStoryProps>;

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

@@ -1,5 +1,5 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 import type { ButtonProps } from "../Button";
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 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?: () => void;
+    onBlur?: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void;
 }
 export interface GenericDropdownProps extends DropdownProps, useDropdownProps {
 }

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

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ButtonHTMLAttributes, HTMLAttributes } from 'react';
 import type { DropdownTriggerProps, DropdownContextReturn } from './Dropdown.types';
 import type ColorScheme from "../../utils/types/ColorScheme";
-interface DropdownTriggerButtonProps extends DropdownTriggerProps {
+export interface DropdownTriggerButtonProps extends DropdownTriggerProps {
     children: DropdownTriggerProps['children'] | ((args: DropdownContextReturn) => React.ReactNode);
 }
 declare function DropdownTriggerButton(props: DropdownTriggerButtonProps): JSX.Element;

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

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

package/dist/components/Icon/Icon.d.ts

@@ -20,6 +20,7 @@ declare const icons: {
     'sort-desc': JSX.Element;
     upload: JSX.Element;
     warning: JSX.Element;
+    'dots-horizontal': JSX.Element;
 };
 declare const Icon: (props: GenericIconProps<import("../IconFactory").IconMapping>) => JSX.Element;
 export declare type IconProps = GenericIconProps<typeof icons>;

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

@@ -1,9 +1,9 @@
 import EventLike from "../../utils/types/EventLike";
-import type { ChangeEvent, FocusEvent, ComponentType, HTMLAttributes } from 'react';
-import type { DropdownProps, DropdownMenuItemProps } from "../Dropdown";
+import type { DropdownMenuItemProps, DropdownProps } from "../Dropdown";
 import type { TextFieldProps } from "../TextField";
-import type { SelectableAdapter, Selectable, SelectableKeyType, SelectableState } from "../../hooks/useSelectable";
+import type { Selectable, SelectableAdapter, 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: () => void;
+        onBlur: (event?: MouseEvent | TouchEvent | KeyboardEvent) => 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 } from './Table.types';
+import type { TableProps, TableSectionProps, TableRowProps, TableCellProps, TableCaptionProps, TableSelectionProps, SelectionCellProps, TablePickerItemProps, TablePickerProps } from './Table.types';
 declare function Table<T>({ children, selection, scale, ...others }: TableProps<T>): JSX.Element;
 declare namespace Table {
     var Head: typeof TableHead;
@@ -17,6 +17,7 @@ declare namespace Table {
         HeadCell: typeof SelectionHeadCell;
     };
     var SortHandle: typeof TableSortHandle;
+    var Picker: typeof TablePicker;
 }
 declare function TableCaption({ children, position, height }: TableCaptionProps): JSX.Element;
 declare function TableHead({ children, ...others }: TableSectionProps): JSX.Element;
@@ -27,5 +28,10 @@ declare function SelectionHeadCell<T>(props: SelectionCellProps<T>): JSX.Element
 declare function TableRow({ children, ...others }: TableRowProps): 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;
+declare function TablePicker<T>({ value, onChange, options, align, children, trigger: propsTrigger, ...props }: TablePickerProps<T>): JSX.Element;
+declare namespace TablePicker {
+    var Item: typeof TablePickerItem;
+}
 export { useSelection };
 export default Table;

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

@@ -11,6 +11,7 @@ export declare const TABLE_ROWS: {
     [x: string]: string | number;
     value: number;
 }[];
+export declare type RowFixture = typeof TABLE_ROWS[number];
 export declare const TEST_TABLE_COLUMNS: ({
     key: string;
     title: string;

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

@@ -15,8 +15,24 @@ export declare namespace WithSorting {
         scale: string;
     };
 }
-export declare function Selection(args: TableProps): JSX.Element;
-export declare namespace Selection {
+export declare function WithColumnPicker(args: TableProps): JSX.Element;
+export declare namespace WithColumnPicker {
+    var args: {
+        scale: string;
+    };
+    var parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+        source: {
+            type: string;
+        };
+    };
+}
+export declare function WithRowSelection(args: TableProps): JSX.Element;
+export declare namespace WithRowSelection {
     var parameters: {
         docs: {
             description: {
@@ -28,8 +44,8 @@ export declare namespace Selection {
         scale: string;
     };
 }
-export declare function AdvancedSelection(): JSX.Element;
-export declare namespace AdvancedSelection {
+export declare function WithCustomRowSelection(): JSX.Element;
+export declare namespace WithCustomRowSelection {
     var parameters: {
         docs: {
             description: {

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

@@ -1,6 +1,8 @@
 import { Selectable } from "../../hooks/useSelectable";
-import type { ComponentType, HTMLAttributes } from 'react';
+import type { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 import React from 'react';
+import type { DropdownMenuItemProps, DropdownMenuProps } from "../Dropdown";
+import type { DropdownTriggerButtonProps } from "../Dropdown/DropdownTrigger";
 import type { TableSelectableRow, TableSelectionConfig } from './Selection';
 declare type Scale = 'default' | 'small' | 'large';
 export interface TableProps<T extends Selectable = TableSelectableRow> extends HTMLAttributes<HTMLTableElement> {
@@ -34,4 +36,31 @@ export interface TableCellProps extends HTMLAttributes<HTMLTableCellElement> {
     scale?: Scale;
     selected?: boolean;
 }
+export declare type TableColumn<T = Record<string, unknown>> = {
+    /**
+     * The accessor of you entry interface
+     */
+    key: keyof T;
+    /**
+     * The label that should go in the Header cell
+     */
+    title: ReactNode;
+    /**
+     * The text of the Dropdown.Item
+     * If omitted, `title` is used
+     */
+    option?: string;
+};
+export declare type TableColumns<T> = Array<TableColumn<T>>;
+export interface TablePickerItemProps<T> extends DropdownMenuItemProps {
+    option?: TableColumn<T>;
+    checked?: boolean;
+}
+export interface TablePickerProps<T> extends PropsWithChildren<Partial<Omit<DropdownTriggerButtonProps, 'onChange' | 'value' | 'children'>>> {
+    value?: TableColumn<T>;
+    onChange?: (value: TableColumn<T>) => void;
+    options?: TableColumns<T>;
+    trigger?: ReactNode | ((expanded: boolean) => ReactNode);
+    align?: DropdownMenuProps['align'];
+}
 export {};

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

@@ -1,4 +1,4 @@
-import type { TableRowGroup, Column, ColumnGroup } from './useSortBy.types';
+import type { TableRowGroup, SortableColumn, ColumnGroup } from './useSortBy.types';
 /**
  * A hook that receives columns and table rows to sort them when sortByColumn function is called.
  * Exposes columnData, tableData and sortByColumn to be consumed by the Table component.
@@ -11,6 +11,6 @@ import type { TableRowGroup, Column, ColumnGroup } from './useSortBy.types';
 declare function useSortBy(columnGroup: ColumnGroup, tableRowGroup: TableRowGroup): {
     tableData: TableRowGroup;
     columnData: ColumnGroup;
-    sortByColumn: (column: Column) => void;
+    sortByColumn: (column: SortableColumn) => void;
 };
 export default useSortBy;

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

@@ -1,13 +1,12 @@
+import type { TableColumn } from './Table.types';
 export declare type TableRowGroup = Array<Record<string, string | number>>;
-export declare type Column = {
-    key: string;
-    title: string;
+export interface SortableColumn extends TableColumn {
     isSortable?: boolean;
     order?: SortDirection | null;
-};
-export declare type ColumnGroup = Array<Column>;
+}
+export declare type ColumnGroup = Array<SortableColumn>;
 export interface SortState {
-    sortConfig: Column;
+    sortConfig: SortableColumn;
     columnGroup: ColumnGroup;
     tableRowGroup: TableRowGroup;
 }

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: () => void, disabled?: boolean): void;
+declare function useClickOutside<T extends HTMLElement>(container: RefObject<T>, callback: (event?: MouseEvent | TouchEvent | KeyboardEvent) => void, disabled?: boolean): void;
 export default useClickOutside;