@sk-web-gui/react 1.2.10 → 1.2.11

package/dist/types/searchfield/src/searchfield.d.ts

@@ -0,0 +1,27 @@
+import { InputProps } from '@sk-web-gui/forms';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface SearchFieldBaseProps extends DefaultProps, React.ComponentProps<InputProps['Component']>, Omit<React.ComponentPropsWithRef<'input'>, 'size'> {
+    value: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onSearch?: (query: string) => void;
+    onReset?: () => void;
+    /** @default onValue */
+    showSearchButton?: 'onValue' | boolean;
+    /** @default onValue */
+    showResetButton?: 'onValue' | boolean;
+    placeholder?: string;
+    smallIcon?: boolean;
+    rounded?: boolean;
+    /** @default lg */
+    size?: 'md' | 'lg';
+    /** @default Sök */
+    searchLabel?: string;
+    /** @default Rensa */
+    resetAriaLabel?: string;
+    searchIcon?: React.ReactNode;
+    resetIcon?: React.ReactNode;
+}
+export declare const SearchFieldBase: React.FC<SearchFieldBaseProps>;
+export default SearchFieldBase;

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

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

package/dist/types/snackbar/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { useSnackbar, Snackbar, SnackbarProps } from './snackbar';
+export { Snackbar, useSnackbar };
+export type { SnackbarProps };
+declare const _default: {
+    Snackbar: import("react").ForwardRefExoticComponent<SnackbarProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/types/snackbar/src/snackbar.d.ts

@@ -0,0 +1,11 @@
+import { useToastOptions } from '@sk-web-gui/toast';
+import React from 'react';
+type OmittedTypes = 'title' | 'closeIcon' | 'onUndo' | 'undoText' | 'description';
+export interface SnackbarProps extends Omit<useToastOptions, OmittedTypes> {
+    actionCallback?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    leadingIcon?: boolean;
+    action?: string;
+}
+export declare const Snackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const useSnackbar: () => ({ position, duration, render, ...rest }: useToastOptions) => any;
+export default useSnackbar;

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

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

package/dist/types/table/src/auto-table.d.ts

@@ -0,0 +1,48 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { TableComponentProps } from './table';
+type TableValue = any;
+type TableItem = Record<string | number, TableValue>;
+export declare enum SortMode {
+    ASC = "ascending",
+    DESC = "descending"
+}
+export interface AutoTableHeader {
+    property?: string;
+    label?: string;
+    isColumnSortable?: boolean;
+    isShown?: boolean;
+    screenReaderOnly?: boolean;
+    columnPosition?: 'left' | 'center' | 'right';
+    sticky?: boolean;
+    renderColumn?: (value: TableValue, item: TableItem) => JSX.Element;
+}
+export interface TableHeader {
+    element: JSX.Element;
+    isColumnSortable?: boolean;
+    isShown?: boolean;
+    screenReaderOnly?: boolean;
+    sticky?: boolean;
+}
+export interface AutoTableColumn {
+    element: JSX.Element;
+    isShown?: boolean;
+}
+export interface AutoTableProps extends DefaultProps, TableComponentProps {
+    autoheaders?: Array<AutoTableHeader | string>;
+    autodata?: Array<TableItem>;
+    handleSort?: (colIndex: number, asc: boolean) => void;
+    tableSortable?: boolean;
+    sortedOrder?: SortMode;
+    pageSize?: number;
+    page?: number;
+    captionTitle?: string;
+    captionBody?: string;
+    captionClassName?: string;
+    captionShowPages?: boolean;
+    highlightedItemIndex?: number;
+    changePage?: (page: number) => void;
+    footer?: boolean;
+}
+export declare const AutoTable: React.ForwardRefExoticComponent<Omit<AutoTableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export default AutoTable;

package/dist/types/table/src/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { TableComponent, TableComponentProps } from './table';
+import { TableFooter } from './table-footer';
+import { TableHeader } from './table-header';
+import { TableHeaderColumn } from './table-header-column';
+import { TableBody } from './table-body';
+import { TableRow } from './table-row';
+import { TableRowColumn } from './table-row-column';
+import { TableSortButton } from './table-sort-button';
+import AutoTable, { AutoTableProps, SortMode, AutoTableHeader } from './auto-table';
+interface TableProps extends TableComponentProps, React.ForwardRefExoticComponent<TableComponentProps> {
+    Component: typeof TableComponent;
+    Header: typeof TableHeader;
+    HeaderColumn: typeof TableHeaderColumn;
+    SortButton: typeof TableSortButton;
+    Body: typeof TableBody;
+    Row: typeof TableRow;
+    Column: typeof TableRowColumn;
+    Footer: typeof TableFooter;
+}
+declare const Table: TableProps;
+export { Table, AutoTable, SortMode };
+export type { TableProps, AutoTableProps, AutoTableHeader };
+export default Table;

package/dist/types/table/src/table-body.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/types/table/src/table-footer.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/table/src/table-header-column.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TableHeaderColumnProps extends React.ComponentPropsWithoutRef<'th'> {
+    sticky?: boolean;
+}
+export declare const TableHeaderColumn: React.ForwardRefExoticComponent<TableHeaderColumnProps & React.RefAttributes<HTMLTableCellElement>>;
+export {};

package/dist/types/table/src/table-header.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface TableHeaderProps extends React.ComponentPropsWithoutRef<'tr'> {
+    background?: boolean;
+}
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableRowElement>>;

package/dist/types/table/src/table-row-column.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TableRowColumnProps extends React.ComponentPropsWithoutRef<'td'> {
+    sticky?: boolean;
+}
+export declare const TableRowColumn: React.ForwardRefExoticComponent<TableRowColumnProps & React.RefAttributes<HTMLTableCellElement>>;
+export {};

package/dist/types/table/src/table-row.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/types/table/src/table-sort-button.d.ts

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+import { SortMode } from './auto-table';
+export interface ITableSortButtonProps extends DefaultProps, React.ComponentPropsWithoutRef<'button'> {
+    isActive: boolean;
+    sortOrder: SortMode.ASC | SortMode.DESC | null;
+}
+export declare const TableSortButton: React.ForwardRefExoticComponent<ITableSortButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/table/src/table.d.ts

@@ -0,0 +1,9 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface TableComponentProps extends DefaultProps, React.ComponentPropsWithRef<'table'> {
+    background?: boolean;
+    dense?: boolean;
+    scrollable?: 'x' | 'y' | boolean;
+}
+export declare const TableComponent: React.ForwardRefExoticComponent<Omit<TableComponentProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export default TableComponent;

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

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

package/dist/types/tabs/src/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { TabsComponent, TabsComponentProps } from './tabs';
+import { TabsButton } from './tabs-button';
+import { TabsContent } from './tabs-content';
+import { TabsItem } from './tabs-item';
+interface TabsProps extends React.ForwardRefExoticComponent<TabsComponentProps>, TabsComponentProps {
+    Component: typeof TabsComponent;
+    Item: typeof TabsItem;
+    Button: typeof TabsButton;
+    Content: typeof TabsContent;
+}
+declare const Tabs: TabsProps;
+export { Tabs };
+export type { TabsProps };
+export default Tabs;

package/dist/types/tabs/src/tabs-button.d.ts

@@ -0,0 +1,7 @@
+import { Button } from '@sk-web-gui/button';
+import React from 'react';
+interface TabsButtonProps extends React.ComponentProps<typeof Button>, Omit<React.ComponentPropsWithoutRef<'button'>, 'color'> {
+    menuIndex?: number;
+}
+export declare const TabsButton: React.ForwardRefExoticComponent<Omit<TabsButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/types/tabs/src/tabs-content.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TabsContentProps extends React.ComponentPropsWithRef<'div'> {
+    selected?: boolean;
+}
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/tabs/src/tabs-context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface UseTabsProps {
+    current: number;
+    setCurrent?: (current: number) => void;
+}
+export declare const TabsContext: React.Context<UseTabsProps>;
+export declare const useTabs: () => UseTabsProps;
+export {};

package/dist/types/tabs/src/tabs-item.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface TabsItemProps {
+    children: React.ReactNode;
+}
+export declare const TabsItem: React.FC<TabsItemProps>;
+export {};

package/dist/types/tabs/src/tabs.d.ts

@@ -0,0 +1,11 @@
+import { MenuBar } from '@sk-web-gui/menubar';
+import React from 'react';
+export interface TabsComponentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
+    color?: React.ComponentProps<typeof MenuBar>['color'];
+    current?: React.ComponentProps<typeof MenuBar>['current'];
+    showBackground?: React.ComponentProps<typeof MenuBar>['showBackground'];
+    onTabChange?: (index: number) => void;
+    tabslistClassName?: string;
+    panelsClassName?: string;
+}
+export declare const TabsComponent: React.ForwardRefExoticComponent<TabsComponentProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/types/text/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Text, TextProps } from './text';
+export { Text };
+export type { TextProps };
+declare const _default: {
+    Text: import("react").ForwardRefExoticComponent<Omit<TextProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/types/text/src/text.d.ts

@@ -0,0 +1,10 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface TextProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    urlAsLink?: boolean;
+    externalLinks?: boolean;
+    onLinkClick?: (event: MouseEvent, url: string) => void;
+    children?: React.ReactNode;
+    as?: React.ElementType;
+}
+export declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/user-menu/index.d.ts

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

