mogh_ui 0.7.2 → 0.7.4

package/dist/components/section.d.cts

@@ -1,33 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import * as _mantine_core from '@mantine/core';
-import { StackProps, MantineStyleProps, CenterProps } from '@mantine/core';
-
-interface SectionProps extends StackProps {
-    titleFz?: MantineStyleProps["fz"];
-    titleMb?: MantineStyleProps["mb"];
-    titleDimmed?: boolean;
-    titleNode?: ReactNode;
-    icon?: ReactNode;
-    titleRight?: ReactNode;
-    titleOther?: ReactNode;
-    description?: ReactNode;
-    actions?: ReactNode;
-    withBorder?: boolean;
-    isPending?: boolean;
-    error?: false | string;
-    guardProps?: CenterProps;
-    forceHeaderGroup?: boolean;
-    onHeaderClick?: () => void;
-}
-declare const Section: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, SectionProps>) => React.ReactElement) & Omit<react.FunctionComponent<(SectionProps & {
-    component?: any;
-} & Omit<any, "component" | keyof SectionProps> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (SectionProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>;
-
-export { Section, type SectionProps };

package/dist/components/shared-text-update.d.cts

@@ -1,20 +0,0 @@
-import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction } from 'react';
-import { ModalProps } from '@mantine/core';
-
-interface SharedTextUpdateData {
-    title: string;
-    value: string;
-    placeholder: string;
-    onUpdate: (value: string) => void;
-    titleRight?: ReactNode;
-}
-declare function useSharedTextUpdateData(): [false | SharedTextUpdateData, Dispatch<SetStateAction<false | SharedTextUpdateData>>];
-interface SharedTextUpdateProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
-    data: false | SharedTextUpdateData;
-    setData: Dispatch<SetStateAction<false | SharedTextUpdateData>>;
-    disabled?: boolean;
-}
-declare function SharedTextUpdate({ data, setData, disabled, ...modalProps }: SharedTextUpdateProps): react.JSX.Element;
-
-export { SharedTextUpdate, type SharedTextUpdateData, type SharedTextUpdateProps, useSharedTextUpdateData };

package/dist/components/show-hide-button.d.cts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-
-declare function ShowHideButton({ show, setShow, }: {
-    show: boolean;
-    setShow: (show: boolean) => void;
-}): react.JSX.Element;
-
-export { ShowHideButton };

package/dist/components/stat-bar.d.cts

@@ -1,15 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { StackProps } from '@mantine/core';
-
-interface StatBarProps extends StackProps {
-    title: string;
-    icon: ReactNode;
-    description?: ReactNode;
-    percentage: number | undefined;
-    warning: number | undefined;
-    critical: number | undefined;
-}
-declare function StatBar({ title, icon, description, percentage: _percentage, warning: _warning, critical: _critical, ...props }: StatBarProps): react.JSX.Element;
-
-export { StatBar, type StatBarProps };

package/dist/components/stat-cell.d.cts

@@ -1,17 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { ColorIntention } from '../color.cjs';
-import { GroupProps, TextProps, ProgressProps, FloatingPosition } from '@mantine/core';
-
-interface StatCellProps extends GroupProps {
-    value: number | undefined;
-    intent: ColorIntention;
-    textProps?: TextProps;
-    barProps?: ProgressProps;
-    info?: ReactNode;
-    infoPosition?: FloatingPosition;
-    infoDisabled?: boolean;
-}
-declare function StatCell({ value, intent, textProps, barProps, info, infoPosition, infoDisabled, ...groupProps }: StatCellProps): react.JSX.Element;
-
-export { StatCell, type StatCellProps };

package/dist/components/status-badge.d.cts

