mogh_ui 0.6.1 → 0.7.0
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/auth/index.cjs +10 -1
- package/dist/auth/index.cjs.map +1 -1
- package/dist/auth/index.d.cts +4 -3
- package/dist/auth/index.d.ts +4 -3
- package/dist/auth/index.js +9 -1
- package/dist/auth/index.js.map +1 -1
- package/dist/auth/login/header.d.cts +2 -2
- package/dist/auth/login/header.d.ts +2 -2
- package/dist/auth/login/index.cjs +24 -9
- package/dist/auth/login/index.cjs.map +1 -1
- package/dist/auth/login/index.d.cts +2 -2
- package/dist/auth/login/index.d.ts +2 -2
- package/dist/auth/login/index.js +32 -10
- package/dist/auth/login/index.js.map +1 -1
- package/dist/auth/profile/index.d.cts +1 -1
- package/dist/auth/profile/index.d.ts +1 -1
- package/dist/auth/profile/linked-logins.d.cts +2 -2
- package/dist/auth/profile/linked-logins.d.ts +2 -2
- package/dist/auth/profile/passkey.d.cts +2 -2
- package/dist/auth/profile/passkey.d.ts +2 -2
- package/dist/auth/profile/totp.d.cts +2 -2
- package/dist/auth/profile/totp.d.ts +2 -2
- package/dist/components/back-button.d.cts +2 -2
- package/dist/components/back-button.d.ts +2 -2
- package/dist/components/button-link.d.cts +2 -2
- package/dist/components/button-link.d.ts +2 -2
- package/dist/components/config/confirm.d.cts +2 -2
- package/dist/components/config/confirm.d.ts +2 -2
- package/dist/components/config/group.d.cts +1 -2
- package/dist/components/config/group.d.ts +1 -2
- package/dist/components/config/index.d.cts +3 -3
- package/dist/components/config/index.d.ts +3 -3
- package/dist/components/config/item.d.cts +3 -4
- package/dist/components/config/item.d.ts +3 -4
- package/dist/components/config/layout.d.cts +2 -2
- package/dist/components/config/layout.d.ts +2 -2
- package/dist/components/config/unsaved-changes.d.cts +2 -2
- package/dist/components/config/unsaved-changes.d.ts +2 -2
- package/dist/components/confirm-modal.d.cts +3 -3
- package/dist/components/confirm-modal.d.ts +3 -3
- package/dist/components/copy-button.d.cts +3 -3
- package/dist/components/copy-button.d.ts +3 -3
- package/dist/components/copy-text.d.cts +2 -2
- package/dist/components/copy-text.d.ts +2 -2
- package/dist/components/create-modal.d.cts +3 -3
- package/dist/components/create-modal.d.ts +3 -3
- package/dist/components/data-table.d.cts +3 -3
- package/dist/components/data-table.d.ts +3 -3
- package/dist/components/enable-switch.d.cts +2 -2
- package/dist/components/enable-switch.d.ts +2 -2
- package/dist/components/entity-header.d.cts +2 -2
- package/dist/components/entity-header.d.ts +2 -2
- package/dist/components/entity-page.d.cts +3 -3
- package/dist/components/entity-page.d.ts +3 -3
- package/dist/components/hover-error.d.cts +2 -2
- package/dist/components/hover-error.d.ts +2 -2
- package/dist/components/input-list.d.cts +2 -2
- package/dist/components/input-list.d.ts +2 -2
- package/dist/components/labelled-switch.d.cts +3 -3
- package/dist/components/labelled-switch.d.ts +3 -3
- package/dist/components/labels-group.d.cts +2 -2
- package/dist/components/labels-group.d.ts +2 -2
- package/dist/components/loading-screen.d.cts +2 -2
- package/dist/components/loading-screen.d.ts +2 -2
- package/dist/components/mobile-friendly-tabs.d.cts +5 -5
- package/dist/components/mobile-friendly-tabs.d.ts +5 -5
- package/dist/components/monaco/index.d.cts +3 -3
- package/dist/components/monaco/index.d.ts +3 -3
- package/dist/components/page-guard.d.cts +1 -2
- package/dist/components/page-guard.d.ts +1 -2
- package/dist/components/search-input.d.cts +2 -2
- package/dist/components/search-input.d.ts +2 -2
- package/dist/components/shared-text-update.d.cts +3 -3
- package/dist/components/shared-text-update.d.ts +3 -3
- package/dist/components/show-hide-button.d.cts +2 -2
- package/dist/components/show-hide-button.d.ts +2 -2
- package/dist/components/stat-bar.d.cts +3 -3
- package/dist/components/stat-bar.d.ts +3 -3
- package/dist/components/stat-cell.d.cts +3 -3
- package/dist/components/stat-cell.d.ts +3 -3
- package/dist/components/tabbed-page.d.cts +3 -3
- package/dist/components/tabbed-page.d.ts +3 -3
- package/dist/components/table-skeleton.d.cts +2 -2
- package/dist/components/table-skeleton.d.ts +2 -2
- package/dist/components/text-update-modal.d.cts +3 -3
- package/dist/components/text-update-modal.d.ts +3 -3
- package/dist/components/theme-toggle.d.cts +2 -2
- package/dist/components/theme-toggle.d.ts +2 -2
- package/dist/index.d.cts +1 -2
- package/dist/index.d.ts +1 -2
- package/dist/theme.d.cts +3 -3
- package/dist/theme.d.ts +3 -3
- package/package.json +26 -25
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { GroupProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
interface LabelsGroupProps extends GroupProps {
|
|
5
5
|
labels: [string, string][];
|
|
6
6
|
showEllipsis?: boolean;
|
|
7
7
|
}
|
|
8
|
-
declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps):
|
|
8
|
+
declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps): react.JSX.Element;
|
|
9
9
|
|
|
10
10
|
export { LabelsGroup, type LabelsGroupProps };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { LoaderProps, CenterProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
declare function LoadingScreen({ size, mt, ...centerProps }: {
|
|
5
5
|
size?: LoaderProps["size"];
|
|
6
|
-
} & CenterProps):
|
|
6
|
+
} & CenterProps): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { LoadingScreen };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { LoaderProps, CenterProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
declare function LoadingScreen({ size, mt, ...centerProps }: {
|
|
5
5
|
size?: LoaderProps["size"];
|
|
6
|
-
} & CenterProps):
|
|
6
|
+
} & CenterProps): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { LoadingScreen };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { MantineBreakpoint, GroupProps, TabsProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { FC, ReactNode } from 'react';
|
|
3
|
+
import { MantineBreakpoint, GroupProps, TabsProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface Tab {
|
|
6
6
|
label?: string;
|
|
@@ -17,13 +17,13 @@ interface MobileFriendlyTabsProps extends MobileFriendlyTabsSelectorProps {
|
|
|
17
17
|
tabs: Tab[];
|
|
18
18
|
tabsProps?: Omit<TabsProps, "value">;
|
|
19
19
|
}
|
|
20
|
-
declare function MobileFriendlyTabs(props: MobileFriendlyTabsProps):
|
|
20
|
+
declare function MobileFriendlyTabs(props: MobileFriendlyTabsProps): react.JSX.Element;
|
|
21
21
|
interface MobileFriendlyTabsWrapper extends TabsProps {
|
|
22
22
|
Selector: ReactNode;
|
|
23
23
|
tabs: Tab[];
|
|
24
24
|
value: string;
|
|
25
25
|
}
|
|
26
|
-
declare function MobileFriendlyTabsWrapper({ Selector, tabs, value, children, ...tabsProps }: MobileFriendlyTabsWrapper):
|
|
26
|
+
declare function MobileFriendlyTabsWrapper({ Selector, tabs, value, children, ...tabsProps }: MobileFriendlyTabsWrapper): react.JSX.Element;
|
|
27
27
|
interface MobileFriendlyTabsSelectorProps {
|
|
28
28
|
tabs: TabNoContent[];
|
|
29
29
|
actions?: ReactNode;
|
|
@@ -34,7 +34,7 @@ interface MobileFriendlyTabsSelectorProps {
|
|
|
34
34
|
mobileIconSize?: string | number;
|
|
35
35
|
tabProps?: GroupProps;
|
|
36
36
|
}
|
|
37
|
-
declare function MobileFriendlyTabsSelector({ tabs: _tabs, actions, value, onValueChange, changeAt: _changeAt, fullIconSize, mobileIconSize, tabProps, }: MobileFriendlyTabsSelectorProps):
|
|
37
|
+
declare function MobileFriendlyTabsSelector({ tabs: _tabs, actions, value, onValueChange, changeAt: _changeAt, fullIconSize, mobileIconSize, tabProps, }: MobileFriendlyTabsSelectorProps): react.JSX.Element;
|
|
38
38
|
declare function MobileFriendlyTabsContent({ tabs, value, }: {
|
|
39
39
|
tabs: Tab[];
|
|
40
40
|
value: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { MantineBreakpoint, GroupProps, TabsProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { FC, ReactNode } from 'react';
|
|
3
|
+
import { MantineBreakpoint, GroupProps, TabsProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface Tab {
|
|
6
6
|
label?: string;
|
|
@@ -17,13 +17,13 @@ interface MobileFriendlyTabsProps extends MobileFriendlyTabsSelectorProps {
|
|
|
17
17
|
tabs: Tab[];
|
|
18
18
|
tabsProps?: Omit<TabsProps, "value">;
|
|
19
19
|
}
|
|
20
|
-
declare function MobileFriendlyTabs(props: MobileFriendlyTabsProps):
|
|
20
|
+
declare function MobileFriendlyTabs(props: MobileFriendlyTabsProps): react.JSX.Element;
|
|
21
21
|
interface MobileFriendlyTabsWrapper extends TabsProps {
|
|
22
22
|
Selector: ReactNode;
|
|
23
23
|
tabs: Tab[];
|
|
24
24
|
value: string;
|
|
25
25
|
}
|
|
26
|
-
declare function MobileFriendlyTabsWrapper({ Selector, tabs, value, children, ...tabsProps }: MobileFriendlyTabsWrapper):
|
|
26
|
+
declare function MobileFriendlyTabsWrapper({ Selector, tabs, value, children, ...tabsProps }: MobileFriendlyTabsWrapper): react.JSX.Element;
|
|
27
27
|
interface MobileFriendlyTabsSelectorProps {
|
|
28
28
|
tabs: TabNoContent[];
|
|
29
29
|
actions?: ReactNode;
|
|
@@ -34,7 +34,7 @@ interface MobileFriendlyTabsSelectorProps {
|
|
|
34
34
|
mobileIconSize?: string | number;
|
|
35
35
|
tabProps?: GroupProps;
|
|
36
36
|
}
|
|
37
|
-
declare function MobileFriendlyTabsSelector({ tabs: _tabs, actions, value, onValueChange, changeAt: _changeAt, fullIconSize, mobileIconSize, tabProps, }: MobileFriendlyTabsSelectorProps):
|
|
37
|
+
declare function MobileFriendlyTabsSelector({ tabs: _tabs, actions, value, onValueChange, changeAt: _changeAt, fullIconSize, mobileIconSize, tabProps, }: MobileFriendlyTabsSelectorProps): react.JSX.Element;
|
|
38
38
|
declare function MobileFriendlyTabsContent({ tabs, value, }: {
|
|
39
39
|
tabs: Tab[];
|
|
40
40
|
value: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { BoxProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
type MonacoLanguage = "yaml" | "toml" | "fancy_toml" | "json" | "key_value" | "ini" | "string_list" | "shell" | "dockerfile" | "rust" | "javascript" | "typescript";
|
|
@@ -16,7 +16,7 @@ interface MonacoEditorProps extends BoxProps {
|
|
|
16
16
|
maxHeight?: number;
|
|
17
17
|
id?: string;
|
|
18
18
|
}
|
|
19
|
-
declare function MonacoEditor({ value, onValueChange, language: _language, enableFancyToml, readOnly, filename, minHeight, maxHeightProportion, maxHeight, id, ...boxProps }: MonacoEditorProps):
|
|
19
|
+
declare function MonacoEditor({ value, onValueChange, language: _language, enableFancyToml, readOnly, filename, minHeight, maxHeightProportion, maxHeight, id, ...boxProps }: MonacoEditorProps): react.JSX.Element;
|
|
20
20
|
interface MonacoDiffEditorProps extends BoxProps {
|
|
21
21
|
original: string | undefined;
|
|
22
22
|
modified: string | undefined;
|
|
@@ -27,6 +27,6 @@ interface MonacoDiffEditorProps extends BoxProps {
|
|
|
27
27
|
id?: string;
|
|
28
28
|
hideUnchangedRegions?: boolean;
|
|
29
29
|
}
|
|
30
|
-
declare function MonacoDiffEditor({ original, modified, onModifiedValueChange, language: _language, enableFancyToml, readOnly, id, hideUnchangedRegions, ...boxProps }: MonacoDiffEditorProps):
|
|
30
|
+
declare function MonacoDiffEditor({ original, modified, onModifiedValueChange, language: _language, enableFancyToml, readOnly, id, hideUnchangedRegions, ...boxProps }: MonacoDiffEditorProps): react.JSX.Element;
|
|
31
31
|
|
|
32
32
|
export { MonacoDiffEditor, type MonacoDiffEditorProps, MonacoEditor, type MonacoEditorProps, type MonacoLanguage, languageFromPath };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { BoxProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
type MonacoLanguage = "yaml" | "toml" | "fancy_toml" | "json" | "key_value" | "ini" | "string_list" | "shell" | "dockerfile" | "rust" | "javascript" | "typescript";
|
|
@@ -16,7 +16,7 @@ interface MonacoEditorProps extends BoxProps {
|
|
|
16
16
|
maxHeight?: number;
|
|
17
17
|
id?: string;
|
|
18
18
|
}
|
|
19
|
-
declare function MonacoEditor({ value, onValueChange, language: _language, enableFancyToml, readOnly, filename, minHeight, maxHeightProportion, maxHeight, id, ...boxProps }: MonacoEditorProps):
|
|
19
|
+
declare function MonacoEditor({ value, onValueChange, language: _language, enableFancyToml, readOnly, filename, minHeight, maxHeightProportion, maxHeight, id, ...boxProps }: MonacoEditorProps): react.JSX.Element;
|
|
20
20
|
interface MonacoDiffEditorProps extends BoxProps {
|
|
21
21
|
original: string | undefined;
|
|
22
22
|
modified: string | undefined;
|
|
@@ -27,6 +27,6 @@ interface MonacoDiffEditorProps extends BoxProps {
|
|
|
27
27
|
id?: string;
|
|
28
28
|
hideUnchangedRegions?: boolean;
|
|
29
29
|
}
|
|
30
|
-
declare function MonacoDiffEditor({ original, modified, onModifiedValueChange, language: _language, enableFancyToml, readOnly, id, hideUnchangedRegions, ...boxProps }: MonacoDiffEditorProps):
|
|
30
|
+
declare function MonacoDiffEditor({ original, modified, onModifiedValueChange, language: _language, enableFancyToml, readOnly, id, hideUnchangedRegions, ...boxProps }: MonacoDiffEditorProps): react.JSX.Element;
|
|
31
31
|
|
|
32
32
|
export { MonacoDiffEditor, type MonacoDiffEditorProps, MonacoEditor, type MonacoEditorProps, type MonacoLanguage, languageFromPath };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
import { CenterProps } from '@mantine/core';
|
|
5
4
|
|
|
6
5
|
interface PageGuardProps extends CenterProps {
|
|
@@ -8,6 +7,6 @@ interface PageGuardProps extends CenterProps {
|
|
|
8
7
|
error?: false | string;
|
|
9
8
|
children?: ReactNode;
|
|
10
9
|
}
|
|
11
|
-
declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean |
|
|
10
|
+
declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
12
11
|
|
|
13
12
|
export { PageGuard, type PageGuardProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
3
|
import { CenterProps } from '@mantine/core';
|
|
5
4
|
|
|
6
5
|
interface PageGuardProps extends CenterProps {
|
|
@@ -8,6 +7,6 @@ interface PageGuardProps extends CenterProps {
|
|
|
8
7
|
error?: false | string;
|
|
9
8
|
children?: ReactNode;
|
|
10
9
|
}
|
|
11
|
-
declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean |
|
|
10
|
+
declare function PageGuard({ isPending, error, children, ...centerProps }: PageGuardProps): string | number | bigint | boolean | react.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
|
|
12
11
|
|
|
13
12
|
export { PageGuard, type PageGuardProps };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { TextInputProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
interface SearchInputProps extends TextInputProps {
|
|
5
5
|
onSearch?: (search: string) => void;
|
|
6
6
|
}
|
|
7
|
-
declare function SearchInput({ onSearch, onChange, ...inputProps }: SearchInputProps):
|
|
7
|
+
declare function SearchInput({ onSearch, onChange, ...inputProps }: SearchInputProps): react.JSX.Element;
|
|
8
8
|
|
|
9
9
|
export { SearchInput, type SearchInputProps };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
import { TextInputProps } from '@mantine/core';
|
|
3
3
|
|
|
4
4
|
interface SearchInputProps extends TextInputProps {
|
|
5
5
|
onSearch?: (search: string) => void;
|
|
6
6
|
}
|
|
7
|
-
declare function SearchInput({ onSearch, onChange, ...inputProps }: SearchInputProps):
|
|
7
|
+
declare function SearchInput({ onSearch, onChange, ...inputProps }: SearchInputProps): react.JSX.Element;
|
|
8
8
|
|
|
9
9
|
export { SearchInput, type SearchInputProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ModalProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { ModalProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface SharedTextUpdateData {
|
|
6
6
|
title: string;
|
|
@@ -15,6 +15,6 @@ interface SharedTextUpdateProps extends Omit<Omit<ModalProps, "opened">, "onClos
|
|
|
15
15
|
setData: Dispatch<SetStateAction<false | SharedTextUpdateData>>;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
}
|
|
18
|
-
declare function SharedTextUpdate({ data, setData, disabled, ...modalProps }: SharedTextUpdateProps):
|
|
18
|
+
declare function SharedTextUpdate({ data, setData, disabled, ...modalProps }: SharedTextUpdateProps): react.JSX.Element;
|
|
19
19
|
|
|
20
20
|
export { SharedTextUpdate, type SharedTextUpdateData, type SharedTextUpdateProps, useSharedTextUpdateData };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ModalProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode, Dispatch, SetStateAction } from 'react';
|
|
3
|
+
import { ModalProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface SharedTextUpdateData {
|
|
6
6
|
title: string;
|
|
@@ -15,6 +15,6 @@ interface SharedTextUpdateProps extends Omit<Omit<ModalProps, "opened">, "onClos
|
|
|
15
15
|
setData: Dispatch<SetStateAction<false | SharedTextUpdateData>>;
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
}
|
|
18
|
-
declare function SharedTextUpdate({ data, setData, disabled, ...modalProps }: SharedTextUpdateProps):
|
|
18
|
+
declare function SharedTextUpdate({ data, setData, disabled, ...modalProps }: SharedTextUpdateProps): react.JSX.Element;
|
|
19
19
|
|
|
20
20
|
export { SharedTextUpdate, type SharedTextUpdateData, type SharedTextUpdateProps, useSharedTextUpdateData };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
|
|
3
3
|
declare function ShowHideButton({ show, setShow, }: {
|
|
4
4
|
show: boolean;
|
|
5
5
|
setShow: (show: boolean) => void;
|
|
6
|
-
}):
|
|
6
|
+
}): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { ShowHideButton };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
|
|
3
3
|
declare function ShowHideButton({ show, setShow, }: {
|
|
4
4
|
show: boolean;
|
|
5
5
|
setShow: (show: boolean) => void;
|
|
6
|
-
}):
|
|
6
|
+
}): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { ShowHideButton };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { StackProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { StackProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface StatBarProps extends StackProps {
|
|
6
6
|
title: string;
|
|
@@ -10,6 +10,6 @@ interface StatBarProps extends StackProps {
|
|
|
10
10
|
warning: number | undefined;
|
|
11
11
|
critical: number | undefined;
|
|
12
12
|
}
|
|
13
|
-
declare function StatBar({ title, icon, description, percentage: _percentage, warning: _warning, critical: _critical, ...props }: StatBarProps):
|
|
13
|
+
declare function StatBar({ title, icon, description, percentage: _percentage, warning: _warning, critical: _critical, ...props }: StatBarProps): react.JSX.Element;
|
|
14
14
|
|
|
15
15
|
export { StatBar, type StatBarProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { StackProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { StackProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
interface StatBarProps extends StackProps {
|
|
6
6
|
title: string;
|
|
@@ -10,6 +10,6 @@ interface StatBarProps extends StackProps {
|
|
|
10
10
|
warning: number | undefined;
|
|
11
11
|
critical: number | undefined;
|
|
12
12
|
}
|
|
13
|
-
declare function StatBar({ title, icon, description, percentage: _percentage, warning: _warning, critical: _critical, ...props }: StatBarProps):
|
|
13
|
+
declare function StatBar({ title, icon, description, percentage: _percentage, warning: _warning, critical: _critical, ...props }: StatBarProps): react.JSX.Element;
|
|
14
14
|
|
|
15
15
|
export { StatBar, type StatBarProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import { ColorIntention } from '../color.cjs';
|
|
3
4
|
import { GroupProps, TextProps, ProgressProps, FloatingPosition } from '@mantine/core';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
5
|
|
|
6
6
|
interface StatCellProps extends GroupProps {
|
|
7
7
|
value: number | undefined;
|
|
@@ -12,6 +12,6 @@ interface StatCellProps extends GroupProps {
|
|
|
12
12
|
infoPosition?: FloatingPosition;
|
|
13
13
|
infoDisabled?: boolean;
|
|
14
14
|
}
|
|
15
|
-
declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps):
|
|
15
|
+
declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps): react.JSX.Element;
|
|
16
16
|
|
|
17
17
|
export { StatCell, type StatCellProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
2
3
|
import { ColorIntention } from '../color.js';
|
|
3
4
|
import { GroupProps, TextProps, ProgressProps, FloatingPosition } from '@mantine/core';
|
|
4
|
-
import { ReactNode } from 'react';
|
|
5
5
|
|
|
6
6
|
interface StatCellProps extends GroupProps {
|
|
7
7
|
value: number | undefined;
|
|
@@ -12,6 +12,6 @@ interface StatCellProps extends GroupProps {
|
|
|
12
12
|
infoPosition?: FloatingPosition;
|
|
13
13
|
infoDisabled?: boolean;
|
|
14
14
|
}
|
|
15
|
-
declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps):
|
|
15
|
+
declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps): react.JSX.Element;
|
|
16
16
|
|
|
17
17
|
export { StatCell, type StatCellProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { TabsProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { FC } from 'react';
|
|
3
|
+
import { TabsProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
type TabbedPageItem<Tab extends string> = {
|
|
6
6
|
tab: Tab;
|
|
@@ -14,6 +14,6 @@ interface TabbedPageProps<Tab extends string> extends TabsProps {
|
|
|
14
14
|
storageKey: string;
|
|
15
15
|
tabs: TabbedPageItem<Tab>[];
|
|
16
16
|
}
|
|
17
|
-
declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>):
|
|
17
|
+
declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>): react.JSX.Element;
|
|
18
18
|
|
|
19
19
|
export { TabbedPage, type TabbedPageItem, type TabbedPageProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { TabsProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { FC } from 'react';
|
|
3
|
+
import { TabsProps } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
type TabbedPageItem<Tab extends string> = {
|
|
6
6
|
tab: Tab;
|
|
@@ -14,6 +14,6 @@ interface TabbedPageProps<Tab extends string> extends TabsProps {
|
|
|
14
14
|
storageKey: string;
|
|
15
15
|
tabs: TabbedPageItem<Tab>[];
|
|
16
16
|
}
|
|
17
|
-
declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>):
|
|
17
|
+
declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>): react.JSX.Element;
|
|
18
18
|
|
|
19
19
|
export { TabbedPage, type TabbedPageItem, type TabbedPageProps };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
|
|
3
3
|
declare function TableSkeleton({ rows, rowHeight, }: {
|
|
4
4
|
rows?: number;
|
|
5
5
|
rowHeight?: string | number;
|
|
6
|
-
}):
|
|
6
|
+
}): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { TableSkeleton };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
2
|
|
|
3
3
|
declare function TableSkeleton({ rows, rowHeight, }: {
|
|
4
4
|
rows?: number;
|
|
5
5
|
rowHeight?: string | number;
|
|
6
|
-
}):
|
|
6
|
+
}): react.JSX.Element;
|
|
7
7
|
|
|
8
8
|
export { TableSkeleton };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ModalProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { ModalProps } from '@mantine/core';
|
|
4
4
|
import { MonacoLanguage } from './monaco/index.cjs';
|
|
5
5
|
|
|
6
6
|
interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
|
|
@@ -14,6 +14,6 @@ interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose
|
|
|
14
14
|
useMonaco?: boolean;
|
|
15
15
|
monacoLanguage?: MonacoLanguage;
|
|
16
16
|
}
|
|
17
|
-
declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps):
|
|
17
|
+
declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps): react.JSX.Element;
|
|
18
18
|
|
|
19
19
|
export { TextUpdateModal, type TextUpdateModalProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { ModalProps } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { ModalProps } from '@mantine/core';
|
|
4
4
|
import { MonacoLanguage } from './monaco/index.js';
|
|
5
5
|
|
|
6
6
|
interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
|
|
@@ -14,6 +14,6 @@ interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose
|
|
|
14
14
|
useMonaco?: boolean;
|
|
15
15
|
monacoLanguage?: MonacoLanguage;
|
|
16
16
|
}
|
|
17
|
-
declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps):
|
|
17
|
+
declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps): react.JSX.Element;
|
|
18
18
|
|
|
19
19
|
export { TextUpdateModal, type TextUpdateModalProps };
|
package/dist/index.d.cts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth } from './auth/index.cjs';
|
|
1
|
+
export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth, useUserId } from './auth/index.cjs';
|
|
2
2
|
export { ColorIntention, colorByIntention, hexColorByIntention } from './color.cjs';
|
|
3
3
|
export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.cjs';
|
|
4
4
|
export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.cjs';
|
|
@@ -53,5 +53,4 @@ import '@tanstack/react-query';
|
|
|
53
53
|
import 'mogh_auth_client';
|
|
54
54
|
import '@mantine/core';
|
|
55
55
|
import 'react';
|
|
56
|
-
import 'react/jsx-runtime';
|
|
57
56
|
import '@tanstack/react-table';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth } from './auth/index.js';
|
|
1
|
+
export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth, useUserId } from './auth/index.js';
|
|
2
2
|
export { ColorIntention, colorByIntention, hexColorByIntention } from './color.js';
|
|
3
3
|
export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.js';
|
|
4
4
|
export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.js';
|
|
@@ -53,5 +53,4 @@ import '@tanstack/react-query';
|
|
|
53
53
|
import 'mogh_auth_client';
|
|
54
54
|
import '@mantine/core';
|
|
55
55
|
import 'react';
|
|
56
|
-
import 'react/jsx-runtime';
|
|
57
56
|
import '@tanstack/react-table';
|
package/dist/theme.d.cts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
declare const LIGHT_BODY = "#f8f9fa";
|
|
6
6
|
declare const DARK_BODY = "#0f1115";
|
|
@@ -11,7 +11,7 @@ interface ThemeProviderProps {
|
|
|
11
11
|
}
|
|
12
12
|
declare function ThemeProvider({ children, ...props }: ThemeProviderProps & {
|
|
13
13
|
children: ReactNode;
|
|
14
|
-
}):
|
|
14
|
+
}): react.JSX.Element;
|
|
15
15
|
declare function opacityColorsTuple(baseHex: string, length?: number): MantineColorsTuple;
|
|
16
16
|
declare function functionColorsTuple(base: string, fn: (color: string) => string, length?: number): MantineColorsTuple;
|
|
17
17
|
|
package/dist/theme.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
|
|
1
|
+
import * as react from 'react';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
3
|
+
import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
|
|
4
4
|
|
|
5
5
|
declare const LIGHT_BODY = "#f8f9fa";
|
|
6
6
|
declare const DARK_BODY = "#0f1115";
|
|
@@ -11,7 +11,7 @@ interface ThemeProviderProps {
|
|
|
11
11
|
}
|
|
12
12
|
declare function ThemeProvider({ children, ...props }: ThemeProviderProps & {
|
|
13
13
|
children: ReactNode;
|
|
14
|
-
}):
|
|
14
|
+
}): react.JSX.Element;
|
|
15
15
|
declare function opacityColorsTuple(baseHex: string, length?: number): MantineColorsTuple;
|
|
16
16
|
declare function functionColorsTuple(base: string, fn: (color: string) => string, length?: number): MantineColorsTuple;
|
|
17
17
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mogh_ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "Common UI components and styling used across Mogh apps.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -29,38 +29,39 @@
|
|
|
29
29
|
"typecheck": "tsc --noEmit"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"@mantine/core": "^9.
|
|
33
|
-
"@mantine/form": "^9.
|
|
34
|
-
"@mantine/hooks": "^9.
|
|
35
|
-
"@mantine/notifications": "^9.
|
|
32
|
+
"@mantine/core": "^9.4.1",
|
|
33
|
+
"@mantine/form": "^9.4.1",
|
|
34
|
+
"@mantine/hooks": "^9.4.1",
|
|
35
|
+
"@mantine/notifications": "^9.4.1",
|
|
36
36
|
"@monaco-editor/react": "^4.7.0",
|
|
37
37
|
"@tanstack/react-table": "^8.21.3",
|
|
38
|
-
"@tanstack/react-query": "^5.
|
|
39
|
-
"lucide-react": "^1.
|
|
40
|
-
"mogh_auth_client": "^1.
|
|
38
|
+
"@tanstack/react-query": "^5.101.2",
|
|
39
|
+
"lucide-react": "^1.22.0",
|
|
40
|
+
"mogh_auth_client": "^1.7.0",
|
|
41
41
|
"monaco-editor": "^0.55.1",
|
|
42
|
-
"
|
|
43
|
-
"react
|
|
44
|
-
"react-
|
|
42
|
+
"monaco-yaml": "^5.5.1",
|
|
43
|
+
"react": "^19.2.7",
|
|
44
|
+
"react-dom": "^19.2.7",
|
|
45
|
+
"react-router-dom": "^7.18.1"
|
|
45
46
|
},
|
|
46
47
|
"devDependencies": {
|
|
47
|
-
"@mantine/core": "^9.
|
|
48
|
-
"@mantine/form": "^9.
|
|
49
|
-
"@mantine/hooks": "^9.
|
|
50
|
-
"@mantine/notifications": "^9.
|
|
48
|
+
"@mantine/core": "^9.4.1",
|
|
49
|
+
"@mantine/form": "^9.4.1",
|
|
50
|
+
"@mantine/hooks": "^9.4.1",
|
|
51
|
+
"@mantine/notifications": "^9.4.1",
|
|
51
52
|
"@monaco-editor/react": "^4.7.0",
|
|
52
53
|
"@tanstack/react-table": "^8.21.3",
|
|
53
|
-
"@tanstack/react-query": "^5.
|
|
54
|
-
"@types/react": "^19.
|
|
55
|
-
"@types/react-dom": "^19.
|
|
56
|
-
"lucide-react": "^1.
|
|
57
|
-
"mogh_auth_client": "^1.
|
|
54
|
+
"@tanstack/react-query": "^5.101.2",
|
|
55
|
+
"@types/react": "^19.2.17",
|
|
56
|
+
"@types/react-dom": "^19.2.3",
|
|
57
|
+
"lucide-react": "^1.22.0",
|
|
58
|
+
"mogh_auth_client": "^1.7.0",
|
|
58
59
|
"monaco-editor": "^0.55.1",
|
|
59
|
-
"monaco-yaml": "^5.
|
|
60
|
-
"react": "^19.
|
|
61
|
-
"react-dom": "^19.
|
|
62
|
-
"react-router-dom": "^7.
|
|
60
|
+
"monaco-yaml": "^5.5.1",
|
|
61
|
+
"react": "^19.2.7",
|
|
62
|
+
"react-dom": "^19.2.7",
|
|
63
|
+
"react-router-dom": "^7.18.1",
|
|
63
64
|
"tsup": "^8.5.1",
|
|
64
|
-
"typescript": "^6.0.
|
|
65
|
+
"typescript": "^6.0.3"
|
|
65
66
|
}
|
|
66
67
|
}
|