@sk-web-gui/core 0.1.45 → 0.1.47

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

@@ -0,0 +1,2 @@
+import { useToastOptions } from '@sk-web-gui/toast';
+export declare const useMessage: () => ({ position, duration, render, ...rest }: useToastOptions) => any;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,5 @@
+import { useToastOptions } from '@sk-web-gui/toast';
+declare type OmittedTypes = 'message';
+export declare type NotificationProps = Omit<useToastOptions, OmittedTypes>;
+export declare const useNotification: () => ({ position, duration, render, ...rest }: useToastOptions) => any;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import React from 'react';
+export interface IPaginationProps extends DefaultProps {
+    pages: number;
+    activePage: number;
+    changePage: (page: number) => void;
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface PaginationProps extends React.HTMLAttributes<HTMLDivElement>, IPaginationProps {
+}
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/pagination/src/styles.d.ts

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

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

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { PaginationProps } from '../src';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    ({ ...args }: PaginationProps): JSX.Element;
+    storyName: string;
+    argTypes: {
+        pages: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: number;
+        };
+        activePage: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: number;
+        };
+        changePage: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: () => {};
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+};

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

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

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { RadioProps } from './radio';
+import { RadioGroup, RadioGroupProps } from './radio-group';
+interface Radio extends React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>> {
+    Group: typeof RadioGroup;
+}
+declare const Radio: Radio;
+export type { RadioProps, RadioGroupProps };
+export { Radio, RadioGroup };

package/dist/types/radio/src/radio-group.d.ts

@@ -0,0 +1,41 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+import { RadioProps } from './radio';
+interface IRadioGroupProps extends DefaultProps {
+    /**
+     * The id of the radio group.
+     */
+    id?: string;
+    /**
+     * The name of the radio group. This prop is passed to each checbox
+     */
+    name?: string;
+    /**
+     * The content of the radio group. Must be the `Radio` component
+     */
+    children?: React.ReactNode;
+    /**
+     * The initial value of the radio group
+     */
+    defaultValue?: RadioProps['value'];
+    /**
+     * The value of the radio group
+     */
+    value?: RadioProps['value'];
+    size?: RadioProps['size'];
+    color?: RadioProps['color'];
+    /**
+     * The callback fired when any children Radio is checked or unchecked
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: RadioProps['value']) => void;
+    /**
+     * If `true`, the radio will aligned horizontally.
+     */
+    inline?: boolean;
+}
+declare type RadioGroupElement = {
+    focus: () => void;
+} | undefined;
+export declare type RadioGroupProps = IRadioGroupProps;
+export declare const RadioGroup: React.ForwardRefExoticComponent<IRadioGroupProps & React.RefAttributes<RadioGroupElement>>;
+export {};

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

@@ -0,0 +1,45 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+interface IRadioProps<T = HTMLInputElement> extends DefaultProps {
+    disabled?: React.InputHTMLAttributes<T>['disabled'];
+    invalid?: boolean;
+    required?: React.InputHTMLAttributes<T>['required'];
+    readOnly?: React.InputHTMLAttributes<T>['readOnly'];
+    /**
+     * If `true`, the radio will be initially checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the radio will be checked.
+     * You'll need to pass `onChange` to update it's value (since it's now controlled)
+     */
+    checked?: boolean;
+    /**
+     * The callback invoked when the checked state of the `radio` changes..
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    id?: string;
+    name?: string;
+    value?: string | number;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    color?: string;
+    /**
+     * A11y: A label that describes the input
+     */
+    'aria-label'?: string;
+    /**
+     * A11y: The id of the element that describes the input
+     */
+    'aria-describedby'?: string;
+    /**
+     * A11y: Refers to the id of the element that labels the radio element.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * The children is the label to be displayed to the right of the radio.
+     */
+    children?: React.ReactNode;
+}
+export declare type RadioProps = IRadioProps & React.HTMLAttributes<HTMLInputElement>;
+export declare const Radio: React.ForwardRefExoticComponent<IRadioProps<HTMLInputElement> & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/types/radio/src/styles.d.ts

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

package/dist/types/radio/stories/radio-group.stories.d.ts