@@ -1,20 +0,0 @@
-import * as react from 'react';
-import * as _mantine_core from '@mantine/core';
-import { TextProps } from '@mantine/core';
-import { ColorIntention } from '../color.cjs';
-
-interface StatusBadgeProps extends TextProps {
-    text: string | undefined;
-    intent: ColorIntention;
-}
-declare const StatusBadge: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, StatusBadgeProps>) => React.ReactElement) & Omit<react.FunctionComponent<(StatusBadgeProps & {
-    component?: any;
-} & Omit<any, "component" | keyof StatusBadgeProps> & {
-    ref?: any;
-    renderRoot?: (props: any) => any;
-}) | (StatusBadgeProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
-})>, never> & Record<string, never>;
-
-export { StatusBadge };

package/dist/components/tabbed-page.d.cts

@@ -1,19 +0,0 @@
-import * as react from 'react';
-import { FC } from 'react';
-import { TabsProps } from '@mantine/core';
-
-type TabbedPageItem<Tab extends string> = {
-    tab: Tab;
-    icon?: FC<{
-        size?: string | number;
-    }>;
-    content?: FC;
-};
-interface TabbedPageProps<Tab extends string> extends TabsProps {
-    /** Store current tab on localStorage */
-    storageKey: string;
-    tabs: TabbedPageItem<Tab>[];
-}
-declare function TabbedPage<Tab extends string>({ storageKey, tabs, ...tabsProps }: TabbedPageProps<Tab>): react.JSX.Element;
-
-export { TabbedPage, type TabbedPageItem, type TabbedPageProps };

package/dist/components/table-skeleton.d.cts

@@ -1,8 +0,0 @@
-import * as react from 'react';
-
-declare function TableSkeleton({ rows, rowHeight, }: {
-    rows?: number;
-    rowHeight?: string | number;
-}): react.JSX.Element;
-
-export { TableSkeleton };

package/dist/components/text-update-modal.d.cts

@@ -1,19 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { ModalProps } from '@mantine/core';
-import { MonacoLanguage } from './monaco/index.cjs';
-
-interface TextUpdateModalProps extends Omit<Omit<ModalProps, "opened">, "onClose"> {
-    title: string;
-    titleRight?: ReactNode;
-    value: string | undefined;
-    onUpdate: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    target?: (open: () => void) => ReactNode;
-    useMonaco?: boolean;
-    monacoLanguage?: MonacoLanguage;
-}
-declare function TextUpdateModal({ title, titleRight, value: _value, onUpdate, placeholder, disabled, target, useMonaco, monacoLanguage, ...modalProps }: TextUpdateModalProps): react.JSX.Element;
-
-export { TextUpdateModal, type TextUpdateModalProps };

package/dist/components/theme-toggle.d.cts

@@ -1,5 +0,0 @@
-import * as react from 'react';
-
-declare function ThemeToggle(): react.JSX.Element;
-
-export { ThemeToggle };

package/dist/formatting.d.cts

@@ -1,14 +0,0 @@
-declare function fmtDate(d: Date): string;
-declare function fmtUtcDate(d: Date): string;
-declare function fmtMonth(month: number): "Jan" | "Feb" | "Mar" | "Apr" | "May" | "Jun" | "Jul" | "Aug" | "Sep" | "Oct" | "Nov" | "Dec" | undefined;
-declare const fmtDateWithMinutes: (d: Date) => string;
-declare function fmtDuration(startTs: number, endTs: number): string;
-declare function fmtUpperCamelcase(input: string): string;
-declare function fmtSnakeCaseToUpperSpaceCase(snake: string): string;
-declare const BYTES_PER_KB = 1024;
-declare const BYTES_PER_MB: number;
-declare const BYTES_PER_GB: number;
-declare function fmtSizeBytes(bytes: number): string;
-declare function fmtRateBytes(bytes: number): string;
-
-export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate };

package/dist/hooks.d.cts

