@sk-web-gui/core 2.3.0 → 3.0.0

package/dist/types/popup-menu/src/popup-menu-items.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface PopupMenuItemsContextProps {
+    next?: () => void;
+    prev?: () => void;
+    active?: string;
+    activeMode?: 'soft' | 'hard';
+    navigate?: boolean;
+    setNavigate?: (navigate: boolean) => void;
+}
+export declare const usePopupMenuItems: () => PopupMenuItemsContextProps;
+interface PopupMenuItemsProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * If items inside should be autofocused on open
+     * Will focus first item on 'Enter' and 'ArrowDown', last item on 'ArrowUp'
+     * @default true
+     */
+    autoFocus?: boolean;
+}
+export declare const PopupMenuItems: React.ForwardRefExoticComponent<PopupMenuItemsProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/popup-menu/src/popup-menu-panel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PopupMenuBaseProps } from './popup-menu';
+interface PopupMenuPanelProps extends Omit<PopupMenuBaseProps, 'type'>, React.ComponentPropsWithoutRef<'div'> {
+}
+export declare const PopupMenuPanel: React.ForwardRefExoticComponent<PopupMenuPanelProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { PopupMenuButton } from './popup-menu-button';
+import { PopupMenuPanel } from './popup-menu-panel';
+export interface PopupMenuBaseProps {
+    /**
+     * Size of popup. Does not affect button size
+     * @default md
+     */
+    size?: 'md' | 'sm';
+    /**
+     * Position of the popup relative to the button.
+     * @default under
+     */
+    position?: 'under' | 'over' | 'left' | 'right';
+    /**
+     * Alignment of the popup relative to the button.
+     * @default start
+     */
+    align?: 'start' | 'end';
+    /**
+     * Type of popup.
+     * @default menu
+     */
+    type?: 'dialog' | 'menu';
+    /**
+     * This will flip the alignment if the panel doesn't fit on screen
+     * @default true
+     */
+    autoAlign?: boolean;
+    /**
+     * This will flip the position (under and over, left and right) if the panel doesn't fit on screen
+     * @default false
+     */
+    autoPosition?: boolean;
+}
+export interface PopupMenuComponentProps extends PopupMenuBaseProps {
+    /**
+     * PopupMenu.Button & PopupMenu.Panel
+     */
+    children: [React.ReactComponentElement<typeof PopupMenuButton>, React.ReactComponentElement<typeof PopupMenuPanel>] | React.ReactComponentElement<typeof PopupMenuPanel>;
+    id?: string;
+    /**
+     * Set true to open the menu
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Returns true or false when menu is opened or closed
+     */
+    onToggleOpen?: (open: boolean) => void;
+}
+export declare const PopupMenuComponent: React.FC<PopupMenuComponentProps>;
+export default PopupMenuComponent;

package/dist/types/popup-menu/src/popupmenu-context.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { PopupMenuBaseProps } from './popup-menu';
+export declare enum GoTo {
+    First = "FIRST",
+    Last = "LAST"
+}
+export interface PopupMenuContextProps extends PopupMenuBaseProps {
+    close?: (focusButton?: boolean) => void;
+    isOpen?: boolean;
+    open?: (goTo?: GoTo) => void;
+    goTo?: GoTo;
+    setGoTo?: (goTo?: GoTo) => void;
+    id?: string;
+    buttonId?: string;
+    setButtonId?: (id: string) => void;
+}
+export declare const PopupMenuContext: React.Context<PopupMenuContextProps>;
+export declare const usePopupMenu: () => PopupMenuContextProps;

package/dist/types/popup-menu/src/styles.d.ts

@@ -0,0 +1 @@
+export declare const useButtonClass: (args?: any) => string;

