fis-component 0.0.25 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +57831 -51279
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/assets/icons/CaretIcon.d.ts +3 -0
- package/dist/cjs/types/src/assets/icons/MoreIcon.d.ts +1 -0
- package/dist/cjs/types/src/assets/icons/UploadIcon.d.ts +1 -0
- package/dist/cjs/types/src/assets/icons/index.d.ts +3 -0
- package/dist/cjs/types/src/components/Avatar/Avatar.stories.d.ts +11 -2
- package/dist/cjs/types/src/components/Avatar/index.d.ts +5 -5
- package/dist/cjs/types/src/components/Avatar/styles.d.ts +3 -3
- package/dist/cjs/types/src/components/Badge/Badge.stories.d.ts +56 -1
- package/dist/cjs/types/src/components/Badge/index.d.ts +1 -1
- package/dist/cjs/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -14
- package/dist/cjs/types/src/components/Button/styles.d.ts +2 -7
- package/dist/cjs/types/src/components/ChipButton/ChipButton.stories.d.ts +26 -2
- package/dist/cjs/types/src/components/ChipButton/index.d.ts +13 -5
- package/dist/cjs/types/src/components/Collapse/Collapse.stories.d.ts +15 -0
- package/dist/cjs/types/src/components/Collapse/index.d.ts +18 -0
- package/dist/cjs/types/src/components/Collapse/styles.d.ts +28 -0
- package/dist/cjs/types/src/components/Input/InputField/InputField.stories.d.ts +21 -5
- package/dist/cjs/types/src/components/Input/InputField/index.d.ts +2 -0
- package/dist/cjs/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +77 -5
- package/dist/cjs/types/src/components/Input/InputText/InputText.stories.d.ts +12 -2
- package/dist/cjs/types/src/components/Notification/NotificationRender.d.ts +3 -0
- package/dist/cjs/types/src/components/Notification/context.d.ts +12 -0
- package/dist/cjs/types/src/components/Notification/index.d.ts +9 -0
- package/dist/cjs/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/Notification/stories/InfomationMockIcon.d.ts +1 -0
- package/dist/cjs/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +4 -0
- package/dist/cjs/types/src/components/Notification/style.d.ts +21 -0
- package/dist/cjs/types/src/components/Notification/type.d.ts +25 -0
- package/dist/cjs/types/src/components/Notification/useNotification.d.ts +8 -0
- package/dist/cjs/types/src/components/ProgressCircular/Determinate.d.ts +3 -0
- package/dist/cjs/types/src/components/ProgressCircular/Indeterminate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/ProgressCircular/index.d.ts +14 -0
- package/dist/cjs/types/src/components/ProgressCircular/styles.d.ts +10 -0
- package/dist/cjs/types/src/components/ProgressCircular/util.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/Determinate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/Indeterminate.d.ts +2 -0
- package/dist/cjs/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +5 -0
- package/dist/cjs/types/src/components/ProgressLinear/index.d.ts +13 -0
- package/dist/cjs/types/src/components/ProgressLinear/styles.d.ts +10 -0
- package/dist/cjs/types/src/components/Provider/globalStyle.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButton.stories.d.ts +12 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButtonIcon.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/SplitButtonItem.d.ts +4 -0
- package/dist/cjs/types/src/components/SplitButton/index.d.ts +18 -0
- package/dist/cjs/types/src/components/SplitButton/styles.d.ts +16 -0
- package/dist/cjs/types/src/components/SplitButton/types.d.ts +21 -0
- package/dist/cjs/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -6
- package/dist/cjs/types/src/components/Table/ColumnCell/index.d.ts +3 -3
- package/dist/cjs/types/src/components/Table/ColumnCell/styles.d.ts +5 -5
- package/dist/cjs/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +12 -14
- package/dist/cjs/types/src/components/Table/HeaderCell/index.d.ts +9 -7
- package/dist/cjs/types/src/components/Table/HeaderCell/styles.d.ts +4 -6
- package/dist/cjs/types/src/components/Table/Table/Table.stories.d.ts +8 -1
- package/dist/cjs/types/src/components/Table/Table/index.d.ts +1 -0
- package/dist/cjs/types/src/components/Table/Table/styles.d.ts +5 -1
- package/dist/cjs/types/src/components/Toast/Toast.stories.d.ts +141 -4
- package/dist/cjs/types/src/components/Toast/index.d.ts +1 -0
- package/dist/cjs/types/src/constants/regex.d.ts +1 -0
- package/dist/cjs/types/src/index.d.ts +5 -1
- package/dist/cjs/types/src/styles/design-system/variable.d.ts +218 -110
- package/dist/cjs/types/src/styles-entry.d.ts +1 -0
- package/dist/cjs/types/src/utils/getTheme.d.ts +218 -110
- package/dist/esm/index.js +57826 -51278
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/assets/icons/CaretIcon.d.ts +3 -0
- package/dist/esm/types/src/assets/icons/MoreIcon.d.ts +1 -0
- package/dist/esm/types/src/assets/icons/UploadIcon.d.ts +1 -0
- package/dist/esm/types/src/assets/icons/index.d.ts +3 -0
- package/dist/esm/types/src/components/Avatar/Avatar.stories.d.ts +11 -2
- package/dist/esm/types/src/components/Avatar/index.d.ts +5 -5
- package/dist/esm/types/src/components/Avatar/styles.d.ts +3 -3
- package/dist/esm/types/src/components/Badge/Badge.stories.d.ts +56 -1
- package/dist/esm/types/src/components/Badge/index.d.ts +1 -1
- package/dist/esm/types/src/components/Breadcrumb/Breadcrumb.stories.d.ts +8 -14
- package/dist/esm/types/src/components/Button/styles.d.ts +2 -7
- package/dist/esm/types/src/components/ChipButton/ChipButton.stories.d.ts +26 -2
- package/dist/esm/types/src/components/ChipButton/index.d.ts +13 -5
- package/dist/esm/types/src/components/Collapse/Collapse.stories.d.ts +15 -0
- package/dist/esm/types/src/components/Collapse/index.d.ts +18 -0
- package/dist/esm/types/src/components/Collapse/styles.d.ts +28 -0
- package/dist/esm/types/src/components/Input/InputField/InputField.stories.d.ts +21 -5
- package/dist/esm/types/src/components/Input/InputField/index.d.ts +2 -0
- package/dist/esm/types/src/components/Input/InputStepper/InputStepper.stories.d.ts +77 -5
- package/dist/esm/types/src/components/Input/InputText/InputText.stories.d.ts +12 -2
- package/dist/esm/types/src/components/Notification/NotificationRender.d.ts +3 -0
- package/dist/esm/types/src/components/Notification/context.d.ts +12 -0
- package/dist/esm/types/src/components/Notification/index.d.ts +9 -0
- package/dist/esm/types/src/components/Notification/stories/InfoUpdate.stories.d.ts +4 -0
- package/dist/esm/types/src/components/Notification/stories/InfomationMockIcon.d.ts +1 -0
- package/dist/esm/types/src/components/Notification/stories/SystemUpdate.stories.d.ts +4 -0
- package/dist/esm/types/src/components/Notification/style.d.ts +21 -0
- package/dist/esm/types/src/components/Notification/type.d.ts +25 -0
- package/dist/esm/types/src/components/Notification/useNotification.d.ts +8 -0
- package/dist/esm/types/src/components/ProgressCircular/Determinate.d.ts +3 -0
- package/dist/esm/types/src/components/ProgressCircular/Indeterminate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressCircular/ProgressCircular.stories.d.ts +5 -0
- package/dist/esm/types/src/components/ProgressCircular/index.d.ts +14 -0
- package/dist/esm/types/src/components/ProgressCircular/styles.d.ts +10 -0
- package/dist/esm/types/src/components/ProgressCircular/util.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/Determinate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/Indeterminate.d.ts +2 -0
- package/dist/esm/types/src/components/ProgressLinear/ProgressLinear.stories.d.ts +5 -0
- package/dist/esm/types/src/components/ProgressLinear/index.d.ts +13 -0
- package/dist/esm/types/src/components/ProgressLinear/styles.d.ts +10 -0
- package/dist/esm/types/src/components/Provider/globalStyle.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/SplitButton.stories.d.ts +12 -0
- package/dist/esm/types/src/components/SplitButton/SplitButtonIcon.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/SplitButtonItem.d.ts +4 -0
- package/dist/esm/types/src/components/SplitButton/index.d.ts +18 -0
- package/dist/esm/types/src/components/SplitButton/styles.d.ts +16 -0
- package/dist/esm/types/src/components/SplitButton/types.d.ts +21 -0
- package/dist/esm/types/src/components/Table/ColumnCell/ColumnCell.stories.d.ts +2 -6
- package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts +3 -3
- package/dist/esm/types/src/components/Table/ColumnCell/styles.d.ts +5 -5
- package/dist/esm/types/src/components/Table/HeaderCell/HeaderCell.stories.d.ts +12 -14
- package/dist/esm/types/src/components/Table/HeaderCell/index.d.ts +9 -7
- package/dist/esm/types/src/components/Table/HeaderCell/styles.d.ts +4 -6
- package/dist/esm/types/src/components/Table/Table/Table.stories.d.ts +8 -1
- package/dist/esm/types/src/components/Table/Table/index.d.ts +1 -0
- package/dist/esm/types/src/components/Table/Table/styles.d.ts +5 -1
- package/dist/esm/types/src/components/Toast/Toast.stories.d.ts +141 -4
- package/dist/esm/types/src/components/Toast/index.d.ts +1 -0
- package/dist/esm/types/src/constants/regex.d.ts +1 -0
- package/dist/esm/types/src/index.d.ts +5 -1
- package/dist/esm/types/src/styles/design-system/variable.d.ts +218 -110
- package/dist/esm/types/src/styles-entry.d.ts +1 -0
- package/dist/esm/types/src/utils/getTheme.d.ts +218 -110
- package/dist/index.d.ts +322 -137
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Size } from ".";
|
|
2
|
+
export declare const DivIndeterminateWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, {
|
|
3
|
+
$size: Size;
|
|
4
|
+
$invert: boolean;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export declare const SvgDeterminateSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGSVGElement>, never>> & string;
|
|
7
|
+
export declare const SvgDeterminateWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$size: string;
|
|
9
|
+
}>> & string;
|
|
10
|
+
export declare const CircleDeterminateSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").SVGProps<SVGCircleElement>, never>> & string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type Variant = "indeterminate" | "determinate";
|
|
2
|
+
export type Size = "xs" | "sm" | "md" | "lg";
|
|
3
|
+
export interface ProgressLinearProps {
|
|
4
|
+
variant: Variant;
|
|
5
|
+
percent: number;
|
|
6
|
+
size?: Size;
|
|
7
|
+
invert?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function FISProgressLinear({ variant, ...rest }: ProgressLinearProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace FISProgressLinear {
|
|
11
|
+
var displayName: string;
|
|
12
|
+
}
|
|
13
|
+
export default FISProgressLinear;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Size } from ".";
|
|
2
|
+
export declare const DivProgressLinearWrapperSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
$size: Size;
|
|
4
|
+
$invert: boolean;
|
|
5
|
+
$isDeterminate?: boolean;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const DivProgressLinearSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
8
|
+
$isDeterminate?: boolean;
|
|
9
|
+
$invert: boolean;
|
|
10
|
+
}>> & string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import FISSplitButton from "./index";
|
|
3
|
+
declare const meta: Meta<typeof FISSplitButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FISSplitButton>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Small: Story;
|
|
8
|
+
export declare const Large: Story;
|
|
9
|
+
export declare const Secondary: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
11
|
+
export declare const Loading: Story;
|
|
12
|
+
export declare const Active: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const FISSplitButton: React.ForwardRefExoticComponent<{
|
|
3
|
+
label: string;
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
size?: import("./types").SplitButtonSize;
|
|
6
|
+
variant?: import("./types").SplitButtonVariant;
|
|
7
|
+
activeButton?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
onButtonClick?: () => void;
|
|
10
|
+
} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
11
|
+
size?: import("./types").SplitButtonSize;
|
|
12
|
+
variant?: import("./types").SplitButtonVariant;
|
|
13
|
+
activeIcon?: boolean;
|
|
14
|
+
onIconClick?: () => void;
|
|
15
|
+
} & {
|
|
16
|
+
className?: string;
|
|
17
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export default FISSplitButton;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { SplitButtonSize, SplitButtonVariant } from "./types";
|
|
2
|
+
import FISProgressCircular from "../ProgressCircular";
|
|
3
|
+
export type SplitButtonProps = {
|
|
4
|
+
$size?: SplitButtonSize;
|
|
5
|
+
$variant?: SplitButtonVariant;
|
|
6
|
+
$disabled?: boolean;
|
|
7
|
+
$active?: boolean;
|
|
8
|
+
$loading?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare const DivContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SplitButtonProps>> & string;
|
|
11
|
+
export declare const ButtonItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, SplitButtonProps>> & string;
|
|
12
|
+
export declare const ButtonIconItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, SplitButtonProps>> & string;
|
|
13
|
+
export declare const DivIconItemSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SplitButtonProps>> & string;
|
|
14
|
+
export declare const SpanLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SplitButtonProps>> & string;
|
|
15
|
+
export declare const DivIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, SplitButtonProps>> & string;
|
|
16
|
+
export declare const ProgressCircularSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../ProgressCircular").ProgressCircularProps, never>> & string & Omit<typeof FISProgressCircular, keyof import("react").Component<any, {}, any>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ComponentPropsWithoutRef } from "react";
|
|
2
|
+
export type SplitButtonSize = "xs" | "sm" | "md" | "lg";
|
|
3
|
+
export type SplitButtonVariant = "primary" | "secondary" | "tertiary" | "primary-white" | "secondary-white";
|
|
4
|
+
export type SplitButtonItemProps = {
|
|
5
|
+
label: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
size?: SplitButtonSize;
|
|
8
|
+
variant?: SplitButtonVariant;
|
|
9
|
+
activeButton?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
onButtonClick?: () => void;
|
|
12
|
+
} & ComponentPropsWithoutRef<"button">;
|
|
13
|
+
export type SplitButtonIconProps = {
|
|
14
|
+
size?: SplitButtonSize;
|
|
15
|
+
variant?: SplitButtonVariant;
|
|
16
|
+
activeIcon?: boolean;
|
|
17
|
+
onIconClick?: () => void;
|
|
18
|
+
} & ComponentPropsWithoutRef<"button">;
|
|
19
|
+
export type SplitButtonProps = SplitButtonItemProps & SplitButtonIconProps & {
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
@@ -9,7 +9,7 @@ declare const meta: {
|
|
|
9
9
|
description: string;
|
|
10
10
|
variant: string;
|
|
11
11
|
disabled: false;
|
|
12
|
-
|
|
12
|
+
hasBorder: true;
|
|
13
13
|
icon: import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
textAlign: string;
|
|
15
15
|
contentWrapText: false;
|
|
@@ -29,7 +29,7 @@ declare const meta: {
|
|
|
29
29
|
disabled: {
|
|
30
30
|
control: "boolean";
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
hasBorder: {
|
|
33
33
|
control: "boolean";
|
|
34
34
|
description: string;
|
|
35
35
|
};
|
|
@@ -42,10 +42,6 @@ declare const meta: {
|
|
|
42
42
|
control: "boolean";
|
|
43
43
|
description: string;
|
|
44
44
|
};
|
|
45
|
-
onIconClick: {
|
|
46
|
-
action: string;
|
|
47
|
-
description: string;
|
|
48
|
-
};
|
|
49
45
|
};
|
|
50
46
|
};
|
|
51
47
|
export default meta;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
|
|
2
|
-
|
|
2
|
+
interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
|
|
3
3
|
className?: string;
|
|
4
4
|
textAlign?: string;
|
|
5
5
|
contentWrapText?: boolean;
|
|
@@ -8,8 +8,8 @@ export interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<H
|
|
|
8
8
|
description?: string;
|
|
9
9
|
icon?: ReactElement;
|
|
10
10
|
disabled?: boolean;
|
|
11
|
-
|
|
12
|
-
onIconClick?: () => void;
|
|
11
|
+
hasBorder?: boolean;
|
|
13
12
|
}
|
|
14
13
|
declare const FISColumnCell: import("react").ForwardRefExoticComponent<ColumnCellProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
15
14
|
export default FISColumnCell;
|
|
15
|
+
export type { ColumnCellProps };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
interface ColumnsStylesProps {
|
|
2
|
-
$showBorder?: boolean;
|
|
3
|
-
$disabled?: boolean;
|
|
4
2
|
$variant?: string;
|
|
5
3
|
$textAlign?: string;
|
|
6
4
|
$contentWrapText?: boolean;
|
|
7
|
-
$hasContent?: string
|
|
8
|
-
$hasDescription?: string
|
|
5
|
+
$hasContent?: string;
|
|
6
|
+
$hasDescription?: string;
|
|
7
|
+
$hasBorder?: boolean;
|
|
8
|
+
$disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare const
|
|
10
|
+
export declare const DivColumnCellContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnsStylesProps>> & string;
|
|
11
11
|
export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ColumnsStylesProps>> & string;
|
|
12
12
|
export {};
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import type { HeaderCellProps } from ".";
|
|
2
3
|
declare const meta: {
|
|
3
4
|
title: string;
|
|
4
|
-
component: import("react").ForwardRefExoticComponent<
|
|
5
|
+
component: import("react").ForwardRefExoticComponent<HeaderCellProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
5
6
|
tags: string[];
|
|
6
7
|
args: {
|
|
7
8
|
className: string;
|
|
8
|
-
|
|
9
|
+
label: string;
|
|
9
10
|
description: string;
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
rightComponent: import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
align: "left";
|
|
12
13
|
disabled: false;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
contentWrapText: false;
|
|
14
|
+
hasRightDivider: true;
|
|
15
|
+
hasTruncateLabel: false;
|
|
16
16
|
};
|
|
17
17
|
argTypes: {
|
|
18
18
|
className: {
|
|
19
19
|
control: "text";
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
label: {
|
|
22
22
|
control: "text";
|
|
23
23
|
};
|
|
24
24
|
description: {
|
|
@@ -32,20 +32,18 @@ declare const meta: {
|
|
|
32
32
|
disabled: {
|
|
33
33
|
control: "boolean";
|
|
34
34
|
};
|
|
35
|
-
|
|
35
|
+
hasRightDivider: {
|
|
36
36
|
control: "boolean";
|
|
37
37
|
description: string;
|
|
38
38
|
};
|
|
39
|
-
|
|
40
|
-
control: "boolean";
|
|
41
|
-
description: string;
|
|
42
|
-
};
|
|
43
|
-
contentWrapText: {
|
|
39
|
+
hasTruncateLabel: {
|
|
44
40
|
control: "boolean";
|
|
45
41
|
description: string;
|
|
46
42
|
};
|
|
47
43
|
};
|
|
44
|
+
render: (args: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
45
|
};
|
|
49
46
|
export default meta;
|
|
50
47
|
type Story = StoryObj<typeof meta>;
|
|
51
48
|
export declare const Default: Story;
|
|
49
|
+
export declare const FullStyle: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
import { DetailedHTMLProps, HTMLAttributes } from "react";
|
|
2
|
-
|
|
1
|
+
import { DetailedHTMLProps, HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
interface HeaderCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
|
|
3
3
|
className?: string;
|
|
4
|
+
align?: "left" | "right";
|
|
4
5
|
textAlign?: string;
|
|
5
|
-
|
|
6
|
+
label: string | null | undefined;
|
|
6
7
|
description?: string;
|
|
7
|
-
|
|
8
|
+
rightComponent?: ReactNode;
|
|
8
9
|
disabled?: boolean;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
hasRightDivider?: boolean;
|
|
11
|
+
hasTruncateLabel?: boolean;
|
|
12
|
+
onlyIcon?: boolean;
|
|
12
13
|
}
|
|
13
14
|
declare const FISHeaderCell: import("react").ForwardRefExoticComponent<HeaderCellProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
14
15
|
export default FISHeaderCell;
|
|
16
|
+
export type { HeaderCellProps };
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import { ReactElement } from "react";
|
|
2
1
|
interface HeaderCellStyleProps {
|
|
3
2
|
$textAlign?: string;
|
|
4
3
|
$disabled?: boolean;
|
|
5
|
-
$
|
|
6
|
-
$
|
|
7
|
-
$
|
|
4
|
+
$hasRightDivider?: boolean;
|
|
5
|
+
$hasTruncateLabel?: boolean;
|
|
6
|
+
$align?: "left" | "right";
|
|
7
|
+
$onlyIcon?: boolean;
|
|
8
8
|
}
|
|
9
9
|
export declare const DivHeaderCellContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
|
|
10
|
-
export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
|
|
11
|
-
export declare const DivCheckBoxSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HeaderCellStyleProps>> & string;
|
|
12
10
|
export {};
|
|
@@ -5,13 +5,14 @@ declare const meta: {
|
|
|
5
5
|
tags: string[];
|
|
6
6
|
args: {
|
|
7
7
|
className: string;
|
|
8
|
+
verticalHeader: "top";
|
|
8
9
|
dataSource: {
|
|
9
10
|
key: string;
|
|
10
11
|
content: string;
|
|
11
12
|
description: string;
|
|
12
13
|
}[];
|
|
13
14
|
columns: ({
|
|
14
|
-
title:
|
|
15
|
+
title: import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
dataIndex: string;
|
|
16
17
|
key: string;
|
|
17
18
|
width: number;
|
|
@@ -22,6 +23,12 @@ declare const meta: {
|
|
|
22
23
|
width: number;
|
|
23
24
|
render: (_: any, row: any) => import("react/jsx-runtime").JSX.Element;
|
|
24
25
|
key?: undefined;
|
|
26
|
+
} | {
|
|
27
|
+
title: () => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
dataIndex: string;
|
|
29
|
+
key: string;
|
|
30
|
+
width: number;
|
|
31
|
+
render: () => import("react/jsx-runtime").JSX.Element;
|
|
25
32
|
})[];
|
|
26
33
|
};
|
|
27
34
|
argTypes: {};
|
|
@@ -3,6 +3,7 @@ export interface TableProps extends Omit<AntdTableProps<any>, "columns" | "dataS
|
|
|
3
3
|
className?: string;
|
|
4
4
|
dataSource: AntdTableProps<any>["dataSource"];
|
|
5
5
|
columns: AntdTableProps<any>["columns"];
|
|
6
|
+
verticalHeader?: "top" | "bottom" | "center";
|
|
6
7
|
}
|
|
7
8
|
declare const FISTable: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLLabelElement>>;
|
|
8
9
|
export default FISTable;
|
|
@@ -1 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
interface TableStyleProps {
|
|
2
|
+
$verticalHeader?: "top" | "bottom" | "center";
|
|
3
|
+
}
|
|
4
|
+
export declare const DivTableContainerSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TableStyleProps>> & string;
|
|
5
|
+
export {};
|
|
@@ -1,5 +1,142 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
declare const meta: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: import("react").FC<import(".").ToastProps>;
|
|
4
|
+
tags: string[];
|
|
5
|
+
parameters: {
|
|
6
|
+
docs: {
|
|
7
|
+
description: {
|
|
8
|
+
component: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
decorators: ((Story: import("@storybook/core/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
13
|
+
className?: string | undefined;
|
|
14
|
+
theme?: import(".").ThemeType | undefined;
|
|
15
|
+
type?: import(".").ToastType | undefined;
|
|
16
|
+
actionPosition?: import(".").PositionType | undefined;
|
|
17
|
+
iconLeft?: import("react").ReactNode;
|
|
18
|
+
noIcon?: boolean | undefined;
|
|
19
|
+
title: string;
|
|
20
|
+
actionHref?: string | undefined;
|
|
21
|
+
actionLabel?: string | undefined;
|
|
22
|
+
closable?: boolean | undefined;
|
|
23
|
+
onClickAction?: (() => void) | undefined;
|
|
24
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
25
|
+
argTypes: {
|
|
26
|
+
theme: {
|
|
27
|
+
control: "radio";
|
|
28
|
+
options: string[];
|
|
29
|
+
description: string;
|
|
30
|
+
table: {
|
|
31
|
+
defaultValue: {
|
|
32
|
+
summary: string;
|
|
33
|
+
};
|
|
34
|
+
type: {
|
|
35
|
+
summary: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
type: {
|
|
40
|
+
control: "radio";
|
|
41
|
+
options: string[];
|
|
42
|
+
description: string;
|
|
43
|
+
table: {
|
|
44
|
+
defaultValue: {
|
|
45
|
+
summary: string;
|
|
46
|
+
};
|
|
47
|
+
type: {
|
|
48
|
+
summary: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
actionPosition: {
|
|
53
|
+
control: "radio";
|
|
54
|
+
options: string[];
|
|
55
|
+
description: string;
|
|
56
|
+
table: {
|
|
57
|
+
defaultValue: {
|
|
58
|
+
summary: string;
|
|
59
|
+
};
|
|
60
|
+
type: {
|
|
61
|
+
summary: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
closable: {
|
|
66
|
+
control: "boolean";
|
|
67
|
+
description: string;
|
|
68
|
+
table: {
|
|
69
|
+
defaultValue: {
|
|
70
|
+
summary: string;
|
|
71
|
+
};
|
|
72
|
+
type: {
|
|
73
|
+
summary: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
iconLeft: {
|
|
78
|
+
description: string;
|
|
79
|
+
table: {
|
|
80
|
+
type: {
|
|
81
|
+
summary: string;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
title: {
|
|
86
|
+
description: string;
|
|
87
|
+
control: "text";
|
|
88
|
+
table: {
|
|
89
|
+
type: {
|
|
90
|
+
summary: string;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
actionHref: {
|
|
95
|
+
description: string;
|
|
96
|
+
control: "text";
|
|
97
|
+
table: {
|
|
98
|
+
type: {
|
|
99
|
+
summary: string;
|
|
100
|
+
};
|
|
101
|
+
};
|
|
102
|
+
};
|
|
103
|
+
actionLabel: {
|
|
104
|
+
description: string;
|
|
105
|
+
control: "text";
|
|
106
|
+
table: {
|
|
107
|
+
type: {
|
|
108
|
+
summary: string;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
noIcon: {
|
|
113
|
+
description: string;
|
|
114
|
+
table: {
|
|
115
|
+
defaultValue: {
|
|
116
|
+
summary: string;
|
|
117
|
+
};
|
|
118
|
+
type: {
|
|
119
|
+
summary: string;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
export default meta;
|
|
4
126
|
export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
5
|
-
export declare const ToastDemo:
|
|
127
|
+
export declare const ToastDemo: {
|
|
128
|
+
(): import("react/jsx-runtime").JSX.Element;
|
|
129
|
+
parameters: {
|
|
130
|
+
docs: {
|
|
131
|
+
description: {
|
|
132
|
+
story: string;
|
|
133
|
+
};
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
};
|
|
137
|
+
export declare const WithLink: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
138
|
+
export declare const WithButton: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
139
|
+
export declare const NoIcon: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
140
|
+
export declare const NoCloseButton: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
141
|
+
export declare const NoAction: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
142
|
+
export declare const BottomAction: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ToastProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const NUMBER_REGEX: RegExp;
|
|
@@ -21,6 +21,7 @@ export { default as FISInputStepper } from "./components/Input/InputStepper";
|
|
|
21
21
|
export { default as FISTooltip } from "./components/Tooltip";
|
|
22
22
|
export { default as FISDivider } from "./components/Divider";
|
|
23
23
|
export { default as FISBadge } from "./components/Badge";
|
|
24
|
+
export { default as FISCollapse } from "./components/Collapse";
|
|
24
25
|
export { default as FISToast } from "./components/Toast";
|
|
25
26
|
export { default as FISCombobox } from "./components/Combobox";
|
|
26
27
|
export { default as FISChipButton } from "./components/ChipButton";
|
|
@@ -31,4 +32,7 @@ export { default as FISTableHeader } from "./components/Table/HeaderCell";
|
|
|
31
32
|
export { default as FISTableColumn } from "./components/Table/ColumnCell";
|
|
32
33
|
export { default as FISSorter } from "./components/Table/Sorter/FISSorter";
|
|
33
34
|
export { default as FISDateRange } from "./components/Input/DateRange";
|
|
34
|
-
export { default as
|
|
35
|
+
export { default as FISAlertBanner } from "./components/AlertBanner";
|
|
36
|
+
export { default as FISProgressCircular } from "./components/ProgressCircular";
|
|
37
|
+
export { default as FISProgressLinear } from "./components/ProgressLinear";
|
|
38
|
+
export { default as FISSplitButton } from "./components/SplitButton";
|