add Table in dist

weka · Jan 17, 2023 · 10bc6f5 · 10bc6f5
1 parent 6d17d5f
commit 10bc6f5
Show file tree

Hide file tree

Showing 24 changed files with 1,890 additions and 966 deletions.
diff --git a/dist/cjs/index.js b/dist/cjs/index.js
diff --git a/dist/cjs/index.js.map b/dist/cjs/index.js.map
diff --git a/dist/cjs/types/components/CircularProgress/CircularProgress.d.ts b/dist/cjs/types/components/CircularProgress/CircularProgress.d.ts
@@ -6,7 +6,7 @@ interface CircularProgressProps {
     trackColor?: string;
     indicatorWidth?: number;
     indicatorColor?: string;
-    indicatorCap: "round" | "inherit" | "butt" | "square" | undefined;
+    indicatorCap?: "round" | "inherit" | "butt" | "square";
 }
 declare function CircularProgress(props: CircularProgressProps): JSX.Element;
 export default CircularProgress;
diff --git a/dist/cjs/types/components/MenuPopper/MenuPopper.d.ts b/dist/cjs/types/components/MenuPopper/MenuPopper.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './menuPopper.scss';
-declare type menuItem = {
+export declare type menuItem = {
     hideMenu?: boolean;
     key?: string;
     text?: string;
@@ -14,7 +14,7 @@ interface MenuPopperProps {
     open: boolean;
     onClickAway: () => void;
     items: menuItem[];
-    anchorEl: HTMLElement;
+    anchorEl: HTMLElement | null;
     disablePortal?: boolean;
 }
 declare function MenuPopper(props: MenuPopperProps): JSX.Element;

diff --git a/dist/cjs/types/components/SpanTooltip/SpanTooltip.d.ts b/dist/cjs/types/components/SpanTooltip/SpanTooltip.d.ts
@@ -2,7 +2,7 @@
 import './spanTooltip.scss';
 interface SpanTooltipProps {
     children: number | string;
-    extraClasses: string;
+    extraClasses?: string;
     style?: object;
 }
 declare function SpanTooltip({ children, extraClasses, style }: SpanTooltipProps): JSX.Element;

diff --git a/dist/cjs/types/components/index.d.ts b/dist/cjs/types/components/index.d.ts
@@ -16,3 +16,20 @@ export { default as Tab } from "./Tab";
 export { default as Toast } from "./Toast";
 export { default as ToggleButton } from "./ToggleButton";
 export { default as Tooltip } from "./Tooltip";
+export { default as Table } from "./Table";
+export { default as MultiSelectFilter } from "./Table/filters/MultiSelectFilter";
+export { default as SelectFilter } from "./Table/filters/SelectFilter";
+export { default as TextFilter } from "./Table/filters/TextFilter";
+export { default as ActionsCell } from "./Table/cells/ActionsCell";
+export { default as ApiCallCell } from "./Table/cells/ApiCallCell";
+export { default as BarCell } from "./Table/cells/BarCell";
+export { default as BlocksCell } from "./Table/cells/BlocksCell";
+export { default as CapacityCell } from "./Table/cells/CapacityCell";
+export { default as CustomTooltipCell } from "./Table/cells/CustomTooltipCell";
+export { default as IconCell } from "./Table/cells/IconCell";
+export { default as StatusCell } from "./Table/cells/StatusCell";
+export { default as ProgressCell } from "./Table/cells/ProgressCell";
+export { default as TieringCell } from "./Table/cells/TieringCell";
+export { default as TimeCell } from "./Table/cells/TimeCell";
+export { default as UptimeCell } from "./Table/cells/UptimeCell";
+export { default as DateCell } from "./Table/cells/DateCell";
diff --git a/dist/cjs/types/components/inputs/Select/Select.d.ts b/dist/cjs/types/components/inputs/Select/Select.d.ts
@@ -10,11 +10,12 @@ interface SelectProps {
     info?: any;
     wrapperClass?: string;
     error?: any;
-    label: string | ReactElement;
+    label?: string | ReactElement;
     options: any[];
     redInfo?: any;
     placeholder?: string;
     isClearable?: boolean;
+    autoFocus?: boolean;
 }
 declare function Select(props: SelectProps): JSX.Element;
 export default Select;
diff --git a/dist/cjs/types/consts.d.ts b/dist/cjs/types/consts.d.ts
@@ -1,4 +1,50 @@
 export declare const EMPTY_STRING = "";
 export declare const NOP: () => void;
 export declare const TAG_SEPARATOR = ",";
+export declare const SAVED_FILTERS = "saved_filters";
+export declare const SAVED_HIDDEN = "saved_hidden";
+export declare const FILTER_CHANGE_LISTENER = "table-filters-change";
+export declare const FILTER_LISTENER = "table-filters";
 export declare const GENERAL_ERROR = "Something went wrong. Please refresh the page and try again.";
+interface FilterBoxes {
+    [key: string]: string;
+}
+export declare const FILTERBOXES: FilterBoxes;
+export declare const NODES_STATUSES: {
+    DOWN: string;
+    FENCING: string;
+    UP: string;
+    JOINING: string;
+    SYNCING: string;
+};
+export declare const DRIVES_STATUSES: {
+    INACTIVE: string;
+    PHASING_IN: string;
+    ACTIVE: string;
+    PHASING_OUT: string;
+};
+export declare const STATUS: {
+    OK: string;
+    UP: string;
+    DEGRADED: string;
+    DOWN: string;
+    READY: string;
+    DEACTIVATING: string;
+    ACTIVE: string;
+    ENABLED: string;
+    UPDATING: string;
+    CREATING: string;
+    DOWNLOADING: string;
+    REMOVING: string;
+};
+export declare const OBS_IS_DETACHING = "DETACHING";
+export declare const OBS_MODES: {
+    REMOTE: string;
+    WRITABLE: string;
+    READ_ONLY: string;
+};
+interface TimeShortenings {
+    [key: string]: any;
+}
+export declare const TIME_PARTS_SHORTENINGS: TimeShortenings;
+export {};
diff --git a/dist/cjs/types/hooks/useToggle.d.ts b/dist/cjs/types/hooks/useToggle.d.ts
@@ -1,2 +1,2 @@
-declare function useToggle(initialState: string | boolean, options?: string[] | undefined): (string | boolean | (() => void))[];
+declare function useToggle(initialState: string | boolean, options?: string[] | undefined): [string | boolean, () => void];
 export default useToggle;
diff --git a/dist/cjs/types/svgs/index.d.ts b/dist/cjs/types/svgs/index.d.ts
@@ -4,3 +4,16 @@ export { ReactComponent as Info } from './018-info-16.svg';
 export { ReactComponent as Show } from './104-view-16.svg';
 export { ReactComponent as Hide } from './142-close-16.svg';
 export { ReactComponent as Close } from './026-close-8.svg';
+export { ReactComponent as LastArrow } from './065-last-8.svg';
+export { ReactComponent as Arrow } from './015-arrow-8.svg';
+export { ReactComponent as LongArrow } from './143-arrow-16.svg';
+export { ReactComponent as ClearFilters } from './139-filter-cancel-16.svg';
+export { ReactComponent as MenuDots } from './019-menu-16.svg';
+export { ReactComponent as StatusOk } from './icn-status-connected.svg';
+export { ReactComponent as Propeller } from './115-propeller-24.svg';
+export { ReactComponent as Ellipses } from './elipces.svg';
+export { ReactComponent as FullWarning } from './025-warning-24.svg';
+export { ReactComponent as StatusError } from './icn-status-disconnected.svg';
+export { ReactComponent as Tiering } from './082-tiered-24.svg';
+export { ReactComponent as RemoteTiering } from './080-tiered-remote-24.svg';
+export { ReactComponent as Filter } from './038-filter-16.svg';
diff --git a/dist/cjs/types/utils.d.ts b/dist/cjs/types/utils.d.ts
@@ -19,5 +19,31 @@ declare const utils: {
         label: string;
         value: string;
     };
+    parseParamsToQuery: (params: {
+        [key: string]: any;
+    }) => {};
+    dispatchCustomEvent: (id: string, data: any) => void;
+    isNumber: (value: any) => boolean;
+    stringSort: (rowA: {
+        values: {
+            [key: string]: any;
+        };
+    }, rowB: {
+        values: {
+            [key: string]: any;
+        };
+    }, columnId: string) => number;
+    isIp: (string: any) => any;
+    formatBytes: (bytes: number, decimals?: number) => {
+        value: number;
+        text: string;
+    } | {
+        value: string;
+        text: string;
+    };
+    formatBytesToString: (bytes: number, decimals?: number) => string | null;
+    getTimeDiffObject: (time: string) => import("luxon").DurationObjectUnits;
+    getTimeDiffString: (time: string, largest?: boolean) => string;
+    formatISODate: (isoDate: string, showMili?: boolean, showSeconds?: boolean) => string;
 };
 export default utils;
diff --git a/dist/esm/index.js b/dist/esm/index.js
diff --git a/dist/esm/index.js.map b/dist/esm/index.js.map
diff --git a/dist/esm/types/components/CircularProgress/CircularProgress.d.ts b/dist/esm/types/components/CircularProgress/CircularProgress.d.ts
@@ -6,7 +6,7 @@ interface CircularProgressProps {
     trackColor?: string;
     indicatorWidth?: number;
     indicatorColor?: string;
-    indicatorCap: "round" | "inherit" | "butt" | "square" | undefined;
+    indicatorCap?: "round" | "inherit" | "butt" | "square";
 }
 declare function CircularProgress(props: CircularProgressProps): JSX.Element;
 export default CircularProgress;
diff --git a/dist/esm/types/components/MenuPopper/MenuPopper.d.ts b/dist/esm/types/components/MenuPopper/MenuPopper.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import './menuPopper.scss';
-declare type menuItem = {
+export declare type menuItem = {
     hideMenu?: boolean;
     key?: string;
     text?: string;
@@ -14,7 +14,7 @@ interface MenuPopperProps {
     open: boolean;
     onClickAway: () => void;
     items: menuItem[];
-    anchorEl: HTMLElement;
+    anchorEl: HTMLElement | null;
     disablePortal?: boolean;
 }
 declare function MenuPopper(props: MenuPopperProps): JSX.Element;

diff --git a/dist/esm/types/components/SpanTooltip/SpanTooltip.d.ts b/dist/esm/types/components/SpanTooltip/SpanTooltip.d.ts
@@ -2,7 +2,7 @@
 import './spanTooltip.scss';
 interface SpanTooltipProps {
     children: number | string;
-    extraClasses: string;
+    extraClasses?: string;
     style?: object;
 }
 declare function SpanTooltip({ children, extraClasses, style }: SpanTooltipProps): JSX.Element;

diff --git a/dist/esm/types/components/index.d.ts b/dist/esm/types/components/index.d.ts
@@ -16,3 +16,20 @@ export { default as Tab } from "./Tab";
 export { default as Toast } from "./Toast";
 export { default as ToggleButton } from "./ToggleButton";
 export { default as Tooltip } from "./Tooltip";
+export { default as Table } from "./Table";
+export { default as MultiSelectFilter } from "./Table/filters/MultiSelectFilter";
+export { default as SelectFilter } from "./Table/filters/SelectFilter";
+export { default as TextFilter } from "./Table/filters/TextFilter";
+export { default as ActionsCell } from "./Table/cells/ActionsCell";
+export { default as ApiCallCell } from "./Table/cells/ApiCallCell";
+export { default as BarCell } from "./Table/cells/BarCell";
+export { default as BlocksCell } from "./Table/cells/BlocksCell";
+export { default as CapacityCell } from "./Table/cells/CapacityCell";
+export { default as CustomTooltipCell } from "./Table/cells/CustomTooltipCell";
+export { default as IconCell } from "./Table/cells/IconCell";
+export { default as StatusCell } from "./Table/cells/StatusCell";
+export { default as ProgressCell } from "./Table/cells/ProgressCell";
+export { default as TieringCell } from "./Table/cells/TieringCell";
+export { default as TimeCell } from "./Table/cells/TimeCell";
+export { default as UptimeCell } from "./Table/cells/UptimeCell";
+export { default as DateCell } from "./Table/cells/DateCell";
diff --git a/dist/esm/types/components/inputs/Select/Select.d.ts b/dist/esm/types/components/inputs/Select/Select.d.ts
@@ -10,11 +10,12 @@ interface SelectProps {
     info?: any;
     wrapperClass?: string;
     error?: any;
-    label: string | ReactElement;
+    label?: string | ReactElement;
     options: any[];
     redInfo?: any;
     placeholder?: string;
     isClearable?: boolean;
+    autoFocus?: boolean;
 }
 declare function Select(props: SelectProps): JSX.Element;
 export default Select;
diff --git a/dist/esm/types/consts.d.ts b/dist/esm/types/consts.d.ts
@@ -1,4 +1,50 @@
 export declare const EMPTY_STRING = "";
 export declare const NOP: () => void;
 export declare const TAG_SEPARATOR = ",";
+export declare const SAVED_FILTERS = "saved_filters";
+export declare const SAVED_HIDDEN = "saved_hidden";
+export declare const FILTER_CHANGE_LISTENER = "table-filters-change";
+export declare const FILTER_LISTENER = "table-filters";
 export declare const GENERAL_ERROR = "Something went wrong. Please refresh the page and try again.";
+interface FilterBoxes {
+    [key: string]: string;
+}
+export declare const FILTERBOXES: FilterBoxes;
+export declare const NODES_STATUSES: {
+    DOWN: string;
+    FENCING: string;
+    UP: string;
+    JOINING: string;
+    SYNCING: string;
+};
+export declare const DRIVES_STATUSES: {
+    INACTIVE: string;
+    PHASING_IN: string;
+    ACTIVE: string;
+    PHASING_OUT: string;
+};
+export declare const STATUS: {
+    OK: string;
+    UP: string;
+    DEGRADED: string;
+    DOWN: string;
+    READY: string;
+    DEACTIVATING: string;
+    ACTIVE: string;
+    ENABLED: string;
+    UPDATING: string;
+    CREATING: string;
+    DOWNLOADING: string;
+    REMOVING: string;
+};
+export declare const OBS_IS_DETACHING = "DETACHING";
+export declare const OBS_MODES: {
+    REMOTE: string;
+    WRITABLE: string;
+    READ_ONLY: string;
+};
+interface TimeShortenings {
+    [key: string]: any;
+}
+export declare const TIME_PARTS_SHORTENINGS: TimeShortenings;
+export {};
diff --git a/dist/esm/types/hooks/useToggle.d.ts b/dist/esm/types/hooks/useToggle.d.ts
@@ -1,2 +1,2 @@
-declare function useToggle(initialState: string | boolean, options?: string[] | undefined): (string | boolean | (() => void))[];
+declare function useToggle(initialState: string | boolean, options?: string[] | undefined): [string | boolean, () => void];
 export default useToggle;
diff --git a/dist/esm/types/svgs/index.d.ts b/dist/esm/types/svgs/index.d.ts
@@ -4,3 +4,16 @@ export { ReactComponent as Info } from './018-info-16.svg';
 export { ReactComponent as Show } from './104-view-16.svg';
 export { ReactComponent as Hide } from './142-close-16.svg';
 export { ReactComponent as Close } from './026-close-8.svg';
+export { ReactComponent as LastArrow } from './065-last-8.svg';
+export { ReactComponent as Arrow } from './015-arrow-8.svg';
+export { ReactComponent as LongArrow } from './143-arrow-16.svg';
+export { ReactComponent as ClearFilters } from './139-filter-cancel-16.svg';
+export { ReactComponent as MenuDots } from './019-menu-16.svg';
+export { ReactComponent as StatusOk } from './icn-status-connected.svg';
+export { ReactComponent as Propeller } from './115-propeller-24.svg';
+export { ReactComponent as Ellipses } from './elipces.svg';
+export { ReactComponent as FullWarning } from './025-warning-24.svg';
+export { ReactComponent as StatusError } from './icn-status-disconnected.svg';
+export { ReactComponent as Tiering } from './082-tiered-24.svg';
+export { ReactComponent as RemoteTiering } from './080-tiered-remote-24.svg';
+export { ReactComponent as Filter } from './038-filter-16.svg';
diff --git a/dist/esm/types/utils.d.ts b/dist/esm/types/utils.d.ts
@@ -19,5 +19,31 @@ declare const utils: {
         label: string;
         value: string;
     };
+    parseParamsToQuery: (params: {
+        [key: string]: any;
+    }) => {};
+    dispatchCustomEvent: (id: string, data: any) => void;
+    isNumber: (value: any) => boolean;
+    stringSort: (rowA: {
+        values: {
+            [key: string]: any;
+        };
+    }, rowB: {
+        values: {
+            [key: string]: any;
+        };
+    }, columnId: string) => number;
+    isIp: (string: any) => any;
+    formatBytes: (bytes: number, decimals?: number) => {
+        value: number;
+        text: string;
+    } | {
+        value: string;
+        text: string;
+    };
+    formatBytesToString: (bytes: number, decimals?: number) => string | null;
+    getTimeDiffObject: (time: string) => import("luxon").DurationObjectUnits;
+    getTimeDiffString: (time: string, largest?: boolean) => string;
+    formatISODate: (isoDate: string, showMili?: boolean, showSeconds?: boolean) => string;
 };
 export default utils;