climb-onyx-gui 0.10.2 → 0.10.4

package/dist/components/Dropdowns.d.ts

@@ -1,20 +1,30 @@
 import { default as React } from 'react';
 
-declare function Dropdown({ isClearable, options, titles, value, placeholder, onChange, darkMode, }: {
-    isClearable?: boolean;
+interface GenericDropdownProps {
     options: string[];
     titles?: Map<string, string>;
-    value: string;
     placeholder?: string;
     onChange: React.ChangeEventHandler<HTMLSelectElement>;
-    darkMode: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function MultiDropdown({ options, titles, value, placeholder, onChange, darkMode, }: {
-    options: string[];
-    titles?: Map<string, string>;
+}
+interface DropdownProps extends GenericDropdownProps {
+    value: string;
+    isClearable?: boolean;
+    isDisabled?: boolean;
+}
+interface MultiDropdownProps extends GenericDropdownProps {
     value: string[];
-    placeholder?: string;
-    onChange: React.ChangeEventHandler<HTMLSelectElement>;
-    darkMode: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Dropdown, MultiDropdown };
+}
+interface GenericChoiceProps {
+    project: string;
+    field: string;
+    httpPathHandler: (path: string) => Promise<Response>;
+}
+interface ChoiceProps extends DropdownProps, GenericChoiceProps {
+}
+interface MultiChoiceProps extends MultiDropdownProps, GenericChoiceProps {
+}
+declare function Dropdown(props: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function MultiDropdown(props: MultiDropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Choice(props: ChoiceProps): import("react/jsx-runtime").JSX.Element;
+declare function MultiChoice(props: MultiChoiceProps): import("react/jsx-runtime").JSX.Element;
+export { Dropdown, MultiDropdown, Choice, MultiChoice };

package/dist/components/Filter.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 
 interface FilterProps {
+    project: string;
+    httpPathHandler: (path: string) => Promise<Response>;
     filter: {
         field: string;
         lookup: string;
@@ -19,7 +21,6 @@ interface FilterProps {
     handleValueChange: React.ChangeEventHandler<HTMLInputElement | HTMLSelectElement>;
     handleFilterAdd: () => void;
     handleFilterRemove: () => void;
-    darkMode: boolean;
 }
 declare function Filter(props: FilterProps): import("react/jsx-runtime").JSX.Element;
 export default Filter;

package/dist/components/Header.d.ts

@@ -3,9 +3,12 @@ interface HeaderProps {
     projectName: string;
     projectList: string[];
     handleProjectChange: (p: string) => void;
-    handleThemeChange: () => void;
     guiVersion?: string;
     extVersion?: string;
+    tabKey: string;
+    setTabKey: (k: string) => void;
+    darkMode: boolean;
+    handleThemeChange: () => void;
 }
 declare function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/Inputs.d.ts

@@ -5,11 +5,10 @@ declare function Input({ value, placeholder, onChange, }: {
     placeholder?: string;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
 }): import("react/jsx-runtime").JSX.Element;
-declare function MultiInput({ value, placeholder, limit, onChange, darkMode, }: {
+declare function MultiInput({ value, placeholder, limit, onChange, }: {
     value: string[];
     placeholder?: string;
     limit?: number;
     onChange: React.ChangeEventHandler<HTMLInputElement>;
-    darkMode: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export { Input, MultiInput };

package/dist/pages/Data.d.ts

@@ -0,0 +1,11 @@
+import { OnyxProps, ProjectField } from '../types';
+
+interface DataProps extends OnyxProps {
+    project: string;
+    projectFields: Map<string, ProjectField>;
+    typeLookups: Map<string, string[]>;
+    fieldDescriptions: Map<string, string>;
+    lookupDescriptions: Map<string, string>;
+}
+declare function Data(props: DataProps): import("react/jsx-runtime").JSX.Element;
+export default Data;

package/dist/pages/Stats.d.ts

@@ -0,0 +1,9 @@
+import { OnyxProps, ProjectField } from '../types';
+
+interface StatsProps extends OnyxProps {
+    project: string;
+    projectFields: Map<string, ProjectField>;
+    darkMode: boolean;
+}
+declare function Stats(props: StatsProps): import("react/jsx-runtime").JSX.Element;
+export default Stats;

package/dist/style.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.table{display:block;overflow-x:auto;overflow-y:scroll;overscroll-behavior-x:none;height:47vh;white-space:nowrap}.table thead{position:sticky;top:0;margin:0}.card-header{font-size:large;min-height:50px}.card-footer{height:50px}.panel{height:15vh;overflow-y:scroll}.table-panel{height:48vh}/*!
+@charset "UTF-8";.table{display:block;overflow-x:auto;overflow-y:scroll;overscroll-behavior-x:none;height:47vh;white-space:nowrap}.table thead{position:sticky;top:0;margin:0}.card-header{font-size:large;min-height:50px}.card-footer{height:50px}.panel{height:15vh;overflow-y:scroll}.graph-panel{height:78vh;overflow-y:scroll}.table-panel{height:48vh}[data-bs-theme=light]{--onyx-dropdown-control-border-color: var(--bs-gray-300);--onyx-dropdown-control-background-color: var(--bs-white);--onyx-dropdown-menu-background-color: var(--bs-white);--onyx-dropdown-multivalue-label-background-color: var(--bs-gray-300);--onyx-dropdown-label-color: var(--bs-black);--onyx-dropdown-option-background-color: var(--bs-white);--onyx-dropdown-option-hover-background-color: var(--bs-gray-300)}[data-bs-theme=dark]{--onyx-dropdown-control-border-color: var(--bs-gray-700);--onyx-dropdown-control-background-color: var(--bs-gray-900);--onyx-dropdown-menu-background-color: var(--bs-black);--onyx-dropdown-multivalue-label-background-color: var(--bs-gray-700);--onyx-dropdown-label-color: var(--bs-white);--onyx-dropdown-option-background-color: var(--bs-black);--onyx-dropdown-option-hover-background-color: var(--bs-gray-700)}[data-bs-theme=dark] .btn-dark{--bs-btn-border-color: var(--bs-gray-700);--bs-btn-hover-border-color: var(--bs-gray-500)}/*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
  * Copyright 2011-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+interface OnyxProps {
+    httpPathHandler: (path: string) => Promise<Response>;
+    s3PathHandler?: (path: string) => void;
+    fileWriter?: (path: string, content: string) => void;
+    extVersion?: string;
+}
+type ProjectField = {
+    type: string;
+    description: string;
+    actions: string[];
+    values?: string[];
+    fields?: Record<string, ProjectField>;
+};
+type OptionType = {
+    label: string;
+    value: string;
+};
+export type { OnyxProps, ProjectField, OptionType };

package/dist/utils/graphStyles.d.ts

@@ -0,0 +1,140 @@
+declare const graphStyles: {
+    layout: {
+        annotationdefaults: {
+            arrowcolor: string;
+            arrowhead: number;
+            arrowwidth: number;
+        };
+        autotypenumbers: string;
+        coloraxis: {
+            colorbar: {
+                outlinewidth: number;
+                ticks: string;
+            };
+        };
+        colorscale: {
+            diverging: (string | number)[][];
+            sequential: (string | number)[][];
+            sequentialminus: (string | number)[][];
+        };
+        colorway: string[];
+        font: {
+            color: string;
+        };
+        geo: {
+            bgcolor: string;
+            lakecolor: string;
+            landcolor: string;
+            showlakes: boolean;
+            showland: boolean;
+            subunitcolor: string;
+        };
+        hoverlabel: {
+            align: string;
+        };
+        hovermode: string;
+        mapbox: {
+            style: string;
+        };
+        paper_bgcolor: string;
+        plot_bgcolor: string;
+        polar: {
+            angularaxis: {
+                gridcolor: string;
+                linecolor: string;
+                ticks: string;
+            };
+            bgcolor: string;
+            radialaxis: {
+                gridcolor: string;
+                linecolor: string;
+                ticks: string;
+            };
+        };
+        scene: {
+            xaxis: {
+                backgroundcolor: string;
+                gridcolor: string;
+                gridwidth: number;
+                linecolor: string;
+                showbackground: boolean;
+                ticks: string;
+                zerolinecolor: string;
+            };
+            yaxis: {
+                backgroundcolor: string;
+                gridcolor: string;
+                gridwidth: number;
+                linecolor: string;
+                showbackground: boolean;
+                ticks: string;
+                zerolinecolor: string;
+            };
+            zaxis: {
+                backgroundcolor: string;
+                gridcolor: string;
+                gridwidth: number;
+                linecolor: string;
+                showbackground: boolean;
+                ticks: string;
+                zerolinecolor: string;
+            };
+        };
+        shapedefaults: {
+            line: {
+                color: string;
+            };
+        };
+        sliderdefaults: {
+            bgcolor: string;
+            bordercolor: string;
+            borderwidth: number;
+            tickwidth: number;
+        };
+        ternary: {
+            aaxis: {
+                gridcolor: string;
+                linecolor: string;
+                ticks: string;
+            };
+            baxis: {
+                gridcolor: string;
+                linecolor: string;
+                ticks: string;
+            };
+            bgcolor: string;
+            caxis: {
+                gridcolor: string;
+                linecolor: string;
+                ticks: string;
+            };
+        };
+        updatemenudefaults: {
+            bgcolor: string;
+            borderwidth: number;
+        };
+        xaxis: {
+            automargin: boolean;
+            gridcolor: string;
+            linecolor: string;
+            ticks: string;
+            title: {
+                standoff: number;
+            };
+            zerolinecolor: string;
+            zerolinewidth: number;
+        };
+        yaxis: {
+            automargin: boolean;
+            gridcolor: string;
+            linecolor: string;
+            ticks: string;
+            title: {
+                standoff: number;
+            };
+            zerolinecolor: string;
+            zerolinewidth: number;
+        };
+    };
+};
+export default graphStyles;

package/dist/utils/selectStyles.d.ts

@@ -0,0 +1,4 @@
+import { StylesConfig } from 'react-select';
+
+declare const selectStyles: StylesConfig;
+export default selectStyles;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "climb-onyx-gui",
-  "version": "0.10.2",
+  "version": "0.10.4",
   "type": "module",
   "main": "dist/climb-onyx-gui.js",
   "types": "dist/main.d.ts",
@@ -20,7 +20,9 @@
   "dependencies": {
     "@tanstack/react-query": "^4.36.1",
     "export-to-csv": "^1.3.0",
+    "plotly.js-basic-dist": "^2.33.0",
     "react-bootstrap": "^2.10.2",
+    "react-plotly.js": "^2.6.0",
     "react-select": "^5.8.0"
   },
   "peerDependencies": {
@@ -29,8 +31,10 @@
   },
   "devDependencies": {
     "@types/node": "^20.12.12",
+    "@types/plotly.js-basic-dist": "^1.54.4",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
+    "@types/react-plotly.js": "^2.6.3",
     "@typescript-eslint/eslint-plugin": "^7.2.0",
     "@typescript-eslint/parser": "^7.2.0",
     "@vitejs/plugin-react-swc": "^3.5.0",

package/dist/components/styles.d.ts

@@ -1,4 +0,0 @@
-import { StylesConfig } from 'react-select';
-
-declare const getStyles: (darkMode: boolean) => StylesConfig;
-export default getStyles;