@sk-web-gui/core 2.3.0 → 3.0.0

package/dist/types/spinner/src/assets/spinner-square.d.ts

@@ -0,0 +1,265 @@
+export declare const SpinnerAnimation: {
+    nm: string;
+    ddd: number;
+    h: number;
+    w: number;
+    meta: {
+        g: string;
+    };
+    layers: {
+        ty: number;
+        nm: string;
+        sr: number;
+        st: number;
+        op: number;
+        ip: number;
+        hd: boolean;
+        ddd: number;
+        bm: number;
+        hasMask: boolean;
+        ao: number;
+        ks: {
+            a: {
+                a: number;
+                k: number[];
+                ix: number;
+            };
+            s: {
+                a: number;
+                k: number[];
+                ix: number;
+            };
+            sk: {
+                a: number;
+                k: number;
+            };
+            p: {
+                a: number;
+                k: number[];
+                ix: number;
+            };
+            r: {
+                a: number;
+                k: ({
+                    o: {
+                        x: number;
+                        y: number;
+                    };
+                    i: {
+                        x: number;
+                        y: number;
+                    };
+                    s: number[];
+                    t: number;
+                } | {
+                    s: number[];
+                    t: number;
+                    o?: undefined;
+                    i?: undefined;
+                })[];
+                ix: number;
+            };
+            sa: {
+                a: number;
+                k: number;
+            };
+            o: {
+                a: number;
+                k: number;
+                ix: number;
+            };
+        };
+        ef: never[];
+        shapes: ({
+            ty: string;
+            bm: number;
+            hd: boolean;
+            mn: string;
+            nm: string;
+            ix: number;
+            cix: number;
+            np: number;
+            it: ({
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                ix: number;
+                d: number;
+                ks: {
+                    a: number;
+                    k: {
+                        c: boolean;
+                        i: number[][];
+                        o: number[][];
+                        v: number[][];
+                    };
+                    ix: number;
+                };
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                o?: undefined;
+                w?: undefined;
+                c?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                p?: undefined;
+                r?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                bm: number;
+                hd: boolean;
+                mn: string;
+                nm: string;
+                lc: number;
+                lj: number;
+                ml: number;
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                w: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                c: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                ix?: undefined;
+                d?: undefined;
+                ks?: undefined;
+                a?: undefined;
+                s?: undefined;
+                sk?: undefined;
+                p?: undefined;
+                r?: undefined;
+                sa?: undefined;
+            } | {
+                ty: string;
+                a: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                s: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                sk: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                p: {
+                    a: number;
+                    k: number[];
+                    ix: number;
+                };
+                r: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                sa: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                o: {
+                    a: number;
+                    k: number;
+                    ix: number;
+                };
+                bm?: undefined;
+                hd?: undefined;
+                mn?: undefined;
+                nm?: undefined;
+                ix?: undefined;
+                d?: undefined;
+                ks?: undefined;
+                lc?: undefined;
+                lj?: undefined;
+                ml?: undefined;
+                w?: undefined;
+                c?: undefined;
+            })[];
+            e?: undefined;
+            o?: undefined;
+            s?: undefined;
+            m?: undefined;
+        } | {
+            ty: string;
+            bm: number;
+            hd: boolean;
+            mn: string;
+            nm: string;
+            ix: number;
+            e: {
+                a: number;
+                k: ({
+                    o: {
+                        x: number;
+                        y: number;
+                    };
+                    i: {
+                        x: number;
+                        y: number;
+                    };
+                    s: number[];
+                    t: number;
+                } | {
+                    s: number[];
+                    t: number;
+                    o?: undefined;
+                    i?: undefined;
+                })[];
+                ix: number;
+            };
+            o: {
+                a: number;
+                k: number;
+                ix: number;
+            };
+            s: {
+                a: number;
+                k: ({
+                    o: {
+                        x: number;
+                        y: number;
+                    };
+                    i: {
+                        x: number;
+                        y: number;
+                    };
+                    s: number[];
+                    t: number;
+                } | {
+                    s: number[];
+                    t: number;
+                    o?: undefined;
+                    i?: undefined;
+                })[];
+                ix: number;
+            };
+            m: number;
+            cix?: undefined;
+            np?: undefined;
+            it?: undefined;
+        })[];
+        ind: number;
+    }[];
+    v: string;
+    fr: number;
+    op: number;
+    ip: number;
+    assets: never[];
+};

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

@@ -0,0 +1,4 @@
+import { Spinner, SpinnerProps } from './spinner';
+export type { SpinnerProps };
+export { Spinner };
+export default Spinner;

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

@@ -0,0 +1,14 @@
+import { DefaultProps } from '@sk-web-gui/utils';
+import React from 'react';
+export interface SpinnerProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
+    /** Set size of the spinner in rem
+     * @default 4
+     */
+    size?: number;
+    /** Set color of the spinner
+     * @default tertiary
+     */
+    color?: 'tertiary' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar' | 'warning' | 'info' | 'success' | 'error';
+}
+export declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Spinner;

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

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

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

@@ -0,0 +1,2 @@
+export * from './src';
+export type * 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,6 @@
+import React from 'react';
+export interface TableHeaderProps extends React.ComponentPropsWithoutRef<'tr'> {
+    background?: boolean;
+    sticky?: 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/table/stories/autotable.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AutoTableProps } from '../src/auto-table';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<AutoTableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export default _default;
+export declare const Template: {
+    (args: AutoTableProps): import("react/jsx-runtime").JSX.Element;
+    story: {
+        name: string;
+    };
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Table, TableProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<import("../src/table").TableComponentProps, "ref"> & React.RefAttributes<HTMLTableElement>>;
+export default _default;
+export declare const Template: {
+    (args: React.ComponentPropsWithRef<typeof Table.Component>): import("react/jsx-runtime").JSX.Element;
+    story: {
+        name: string;
+    };
+};
+export declare const DataTable: (args: TableProps) => import("react/jsx-runtime").JSX.Element;

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

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

@@ -0,0 +1,12 @@
+import { TabsProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/tabs").TabsComponentProps>;
+export default _default;
+export declare const Template: {
+    (args: TabsProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const StateControlled: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlOthers: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

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

@@ -0,0 +1,7 @@
+import { TextProps } from '../src';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@storybook/types").Args>;
+export default _default;
+export declare const Template: {
+    (args: TextProps): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};

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

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