@pathscale/ui 0.0.84 → 0.0.86
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/components/connectionstatus/ConnectionStatus.d.ts +59 -0
- package/dist/components/connectionstatus/index.d.ts +2 -0
- package/dist/components/form/Form.d.ts +6 -0
- package/dist/components/form/FormField.d.ts +14 -0
- package/dist/components/form/NumberField.d.ts +20 -0
- package/dist/components/form/PasswordField.d.ts +16 -0
- package/dist/components/form/index.d.ts +1 -1
- package/dist/components/input/index.d.ts +3 -1
- package/dist/components/stat-card/StatCard.d.ts +22 -0
- package/dist/components/stat-card/StatCardSection.d.ts +5 -0
- package/dist/components/stat-card/index.d.ts +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +899 -363
- package/dist/styles/icons/generated-icons.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Component } from "solid-js";
|
|
2
|
+
import type { IComponentBaseProps } from "../types";
|
|
3
|
+
export type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
|
|
4
|
+
export interface ConnectionStatusProps extends IComponentBaseProps {
|
|
5
|
+
/**
|
|
6
|
+
* Current connection state
|
|
7
|
+
*/
|
|
8
|
+
state: ConnectionState;
|
|
9
|
+
/**
|
|
10
|
+
* Error message to display when state is "error"
|
|
11
|
+
*/
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Service name to display
|
|
15
|
+
*/
|
|
16
|
+
serviceName?: string;
|
|
17
|
+
/**
|
|
18
|
+
* URL to display
|
|
19
|
+
*/
|
|
20
|
+
url?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Whether the URL is custom (will be indicated in the tooltip)
|
|
23
|
+
*/
|
|
24
|
+
isCustomUrl?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Whether to show detailed information
|
|
27
|
+
*/
|
|
28
|
+
showDetails?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Whether to show the URL
|
|
31
|
+
*/
|
|
32
|
+
showUrl?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether to show the reconnect button when disconnected or error
|
|
35
|
+
*/
|
|
36
|
+
showReconnectButton?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Callback when reconnect button is clicked
|
|
39
|
+
*/
|
|
40
|
+
onReconnect?: () => void | Promise<void>;
|
|
41
|
+
/**
|
|
42
|
+
* Custom class name
|
|
43
|
+
*/
|
|
44
|
+
class?: string;
|
|
45
|
+
/**
|
|
46
|
+
* Custom class name (alias)
|
|
47
|
+
*/
|
|
48
|
+
className?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Custom style
|
|
51
|
+
*/
|
|
52
|
+
style?: any;
|
|
53
|
+
/**
|
|
54
|
+
* Data theme
|
|
55
|
+
*/
|
|
56
|
+
dataTheme?: string;
|
|
57
|
+
}
|
|
58
|
+
export declare const ConnectionStatus: Component<ConnectionStatusProps>;
|
|
59
|
+
export default ConnectionStatus;
|
|
@@ -2,6 +2,9 @@ import { type JSX, type ParentComponent } from "solid-js";
|
|
|
2
2
|
import { IComponentBaseProps } from "../types";
|
|
3
3
|
import ValidatedForm, { useFormValidation } from "./ValidatedForm";
|
|
4
4
|
export { type ValidatedFormProps } from "./ValidatedForm";
|
|
5
|
+
export { type FormFieldProps } from "./FormField";
|
|
6
|
+
export { type PasswordFieldProps } from "./PasswordField";
|
|
7
|
+
export { type NumberFieldProps } from "./NumberField";
|
|
5
8
|
export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
|
|
6
9
|
autoFocus?: boolean;
|
|
7
10
|
cycleOnEnter?: boolean;
|
|
@@ -10,5 +13,8 @@ export { useFormValidation };
|
|
|
10
13
|
declare const _default: ParentComponent<FormProps> & {
|
|
11
14
|
Label: ParentComponent<import("./Label").LabelProps>;
|
|
12
15
|
Validated: typeof ValidatedForm;
|
|
16
|
+
Field: import("solid-js").Component<import("./FormField").FormFieldProps>;
|
|
17
|
+
Password: import("solid-js").Component<import("./PasswordField").PasswordFieldProps>;
|
|
18
|
+
Number: import("solid-js").Component<import("./NumberField").NumberFieldProps>;
|
|
13
19
|
};
|
|
14
20
|
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface FormFieldProps extends Omit<InputProps, "ref"> {
|
|
4
|
+
label: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const FormField: Component<FormFieldProps>;
|
|
14
|
+
export default FormField;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Component } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface NumberFieldProps extends Omit<InputProps, "type" | "ref"> {
|
|
4
|
+
label?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
min?: number;
|
|
13
|
+
max?: number;
|
|
14
|
+
step?: number;
|
|
15
|
+
allowDecimals?: boolean;
|
|
16
|
+
formatter?: (value: string) => string;
|
|
17
|
+
onInput?: (event: InputEvent) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const NumberField: Component<NumberFieldProps>;
|
|
20
|
+
export default NumberField;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Component, JSX } from "solid-js";
|
|
2
|
+
import type { InputProps } from "../input";
|
|
3
|
+
export interface PasswordFieldProps extends Omit<InputProps, "type" | "ref"> {
|
|
4
|
+
label?: string;
|
|
5
|
+
name: string;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
labelClass?: string;
|
|
8
|
+
errorClass?: string;
|
|
9
|
+
containerClass?: string;
|
|
10
|
+
description?: string;
|
|
11
|
+
descriptionClass?: string;
|
|
12
|
+
showPasswordIcon?: JSX.Element;
|
|
13
|
+
hidePasswordIcon?: JSX.Element;
|
|
14
|
+
}
|
|
15
|
+
export declare const PasswordField: Component<PasswordFieldProps>;
|
|
16
|
+
export default PasswordField;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default } from "./Form";
|
|
2
|
-
export { type FormProps, type ValidatedFormProps, useFormValidation, } from "./Form";
|
|
2
|
+
export { type FormProps, type ValidatedFormProps, type FormFieldProps, type PasswordFieldProps, type NumberFieldProps, useFormValidation, } from "./Form";
|
|
3
3
|
export { type LabelProps } from "./Label";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type JSX } from "solid-js";
|
|
2
|
+
export type StatCardProps = JSX.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
+
dataTheme?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const _default: ((props: StatCardProps) => JSX.Element) & {
|
|
6
|
+
Figure: (props: JSX.HTMLAttributes<HTMLDivElement> & {
|
|
7
|
+
copyable?: boolean;
|
|
8
|
+
}) => JSX.Element;
|
|
9
|
+
Title: (props: JSX.HTMLAttributes<HTMLDivElement> & {
|
|
10
|
+
copyable?: boolean;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
Value: (props: JSX.HTMLAttributes<HTMLDivElement> & {
|
|
13
|
+
copyable?: boolean;
|
|
14
|
+
}) => JSX.Element;
|
|
15
|
+
Desc: (props: JSX.HTMLAttributes<HTMLDivElement> & {
|
|
16
|
+
copyable?: boolean;
|
|
17
|
+
}) => JSX.Element;
|
|
18
|
+
Actions: (props: JSX.HTMLAttributes<HTMLDivElement> & {
|
|
19
|
+
copyable?: boolean;
|
|
20
|
+
}) => JSX.Element;
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./StatCard";
|
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,8 @@ export { default as ChatBubble } from "./components/chatbubble";
|
|
|
15
15
|
export { default as Checkbox } from "./components/checkbox";
|
|
16
16
|
export { CodeMockup, CodeMockupLine } from "./components/codemockup";
|
|
17
17
|
export { Collapse, CollapseContent, CollapseDetails, CollapseTitle, Summary, } from "./components/collapse";
|
|
18
|
+
export { default as ConnectionStatus } from "./components/connectionstatus";
|
|
19
|
+
export type { ConnectionState, ConnectionStatusProps, } from "./components/connectionstatus";
|
|
18
20
|
export { default as CopyButton } from "./components/copy-button";
|
|
19
21
|
export { default as Countdown } from "./components/countdown";
|
|
20
22
|
export { default as Diff } from "./components/diff";
|
|
@@ -61,6 +63,7 @@ export { default as ShowcaseBlock } from "./components/showcase/ShowcaseBlock";
|
|
|
61
63
|
export { Sidenav, SidenavMenu, SidenavItem, SidenavGroup, SidenavLink, SidenavButton, } from "./components/sidenav";
|
|
62
64
|
export { default as Skeleton } from "./components/skeleton";
|
|
63
65
|
export { default as Stack } from "./components/stack";
|
|
66
|
+
export { default as StatCard } from "./components/stat-card";
|
|
64
67
|
export { default as Stats } from "./components/stats";
|
|
65
68
|
export { Status } from "./components/status";
|
|
66
69
|
export type { StatusProps } from "./components/status";
|
|
@@ -78,3 +81,4 @@ export { default as Toast } from "./components/toast";
|
|
|
78
81
|
export { default as Toggle } from "./components/toggle";
|
|
79
82
|
export { default as Tooltip } from "./components/tooltip";
|
|
80
83
|
export { default as WindowMockup, type WindowMockupProps, } from "./components/windowmockup";
|
|
84
|
+
export { default } from "./components/connectionstatus";
|