@journeyapps-labs/reactor-mod-data-browser 3.0.2 → 3.1.1

package/dist/@types/forms/types/shared/ui.d.ts

@@ -0,0 +1,768 @@
+import * as React from 'react';
+export declare const MAX_NUMBER_OF_ARR_ITEMS_TO_DISPLAY = 3;
+declare namespace S {
+    const Empty: import("@emotion/styled").StyledComponent<import("../../../widgets/EmptyValueWidget").EmptyValueWidgetProps & {
+        theme?: import("@journeyapps-labs/reactor-mod").ThemeColors<{
+            plan: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    foreground: string;
+                };
+            };
+            canvas: {
+                label: string;
+                colors: {
+                    background: string;
+                    grid: string;
+                };
+            };
+            tooltips: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            workspace: {
+                label: string;
+                colors: {
+                    background: string;
+                    overlayBackground: string;
+                    overlayBackgroundHover: string;
+                    overlayBorder: string;
+                    overlayBorderHover: string;
+                    overlayDividerColor: string;
+                    overlayDividerHover: string;
+                };
+            };
+            panels: {
+                label: string;
+                colors: {
+                    trayBackground: string;
+                    trayButton: string;
+                    trayButtonSelected: string;
+                    background: string;
+                    titleBackground: string;
+                    titleForeground: string;
+                    iconBackground: string;
+                    divider: string;
+                    searchBackground: string;
+                    searchForeground: string;
+                    tabForeground: string;
+                    tabForegroundSelected: string;
+                    tabBackgroundSelected: string;
+                    itemIconColorSelected: string;
+                    scrollBar: string;
+                };
+            };
+            meta: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            dnd: {
+                label: string;
+                colors: {
+                    hintColor: string;
+                    hoverColor: string;
+                };
+            };
+            icons: {
+                label: string;
+                colors: {
+                    dualIconBackground: string;
+                    color: string;
+                };
+            };
+            trees: {
+                label: string;
+                colors: {
+                    labelColor: string;
+                    selectedBackground: string;
+                };
+            };
+            guide: {
+                label: string;
+                colors: {
+                    accent: string;
+                    tooltipBackground: string;
+                    accentText: string;
+                    startButton: string;
+                    startButtonText: string;
+                };
+            };
+            graphs: {
+                label: string;
+                colors: {
+                    grid: string;
+                    line: string;
+                    fillStop1: string;
+                    fillStop2: string;
+                    fillStop3: string;
+                    thresholdLine: string;
+                };
+            };
+            tabs: {
+                label: string;
+                colors: {
+                    selectedAccentSingle: string;
+                    selectedAccent: string;
+                    selectedBackground: string;
+                };
+            };
+            status: {
+                label: string;
+                colors: {
+                    cardBackground: string;
+                    success: string;
+                    failed: string;
+                    failedForeground: string;
+                    loading: string;
+                    successForeground: string;
+                };
+            };
+            cards: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                    tagBackground: string;
+                    tagLabelBackground: string;
+                    tagLabelForeground: string;
+                };
+            };
+            combobox: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundSelected: string;
+                    textSelected: string;
+                    text: string;
+                    border: string;
+                    headerBackground: string;
+                    headerForeground: string;
+                    shadowColor: string;
+                };
+            };
+            forms: {
+                label: string;
+                colors: {
+                    description: string;
+                    inputBackground: string;
+                    inputForeground: string;
+                    inputBorder: string;
+                    checkbox: string;
+                    checkboxChecked: string;
+                    toggleOnColor: string;
+                    toggleHandleColor: string;
+                    groupBorder: string;
+                    groupLabelForeground: string;
+                };
+            };
+            footer: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            header: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundLogo: string;
+                    backgroundLogoHover: string;
+                    primary: string;
+                    secondary: string;
+                    foreground: string;
+                };
+            };
+            visor: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            text: {
+                label: string;
+                colors: {
+                    primary: string;
+                    secondary: string;
+                };
+            };
+            buttonLink: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            button: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            buttonPrimary: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            changelog: {
+                label: string;
+                colors: {
+                    codeBackground: string;
+                    codeForeground: string;
+                };
+            };
+            table: {
+                label: string;
+                colors: {
+                    odd: string;
+                    pills: string;
+                    text: string;
+                    pillsSpecial: string;
+                    columnBackground: string;
+                    columnForeground: string;
+                };
+            };
+            floating: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundInactive: string;
+                    border: string;
+                };
+            };
+        }> & {
+            light: boolean;
+        };
+    }, {}, {}>;
+    const Pills: import("@emotion/styled").StyledComponent<{
+        theme?: import("@journeyapps-labs/reactor-mod").ThemeColors<{
+            plan: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    foreground: string;
+                };
+            };
+            canvas: {
+                label: string;
+                colors: {
+                    background: string;
+                    grid: string;
+                };
+            };
+            tooltips: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            workspace: {
+                label: string;
+                colors: {
+                    background: string;
+                    overlayBackground: string;
+                    overlayBackgroundHover: string;
+                    overlayBorder: string;
+                    overlayBorderHover: string;
+                    overlayDividerColor: string;
+                    overlayDividerHover: string;
+                };
+            };
+            panels: {
+                label: string;
+                colors: {
+                    trayBackground: string;
+                    trayButton: string;
+                    trayButtonSelected: string;
+                    background: string;
+                    titleBackground: string;
+                    titleForeground: string;
+                    iconBackground: string;
+                    divider: string;
+                    searchBackground: string;
+                    searchForeground: string;
+                    tabForeground: string;
+                    tabForegroundSelected: string;
+                    tabBackgroundSelected: string;
+                    itemIconColorSelected: string;
+                    scrollBar: string;
+                };
+            };
+            meta: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            dnd: {
+                label: string;
+                colors: {
+                    hintColor: string;
+                    hoverColor: string;
+                };
+            };
+            icons: {
+                label: string;
+                colors: {
+                    dualIconBackground: string;
+                    color: string;
+                };
+            };
+            trees: {
+                label: string;
+                colors: {
+                    labelColor: string;
+                    selectedBackground: string;
+                };
+            };
+            guide: {
+                label: string;
+                colors: {
+                    accent: string;
+                    tooltipBackground: string;
+                    accentText: string;
+                    startButton: string;
+                    startButtonText: string;
+                };
+            };
+            graphs: {
+                label: string;
+                colors: {
+                    grid: string;
+                    line: string;
+                    fillStop1: string;
+                    fillStop2: string;
+                    fillStop3: string;
+                    thresholdLine: string;
+                };
+            };
+            tabs: {
+                label: string;
+                colors: {
+                    selectedAccentSingle: string;
+                    selectedAccent: string;
+                    selectedBackground: string;
+                };
+            };
+            status: {
+                label: string;
+                colors: {
+                    cardBackground: string;
+                    success: string;
+                    failed: string;
+                    failedForeground: string;
+                    loading: string;
+                    successForeground: string;
+                };
+            };
+            cards: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                    tagBackground: string;
+                    tagLabelBackground: string;
+                    tagLabelForeground: string;
+                };
+            };
+            combobox: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundSelected: string;
+                    textSelected: string;
+                    text: string;
+                    border: string;
+                    headerBackground: string;
+                    headerForeground: string;
+                    shadowColor: string;
+                };
+            };
+            forms: {
+                label: string;
+                colors: {
+                    description: string;
+                    inputBackground: string;
+                    inputForeground: string;
+                    inputBorder: string;
+                    checkbox: string;
+                    checkboxChecked: string;
+                    toggleOnColor: string;
+                    toggleHandleColor: string;
+                    groupBorder: string;
+                    groupLabelForeground: string;
+                };
+            };
+            footer: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            header: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundLogo: string;
+                    backgroundLogoHover: string;
+                    primary: string;
+                    secondary: string;
+                    foreground: string;
+                };
+            };
+            visor: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            text: {
+                label: string;
+                colors: {
+                    primary: string;
+                    secondary: string;
+                };
+            };
+            buttonLink: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            button: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            buttonPrimary: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            changelog: {
+                label: string;
+                colors: {
+                    codeBackground: string;
+                    codeForeground: string;
+                };
+            };
+            table: {
+                label: string;
+                colors: {
+                    odd: string;
+                    pills: string;
+                    text: string;
+                    pillsSpecial: string;
+                    columnBackground: string;
+                    columnForeground: string;
+                };
+            };
+            floating: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundInactive: string;
+                    border: string;
+                };
+            };
+        }> & {
+            light: boolean;
+        };
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+    const Pill: import("@emotion/styled").StyledComponent<{
+        theme?: import("@journeyapps-labs/reactor-mod").ThemeColors<{
+            plan: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    foreground: string;
+                };
+            };
+            canvas: {
+                label: string;
+                colors: {
+                    background: string;
+                    grid: string;
+                };
+            };
+            tooltips: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            workspace: {
+                label: string;
+                colors: {
+                    background: string;
+                    overlayBackground: string;
+                    overlayBackgroundHover: string;
+                    overlayBorder: string;
+                    overlayBorderHover: string;
+                    overlayDividerColor: string;
+                    overlayDividerHover: string;
+                };
+            };
+            panels: {
+                label: string;
+                colors: {
+                    trayBackground: string;
+                    trayButton: string;
+                    trayButtonSelected: string;
+                    background: string;
+                    titleBackground: string;
+                    titleForeground: string;
+                    iconBackground: string;
+                    divider: string;
+                    searchBackground: string;
+                    searchForeground: string;
+                    tabForeground: string;
+                    tabForegroundSelected: string;
+                    tabBackgroundSelected: string;
+                    itemIconColorSelected: string;
+                    scrollBar: string;
+                };
+            };
+            meta: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                };
+            };
+            dnd: {
+                label: string;
+                colors: {
+                    hintColor: string;
+                    hoverColor: string;
+                };
+            };
+            icons: {
+                label: string;
+                colors: {
+                    dualIconBackground: string;
+                    color: string;
+                };
+            };
+            trees: {
+                label: string;
+                colors: {
+                    labelColor: string;
+                    selectedBackground: string;
+                };
+            };
+            guide: {
+                label: string;
+                colors: {
+                    accent: string;
+                    tooltipBackground: string;
+                    accentText: string;
+                    startButton: string;
+                    startButtonText: string;
+                };
+            };
+            graphs: {
+                label: string;
+                colors: {
+                    grid: string;
+                    line: string;
+                    fillStop1: string;
+                    fillStop2: string;
+                    fillStop3: string;
+                    thresholdLine: string;
+                };
+            };
+            tabs: {
+                label: string;
+                colors: {
+                    selectedAccentSingle: string;
+                    selectedAccent: string;
+                    selectedBackground: string;
+                };
+            };
+            status: {
+                label: string;
+                colors: {
+                    cardBackground: string;
+                    success: string;
+                    failed: string;
+                    failedForeground: string;
+                    loading: string;
+                    successForeground: string;
+                };
+            };
+            cards: {
+                label: string;
+                colors: {
+                    background: string;
+                    foreground: string;
+                    border: string;
+                    tagBackground: string;
+                    tagLabelBackground: string;
+                    tagLabelForeground: string;
+                };
+            };
+            combobox: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundSelected: string;
+                    textSelected: string;
+                    text: string;
+                    border: string;
+                    headerBackground: string;
+                    headerForeground: string;
+                    shadowColor: string;
+                };
+            };
+            forms: {
+                label: string;
+                colors: {
+                    description: string;
+                    inputBackground: string;
+                    inputForeground: string;
+                    inputBorder: string;
+                    checkbox: string;
+                    checkboxChecked: string;
+                    toggleOnColor: string;
+                    toggleHandleColor: string;
+                    groupBorder: string;
+                    groupLabelForeground: string;
+                };
+            };
+            footer: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            header: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundLogo: string;
+                    backgroundLogoHover: string;
+                    primary: string;
+                    secondary: string;
+                    foreground: string;
+                };
+            };
+            visor: {
+                label: string;
+                colors: {
+                    background: string;
+                };
+            };
+            text: {
+                label: string;
+                colors: {
+                    primary: string;
+                    secondary: string;
+                };
+            };
+            buttonLink: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            button: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            buttonPrimary: {
+                label: string;
+                colors: {
+                    background: string;
+                    border: string;
+                    color: string;
+                    colorHover: string;
+                    icon: string;
+                };
+            };
+            changelog: {
+                label: string;
+                colors: {
+                    codeBackground: string;
+                    codeForeground: string;
+                };
+            };
+            table: {
+                label: string;
+                colors: {
+                    odd: string;
+                    pills: string;
+                    text: string;
+                    pillsSpecial: string;
+                    columnBackground: string;
+                    columnForeground: string;
+                };
+            };
+            floating: {
+                label: string;
+                colors: {
+                    background: string;
+                    backgroundInactive: string;
+                    border: string;
+                };
+            };
+        }> & {
+            light: boolean;
+        };
+        as?: React.ElementType;
+    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}
+export declare const TypeUI: typeof S;
+export declare function displayArray(value: any[]): React.JSX.Element;
+export {};