@@ -1,30 +0,0 @@
-import * as _mantine_core from '@mantine/core';
-import * as react from 'react';
-
-declare function useKeyListener(listenKey: string, onPress: () => void, extra?: "shift" | "ctrl"): void;
-declare function useShiftKeyListener(listenKey: string, onPress: () => void): void;
-/** Listens for ctrl (or CMD on mac) + the listenKey */
-declare function useCtrlKeyListener(listenKey: string, onPress: () => void): void;
-type Dimensions = {
-    width: number;
-    height: number;
-};
-declare function useWindowDimensions(): Dimensions;
-declare function useSearchCombobox(props?: {
-    onOpen?: () => void;
-    onClose?: () => void;
-    onSearch?: (search: string) => void;
-    disableSelectFirst?: boolean;
-}): {
-    search: string;
-    setSearch: react.Dispatch<react.SetStateAction<string>>;
-    combobox: _mantine_core.ComboboxStore;
-};
-/**
- * A custom React hook that debounces a value, delaying its update until after
- * a specified period of inactivity. This is useful for performance optimization
- * in scenarios like search inputs, form validation, or API calls.
- */
-declare function useDebounce<T>(value: T, delay: number): T;
-
-export { type Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions };

package/dist/index.d.cts

@@ -1,56 +0,0 @@
-export { AUTH_URL, authClient, setAuthUrl, useAuthState, useLogin, useLoginOptions, useManageAuth, useUserId } from './auth/index.cjs';
-export { ColorIntention, colorByIntention, hexColorByIntention } from './color.cjs';
-export { BYTES_PER_GB, BYTES_PER_KB, BYTES_PER_MB, fmtDate, fmtDateWithMinutes, fmtDuration, fmtMonth, fmtRateBytes, fmtSizeBytes, fmtSnakeCaseToUpperSpaceCase, fmtUpperCamelcase, fmtUtcDate } from './formatting.cjs';
-export { Dimensions, useCtrlKeyListener, useDebounce, useKeyListener, useSearchCombobox, useShiftKeyListener, useWindowDimensions } from './hooks.cjs';
-export { AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, ThemeProviderProps, functionColorsTuple, opacityColorsTuple } from './theme.cjs';
-export { deepCompare, filterBySplit, filterMultitermBySplit } from './utils.cjs';
-export { Config, ConfigFieldArgs, ConfigGroup, ConfigGroupArgs, ConfigProps } from './components/config/index.cjs';
-export { DividedChildren } from './components/divided-children/index.cjs';
-export { FancyCard } from './components/fancy-card/index.cjs';
-export { MonacoDiffEditor, MonacoDiffEditorProps, MonacoEditor, MonacoEditorProps, MonacoLanguage, languageFromPath } from './components/monaco/index.cjs';
-export { BackButton, BackButtonProps } from './components/back-button.cjs';
-export { ButtonLink, ButtonLinkProps } from './components/button-link.cjs';
-export { ConfirmButton, ConfirmButtonProps } from './components/confirm-button.cjs';
-export { ConfirmIcon, ConfirmIconProps } from './components/confirm-icon.cjs';
-export { ConfirmModal, ConfirmModalProps } from './components/confirm-modal.cjs';
-export { CopyButton, CopyButtonProps, sendCopyNotification } from './components/copy-button.cjs';
-export { CopyText, CopyTextProps } from './components/copy-text.cjs';
-export { CreateModal, CreateModalProps } from './components/create-modal.cjs';
-export { DataTable, DataTableProps, SortableHeader } from './components/data-table.cjs';
-export { EnableSwitch, EnableSwitchProps } from './components/enable-switch.cjs';
-export { EntityHeader, EntityHeaderProps } from './components/entity-header.cjs';
-export { EntityPage, EntityPageProps } from './components/entity-page.cjs';
-export { HoverError, HoverErrorProps } from './components/hover-error.cjs';
-export { InfoCard, InfoCardProps } from './components/info-card.cjs';
-export { InputList, InputListProps } from './components/input-list.cjs';
-export { LabelledSwitch, LabelledSwitchProps } from './components/labelled-switch.cjs';
-export { LabelsGroup, LabelsGroupProps } from './components/labels-group.cjs';
-export { LoadingScreen } from './components/loading-screen.cjs';
-export { MobileFriendlyTabs, MobileFriendlyTabsContent, MobileFriendlyTabsProps, MobileFriendlyTabsSelector, MobileFriendlyTabsSelectorProps, MobileFriendlyTabsWrapper, Tab, TabNoContent } from './components/mobile-friendly-tabs.cjs';
-export { PageGuard, PageGuardProps } from './components/page-guard.cjs';
-export { Page, PageProps } from './components/page.cjs';
-export { SearchInput, SearchInputProps } from './components/search-input.cjs';
-export { Section, SectionProps } from './components/section.cjs';
-export { SharedTextUpdate, SharedTextUpdateData, SharedTextUpdateProps, useSharedTextUpdateData } from './components/shared-text-update.cjs';
-export { ShowHideButton } from './components/show-hide-button.cjs';
-export { StatBar, StatBarProps } from './components/stat-bar.cjs';
-export { StatCell, StatCellProps } from './components/stat-cell.cjs';
-export { StatusBadge } from './components/status-badge.cjs';
-export { TabbedPage, TabbedPageItem, TabbedPageProps } from './components/tabbed-page.cjs';
-export { TableSkeleton } from './components/table-skeleton.cjs';
-export { TextUpdateModal, TextUpdateModalProps } from './components/text-update-modal.cjs';
-export { ThemeToggle } from './components/theme-toggle.cjs';
-export { ConfigInput, ConfigItem, ConfigItemProps, ConfigList, ConfigSwitch } from './components/config/item.cjs';
-export { ConfigLayout } from './components/config/layout.cjs';
-export { ConfirmUpdate, ConfirmUpdateProps } from './components/config/confirm.cjs';
-export { EnrollPasskey } from './auth/profile/passkey.cjs';
-export { EnrollTotp } from './auth/profile/totp.cjs';
-export { LinkedLogins } from './auth/profile/linked-logins.cjs';
-export { LoginBrandingProps, LoginPage } from './auth/login/index.cjs';
-export { UnsavedChanges } from './components/config/unsaved-changes.cjs';
-export { sanitizeQuery, sanitizeQueryInner } from './auth/utils.cjs';
-import '@tanstack/react-query';
-import 'mogh_auth_client';
-import '@mantine/core';
-import 'react';
-import '@tanstack/react-table';