@@ -0,0 +1,75 @@
+/// <reference types="react" />
+import { Radio, RadioGroupProps } from '../src';
+declare const _default: {
+    title: string;
+    component: Radio;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    (args: RadioGroupProps): JSX.Element;
+    argTypes: {
+        defaultValue: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+        };
+        inline: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        color: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+    storyName: string;
+};

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

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+import { Radio, RadioProps } from '../src';
+declare const _default: {
+    title: string;
+    component: Radio;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    (args: RadioProps): JSX.Element;
+    argTypes: {
+        required: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        invalid: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        disabled: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        defaultChecked: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        color: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+    storyName: string;
+};

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

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

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

@@ -0,0 +1,26 @@
+export * from '@sk-web-gui/alert';
+export * from '@sk-web-gui/breadcrumb';
+export * from '@sk-web-gui/button';
+export * from '@sk-web-gui/checkbox';
+export * from '@sk-web-gui/dot';
+export * from '@sk-web-gui/forms';
+export * from '@sk-web-gui/icon';
+export * from '@sk-web-gui/image';
+export * from '@sk-web-gui/link';
+export * from '@sk-web-gui/message';
+export * from '@sk-web-gui/notification';
+export * from '@sk-web-gui/radio';
+export * from '@sk-web-gui/spinner';
+export * from '@sk-web-gui/switch';
+export * from '@sk-web-gui/theme';
+export * from '@sk-web-gui/utils';
+export * from '@sk-web-gui/accordion';
+export * from '@sk-web-gui/cookie-consent';
+export * from '@sk-web-gui/card';
+export * from '@sk-web-gui/divider';
+export * from '@sk-web-gui/user-menu';
+export * from '@sk-web-gui/table';
+export * from '@sk-web-gui/tag';
+export * from '@sk-web-gui/pagination';
+export * from '@sk-web-gui/footer';
+export * from '@sk-web-gui/header';

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+export interface ISpinProps extends DefaultProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+}
+export interface SpinProps extends React.HTMLAttributes<SVGSVGElement>, ISpinProps {
+}
+export declare const Spinner: React.ForwardRefExoticComponent<SpinProps & React.RefAttributes<SVGSVGElement>>;

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("../src").SpinProps & import("react").RefAttributes<SVGSVGElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Size: () => JSX.Element;

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

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

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

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

package/dist/types/switch/src/styles.d.ts

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

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

@@ -0,0 +1,42 @@
+import { DefaultProps } from '@sk-web-gui/theme';
+import * as React from 'react';
+export interface SwitchProps<T = HTMLInputElement> extends DefaultProps {
+    disabled?: React.InputHTMLAttributes<T>['disabled'];
+    invalid?: boolean;
+    /**
+     * If `true`, the switch will be initially checked.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the switch will be checked.
+     * You'll need to pass `onChange` to update it's value (since it's now controlled)
+     */
+    checked?: boolean;
+    /**
+     * The callback invoked when the checked state of the `switch` changes..
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    id?: string;
+    name?: string;
+    value?: string | number;
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    autoFocus?: boolean;
+    /**
+     * A11y: A label that describes the input
+     */
+    'aria-label'?: string;
+    /**
+     * A11y: The id of the element that describes the input
+     */
+    'aria-describedby'?: string;
+    /**
+     * A11y: Refers to the id of the element that labels the switch element.
+     */
+    'aria-labelledby'?: string;
+    /**
+     * The children is the label to be displayed to the right of the switch.
+     */
+    children?: React.ReactNode;
+}
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,76 @@
+/// <reference types="react" />
+import { SwitchProps } from '../src';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<SwitchProps<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
+    parameters: {
+        controls: {
+            hideNoControlsWarning: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Template: {
+    ({ ...args }: SwitchProps): JSX.Element;
+    storyName: string;
+    argTypes: {
+        defaultChecked: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        disabled: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            control: string;
+            defaultValue: boolean;
+        };
+        size: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+        color: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            options: string[];
+            control: string;
+            defaultValue: string;
+        };
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface ZebraTableHeader {
+    element: JSX.Element;
+    isColumnSortable: boolean;
+    isShown: boolean;
+    screenReaderOnly?: boolean;
+}
+export interface ZebraTableColumn {
+    element: JSX.Element;
+    isShown: boolean;
+}
+export interface IZebraTableProps {
+    headers: ZebraTableHeader[];
+    rows: ZebraTableColumn[][];
+    tableSortable?: boolean;
+    sortHandler?: (idx: number, sortMode: boolean) => void;
+    defaultSort?: {
+        idx: number;
+        sortMode: boolean;
+    };
+    sortAscending?: boolean;
+    pageSize?: number;
+    page?: number;
+    pages?: number;
+    captionTitle?: string;
+    captionBody?: string;
+    summary?: string;
+    highlightedItemIndex?: number;
+    changePage?: (page: number) => void;
+    BottomComponent?: JSX.Element;
+}
+export declare type ZebraTableProps = IZebraTableProps & React.HTMLAttributes<HTMLTableElement>;
+export declare const ZebraTable: React.ForwardRefExoticComponent<IZebraTableProps & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;