@web-fuse/wf-components 1.0.1 → 1.0.2
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/Display/Card/DarkCard.Title.d.ts +8 -0
- package/dist/Display/Card/DarkCard.d.ts +5 -3
- package/dist/Display/Card/LightCard.Title.d.ts +11 -0
- package/dist/Display/Card/LightCard.d.ts +5 -3
- package/dist/Display/CodeBlock/CodeBlockCopy.d.ts +13 -0
- package/dist/Display/CodeBlock/CodeHeader.d.ts +9 -0
- package/dist/Display/CodeBlock/index.d.ts +23 -0
- package/dist/Display/CodeBlock/languages.d.ts +10 -0
- package/dist/Display/index.d.ts +3 -1
- package/dist/Form/Buttons.d.ts +20 -20
- package/dist/Form/Input.d.ts +1 -0
- package/dist/index.cjs.js +150 -133
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +12498 -1475
- package/dist/index.es.js.map +1 -1
- package/package.json +3 -2
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
type CssColor = React.CSSProperties["color"];
|
3
|
+
export interface DarkCardTitleProps {
|
4
|
+
title?: React.ReactNode;
|
5
|
+
titleColor?: CssColor;
|
6
|
+
}
|
7
|
+
declare const DarkCardTitle: React.FC<DarkCardTitleProps>;
|
8
|
+
export default DarkCardTitle;
|
@@ -1,6 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
|
3
|
-
|
2
|
+
import Title, { type DarkCardTitleProps } from "./DarkCard.Title";
|
3
|
+
export type DarkCardProps = React.PropsWithChildren<DarkCardTitleProps>;
|
4
|
+
type DarkCardComponent = React.FC<DarkCardProps> & {
|
5
|
+
Title: typeof Title;
|
4
6
|
};
|
5
|
-
declare const DarkCard:
|
7
|
+
declare const DarkCard: DarkCardComponent;
|
6
8
|
export default DarkCard;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
type CssColor = React.CSSProperties["color"];
|
3
|
+
export interface LightCardTitleProps {
|
4
|
+
title?: React.ReactNode;
|
5
|
+
titleColor?: CssColor;
|
6
|
+
}
|
7
|
+
declare const LightCardTitle: ({ title, titleColor }: {
|
8
|
+
title: any;
|
9
|
+
titleColor?: string;
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
11
|
+
export default LightCardTitle;
|
@@ -1,6 +1,8 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
|
3
|
-
|
2
|
+
import Title, { LightCardTitleProps } from "./LightCard.Title";
|
3
|
+
export type LightCardProps = React.PropsWithChildren<LightCardTitleProps>;
|
4
|
+
type LightCardComponent = React.FC<LightCardProps> & {
|
5
|
+
Title: typeof Title;
|
4
6
|
};
|
5
|
-
declare const LightCard:
|
7
|
+
declare const LightCard: LightCardComponent;
|
6
8
|
export default LightCard;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/// <reference types="react-copy-to-clipboard" />
|
2
|
+
import React from "react";
|
3
|
+
export interface CodeBlockCopyProps {
|
4
|
+
showCopy?: boolean;
|
5
|
+
copyConfig?: {
|
6
|
+
icon?: React.ReactElement;
|
7
|
+
text?: React.ReactNode;
|
8
|
+
};
|
9
|
+
text?: string;
|
10
|
+
onCopy?: CopyToClipboard.Props["onCopy"];
|
11
|
+
}
|
12
|
+
declare const CodeBlockCopy: ({ showCopy, copyConfig, text, onCopy }: CodeBlockCopyProps) => import("react/jsx-runtime").JSX.Element;
|
13
|
+
export default CodeBlockCopy;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { type default as React } from "react";
|
2
|
+
interface CodeBlockHeaderProps {
|
3
|
+
filename?: string;
|
4
|
+
heading?: React.ReactNode;
|
5
|
+
border?: React.CSSProperties["border"];
|
6
|
+
headerExtra?: React.ReactNode;
|
7
|
+
}
|
8
|
+
declare const CodeBlockHeader: ({ filename, heading, border, headerExtra }: CodeBlockHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export default CodeBlockHeader;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/// <reference types="react-copy-to-clipboard" />
|
2
|
+
import { type default as React } from "react";
|
3
|
+
import * as codeThemes from "react-syntax-highlighter/dist/esm/styles/prism";
|
4
|
+
import * as codeLanguages from "./languages";
|
5
|
+
type ThemeName = keyof typeof codeThemes;
|
6
|
+
export interface CodeBlockProps {
|
7
|
+
theme?: ThemeName | "light" | "dark";
|
8
|
+
wrapCode?: boolean;
|
9
|
+
lineNumbers?: boolean;
|
10
|
+
showCopy?: boolean;
|
11
|
+
copyConfig?: {
|
12
|
+
icon?: React.ReactElement;
|
13
|
+
text?: React.ReactNode;
|
14
|
+
};
|
15
|
+
language?: keyof typeof codeLanguages;
|
16
|
+
code?: string;
|
17
|
+
onCopy?: CopyToClipboard.Props["onCopy"];
|
18
|
+
heading?: React.ReactNode;
|
19
|
+
filename?: string;
|
20
|
+
style?: React.CSSProperties;
|
21
|
+
}
|
22
|
+
declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockProps & React.RefAttributes<HTMLDivElement>>;
|
23
|
+
export default CodeBlock;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
export { default as bash } from "react-syntax-highlighter/dist/esm/languages/prism/bash";
|
2
|
+
export { default as css } from "react-syntax-highlighter/dist/esm/languages/prism/css";
|
3
|
+
export { default as javascript } from "react-syntax-highlighter/dist/esm/languages/prism/javascript";
|
4
|
+
export { default as json } from "react-syntax-highlighter/dist/esm/languages/prism/json";
|
5
|
+
export { default as markdown } from "react-syntax-highlighter/dist/esm/languages/prism/markdown";
|
6
|
+
export { default as markup } from "react-syntax-highlighter/dist/esm/languages/prism/markup";
|
7
|
+
export { default as nginx } from "react-syntax-highlighter/dist/esm/languages/prism/nginx";
|
8
|
+
export { default as php } from "react-syntax-highlighter/dist/esm/languages/prism/php";
|
9
|
+
export { default as powershell } from "react-syntax-highlighter/dist/esm/languages/prism/powershell";
|
10
|
+
export { default as shellSession } from "react-syntax-highlighter/dist/esm/languages/prism/shell-session";
|
package/dist/Display/index.d.ts
CHANGED
@@ -1,5 +1,7 @@
|
|
1
|
+
export * from "./Card";
|
2
|
+
export { default as CodeBlock } from "./CodeBlock";
|
3
|
+
export type { CodeBlockProps } from "./CodeBlock";
|
1
4
|
export { default as Collapse } from "./Collapse";
|
2
5
|
export type { CollapseProps, CollapseRef, CollapseBaseProps } from "./Collapse";
|
3
6
|
export { default as Selector } from "./Selector";
|
4
7
|
export type { SelectorProps } from "./Selector";
|
5
|
-
export * from "./Card";
|
package/dist/Form/Buttons.d.ts
CHANGED
@@ -1,29 +1,29 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
export declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
3
|
-
ref?: import("react").Ref<
|
4
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
2
|
+
export declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
3
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
4
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
|
5
5
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
6
6
|
}, keyof import("react").Component<any, {}, any>>;
|
7
|
-
export declare const CenteredButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
8
|
-
ref?: import("react").Ref<
|
9
|
-
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
10
|
-
ref?: import("react").Ref<
|
11
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
7
|
+
export declare const CenteredButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
8
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
9
|
+
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
10
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
11
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
|
12
12
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
13
13
|
}, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
|
14
|
-
export declare const ExtraSmallButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
15
|
-
ref?: import("react").Ref<
|
16
|
-
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
17
|
-
ref?: import("react").Ref<
|
18
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
14
|
+
export declare const ExtraSmallButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
15
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
16
|
+
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
17
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
18
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
|
19
19
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
20
20
|
}, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
|
21
|
-
export declare const RightButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
22
|
-
ref?: import("react").Ref<
|
23
|
-
}, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
24
|
-
ref?: import("react").Ref<
|
25
|
-
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<
|
26
|
-
ref?: import("react").Ref<
|
27
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<
|
21
|
+
export declare const RightButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
22
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
23
|
+
}, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
24
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
25
|
+
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
|
26
|
+
ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
|
27
|
+
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
|
28
28
|
Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
|
29
29
|
}, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
|
package/dist/Form/Input.d.ts
CHANGED
@@ -7,6 +7,7 @@ export declare const HtmlInput: import("styled-components").IStyledComponent<"we
|
|
7
7
|
Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;
|
8
8
|
TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
|
9
9
|
Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<InputRef>>;
|
10
|
+
OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
|
10
11
|
}, keyof import("react").Component<any, {}, any>>;
|
11
12
|
interface InputProps extends AntProps {
|
12
13
|
label?: React.ReactNode;
|