@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.
@@ -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;
@@ -0,0 +1,2 @@
1
+ export { default } from "./ConnectionStatus";
2
+ export { type ConnectionState, type ConnectionStatusProps, } from "./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";
@@ -1 +1,3 @@
1
- export { default } from "./Input";
1
+ import Input from "./Input";
2
+ export type { InputProps } from "./Input";
3
+ export default Input;
@@ -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,5 @@
1
+ import { type JSX } from "solid-js";
2
+ export declare const StatCardSection: (section: string) => (props: JSX.HTMLAttributes<HTMLDivElement> & {
3
+ copyable?: boolean;
4
+ }) => JSX.Element;
5
+ export default StatCardSection;
@@ -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";