package/dist/types/user-menu/src/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { UserMenu, MenuItemGroup, UserMenuProps } from './user-menu';
+export { UserMenu };
+export type { UserMenuProps, MenuItemGroup };
+declare const _default: {
+    UserMenu: import("react").ForwardRefExoticComponent<Omit<UserMenuProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export default _default;

package/dist/types/user-menu/src/user-menu.d.ts

@@ -0,0 +1,32 @@
+import { Avatar } from '@sk-web-gui/avatar';
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface MenuItemGroup {
+    label: string;
+    elements: {
+        label: string;
+        element: () => JSX.Element;
+    }[];
+}
+export interface UserMenuProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    menuTitle?: string;
+    menuSubTitle?: string;
+    initials?: string;
+    image?: string;
+    imageAlt?: string;
+    placeholderImage?: string;
+    imageElem?: React.ReactElement;
+    menuGroups: MenuItemGroup[];
+    /**
+     * Size of avatar button
+     * @default lg
+     */
+    buttonSize?: React.ComponentProps<typeof Avatar>['size'];
+    /**
+     * If avatar button should be rounded
+     * @default true
+     */
+    buttonRounded?: React.ComponentProps<typeof Avatar>['rounded'];
+}
+export declare const UserMenu: React.ForwardRefExoticComponent<Omit<UserMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default UserMenu;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/react",
-  "version": "1.2.10",
+  "version": "1.2.11",
   "sideEffects": false,
   "license": "MIT",
   "main": "dist/cjs/index.js",
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@sk-web-gui/accordion": "1.1.4",
+    "@sk-web-gui/accordion": "1.2.0",
     "@sk-web-gui/avatar": "1.0.5",
     "@sk-web-gui/badge": "1.0.1",
     "@sk-web-gui/breadcrumb": "1.0.5",
@@ -78,5 +78,5 @@
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
-  "gitHead": "e8dfe8d7b8457ba045eca8f4915d520abc1883db"
+  "gitHead": "768c14fa232f3af5eb8300da234c28ed0117b3e4"
 }