package/dist/types/popup-menu/stories/popup-menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { PopupMenuProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/popup-menu").PopupMenuComponentProps>;
+export default _default;
+export declare const Template: {
+    (args: PopupMenuProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const CheckboxesAndFilter: () => import("react/jsx-runtime").JSX.Element;
+export declare const PopupMenuAsDialog: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/progress-bar/index.d.ts

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

package/dist/types/progress-bar/src/index.d.ts

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

package/dist/types/progress-bar/src/progress-bar.d.ts

@@ -0,0 +1,18 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ProgressBarProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
+    /** @default 100 */
+    steps?: number;
+    /** Current step
+     * @default 0
+     */
+    current?: number;
+    /** Set the bar color
+     * @default tertiary
+     */
+    color?: 'tertiary' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
+    /** @default false */
+    accent?: boolean;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ProgressBar;

package/dist/types/progress-bar/stories/progress-bar.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProgressBarProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

package/dist/types/progress-stepper/index.d.ts

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

package/dist/types/progress-stepper/src/index.d.ts

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

package/dist/types/progress-stepper/src/progress-step.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface ProgressStepProps {
+    first?: boolean;
+    last?: boolean;
+    number: number;
+    label: string;
+    current?: boolean;
+    done?: boolean;
+    rounded?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare const ProgressStep: React.FC<ProgressStepProps>;
+export default ProgressStep;

package/dist/types/progress-stepper/src/progress-stepper.d.ts

@@ -0,0 +1,12 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface ProgressStepperProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
+    /** Array of labels */
+    steps: string[];
+    /** Index of current step */
+    current?: number;
+    rounded?: boolean;
+    size?: 'sm' | 'md';
+}
+export declare const ProgressStepper: React.ForwardRefExoticComponent<Omit<ProgressStepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default ProgressStepper;

package/dist/types/progress-stepper/stories/progress-stepper.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ProgressStepperProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<ProgressStepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: ProgressStepperProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

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

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

@@ -0,0 +1,70 @@
+export * from '@sk-web-gui/accordion';
+export type * from '@sk-web-gui/accordion';
+export * from '@sk-web-gui/avatar';
+export type * from '@sk-web-gui/avatar';
+export * from '@sk-web-gui/badge';
+export type * from '@sk-web-gui/badge';
+export * from '@sk-web-gui/breadcrumb';
+export type * from '@sk-web-gui/breadcrumb';
+export * from '@sk-web-gui/button';
+export type * from '@sk-web-gui/button';
+export * from '@sk-web-gui/card';
+export type * from '@sk-web-gui/card';
+export * from '@sk-web-gui/chip';
+export type * from '@sk-web-gui/chip';
+export * from '@sk-web-gui/cookie-consent';
+export type * from '@sk-web-gui/cookie-consent';
+export * from '@sk-web-gui/divider';
+export type * from '@sk-web-gui/divider';
+export * from '@sk-web-gui/filter';
+export type * from '@sk-web-gui/filter';
+export * from '@sk-web-gui/forms';
+export type * from '@sk-web-gui/forms';
+export * from '@sk-web-gui/icon';
+export type * from '@sk-web-gui/icon';
+export * from '@sk-web-gui/image';
+export type * from '@sk-web-gui/image';
+export * from '@sk-web-gui/label';
+export type * from '@sk-web-gui/label';
+export * from '@sk-web-gui/layout';
+export type * from '@sk-web-gui/layout';
+export * from '@sk-web-gui/link';
+export type * from '@sk-web-gui/link';
+export * from '@sk-web-gui/menu-vertical';
+export type * from '@sk-web-gui/menu-vertical';
+export * from '@sk-web-gui/menubar';
+export type * from '@sk-web-gui/menubar';
+export * from '@sk-web-gui/modal';
+export type * from '@sk-web-gui/modal';
+export * from '@sk-web-gui/pagination';
+export type * from '@sk-web-gui/pagination';
+export * from '@sk-web-gui/popup-menu';
+export type * from '@sk-web-gui/popup-menu';
+export * from '@sk-web-gui/progress-bar';
+export type * from '@sk-web-gui/progress-bar';
+export * from '@sk-web-gui/progress-stepper';
+export type * from '@sk-web-gui/progress-stepper';
+export * from '@sk-web-gui/searchfield';
+export type * from '@sk-web-gui/searchfield';
+export * from '@sk-web-gui/snackbar';
+export type * from '@sk-web-gui/snackbar';
+export * from '@sk-web-gui/spinner';
+export type * from '@sk-web-gui/spinner';
+export * from '@sk-web-gui/table';
+export type * from '@sk-web-gui/table';
+export * from '@sk-web-gui/tabs';
+export type * from '@sk-web-gui/tabs';
+export * from '@sk-web-gui/text';
+export type * from '@sk-web-gui/text';
+export * from '@sk-web-gui/theme';
+export type * from '@sk-web-gui/theme';
+export * from '@sk-web-gui/tooltip';
+export type * from '@sk-web-gui/tooltip';
+export * from '@sk-web-gui/user-menu';
+export type * from '@sk-web-gui/user-menu';
+export * from '@sk-web-gui/utils';
+export type * from '@sk-web-gui/utils';
+export * from '@sk-web-gui/logo';
+export type * from '@sk-web-gui/logo';
+export * from '@sk-web-gui/list';
+export type * from '@sk-web-gui/list';

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SearchFieldBase, SearchFieldBaseProps } from './searchfield';
+import { SearchFeildSuggestionsBase } from './searchfield-suggestions';
+import { SearchFieldSuggestionsInput } from './searchfield-suggestions-input';
+import { SearchFieldSuggestionsList } from './searchfield-suggestions-list';
+import { SearchFieldSuggestionsOption } from './searchfield-suggestions-option';
+interface SearchFieldProps extends React.ForwardRefExoticComponent<SearchFieldBaseProps> {
+    Component: typeof SearchFieldBase;
+    Input: typeof SearchFieldBase;
+    Suggestions: typeof SearchFeildSuggestionsBase;
+    SuggestionsList: typeof SearchFieldSuggestionsList;
+    SuggestionsOption: typeof SearchFieldSuggestionsOption;
+    SuggestionsInput: typeof SearchFieldSuggestionsInput;
+}
+declare const SearchField: SearchFieldProps;
+export { SearchField };
+export type { SearchFieldProps };
+export default SearchField;

package/dist/types/searchfield/src/searchfield-suggestions-input.d.ts

@@ -0,0 +1,9 @@
+import { ComboboxProps } from '@sk-web-gui/forms';
+import React from 'react';
+import { SearchFieldProps } from './index';
+interface SearchFieldSuggestionsInputProps extends Omit<React.ComponentPropsWithRef<SearchFieldProps['Input']>, 'onSelect'> {
+    defaultValue?: string;
+    onSelect?: React.ComponentProps<ComboboxProps['Input']>['onSelect'];
+}
+export declare const SearchFieldSuggestionsInput: React.ForwardRefExoticComponent<Omit<SearchFieldSuggestionsInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default SearchFieldSuggestionsInput;

package/dist/types/searchfield/src/searchfield-suggestions-list.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchFieldSuggestionsList: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox-list").ComboboxListProps, "ref"> & React.RefAttributes<HTMLFieldSetElement>, "ref"> & {
+    ref?: ((instance: HTMLFieldSetElement | null) => void) | React.RefObject<HTMLFieldSetElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;
+export default SearchFieldSuggestionsList;

package/dist/types/searchfield/src/searchfield-suggestions-option.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchFieldSuggestionsOption: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox-option").ComboboxOptionProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default SearchFieldSuggestionsOption;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const SearchFeildSuggestionsBase: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox").ComboboxBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default SearchFeildSuggestionsBase;

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, Omit<React.ComponentProps<InputProps['Component']>, 'ref'>, 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.ForwardRefExoticComponent<Omit<SearchFieldBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default SearchFieldBase;

package/dist/types/searchfield/stories/searchfield-suggestions.stories.d.ts

@@ -0,0 +1,8 @@
+import { StoryObj } from '@storybook/react';
+import React from 'react';
+import { SearchField } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<Omit<Omit<import("@sk-web-gui/forms/src/combobox/combobox").ComboboxBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const Template: StoryObj<typeof SearchField.Suggestions>;

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

@@ -0,0 +1,6 @@
+import { StoryObj } from '@storybook/react';
+import React from 'react';
+import { SearchField } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<import("../src/searchfield").SearchFieldBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default _default;
+export declare const Template: StoryObj<typeof SearchField>;

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

@@ -0,0 +1,2 @@
+export * from './src';
+export type * 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/snackbar/stories/snackbar.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { SnackbarProps } from '../src/snackbar';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, SnackbarProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+export declare const Template: {
+    (args: SnackbarProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

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