package/dist/theme.d.cts

@@ -1,18 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { DefaultMantineColor, MantineColorsTuple } from '@mantine/core';
-
-declare const LIGHT_BODY = "#f8f9fa";
-declare const DARK_BODY = "#0f1115";
-type AdditionalColors = Partial<Record<DefaultMantineColor, MantineColorsTuple>> | undefined;
-interface ThemeProviderProps {
-    primaryColor?: DefaultMantineColor;
-    additionalColors?: AdditionalColors;
-}
-declare function ThemeProvider({ children, ...props }: ThemeProviderProps & {
-    children: ReactNode;
-}): react.JSX.Element;
-declare function opacityColorsTuple(baseHex: string, length?: number): MantineColorsTuple;
-declare function functionColorsTuple(base: string, fn: (color: string) => string, length?: number): MantineColorsTuple;
-
-export { type AdditionalColors, DARK_BODY, LIGHT_BODY, ThemeProvider, type ThemeProviderProps, functionColorsTuple, opacityColorsTuple };

package/dist/utils.d.cts

@@ -1,17 +0,0 @@
-/**
- * Does deep compare of 2 items, returning `true` if equal.
- *
- * - Functions: Always `true`
- * - Primitives: Returns direct `a === b`
- * - Arrays: Returns same items and ordering (recursive)
- * - Objects: Returns same keys / values (recursive)
- *
- * @param a Item a
- * @param b Item b
- * @returns a === b
- */
-declare function deepCompare(a: any, b: any): boolean;
-declare function filterBySplit<T>(items: T[] | undefined, search: string, extract: (item: T) => string): T[];
-declare function filterMultitermBySplit<T>(items: T[] | undefined, search: string, extract: (item: T) => (string | undefined)[]): T[];
-
-export { deepCompare, filterBySplit, filterMultitermBySplit };