@databrainhq/plugin 0.12.32 → 0.13.0-beta.0

package/dist/components/RadioButton/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { UseFormRegisterReturn } from 'react-hook-form';
+interface Props extends React.HTMLProps<HTMLInputElement> {
+    label?: string;
+    register?: UseFormRegisterReturn;
+    error?: any;
+    leftIcon?: JSX.Element;
+    rightIcon?: JSX.Element;
+    isDisabled?: boolean;
+    labelClass?: string;
+    inputClass?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    elementRef?: React.Ref<HTMLInputElement>;
+}
+export declare const RadioButton: ({ type, register, error, leftIcon, rightIcon, label, isDisabled, labelClass, inputClass, className, id, elementRef, ...rest }: Props) => React.JSX.Element;
+export default RadioButton;

package/dist/components/SearchTab/index.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare const SearchTab: ({ setSearchKeyword, className }: any) => React.JSX.Element;
+export declare const SearchTab: ({ setSearchKeyword, className, placeholder, }: any) => React.JSX.Element;

package/dist/components/Select/index.d.ts

@@ -6,30 +6,21 @@ type Option = {
     label: string;
 };
 type SelectInput = {
-    name?: string;
     label?: string;
     value: any;
     placeHolder?: string;
     options: Option[] | undefined;
     onChange?: (val: string | any) => void;
-    defaultValue?: string | number | boolean;
-    children?: React.ReactNode;
-    className?: string;
-    containerClass?: string;
     isSearchEnabled?: boolean;
-    icon?: JSX.Element;
-    textSize?: string;
+    searchIcon?: JSX.Element;
     labelVariant?: 'floating' | 'static';
 };
 type HookSelectInput = Omit<SelectInput, 'value'> & {
     control: Control;
     name: string;
 };
-export declare const OldSelect: ({ name, label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, textSize, icon, labelVariant, }: SelectInput) => React.JSX.Element;
-export declare const Select: ({ name, label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, textSize, icon, labelVariant, }: SelectInput) => React.JSX.Element;
+export declare const Select: ({ label, options, onChange, value, placeHolder, isSearchEnabled, searchIcon, labelVariant, }: SelectInput) => React.JSX.Element;
 export declare const HookSelect: ({ control, name, ...rest }: HookSelectInput) => React.JSX.Element;
-export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue, }: any) => React.JSX.Element;
-export declare const DropDown: ({ control, name, options, label, defaultValue, }: HookSelectInput) => React.JSX.Element;
 type MultiSelectProps = {
     options: Option[];
     defaultValue?: Option['value'][];
@@ -47,7 +38,6 @@ type MultiSelectProps = {
     icon?: JSX.Element;
     isDisableShowSelectedTag?: boolean;
 };
-export declare const OldMultiSelect: React.FC<MultiSelectProps>;
 export declare const MultiSelect: React.FC<MultiSelectProps>;
 type HookMultiSelectProps = MultiSelectProps & {
     control: Control<FieldValues>;

package/dist/components/{ToggleButton → Switch}/SwitchInput.d.ts

@@ -5,5 +5,5 @@ type SwitchProps = {
     placeholder?: string | [string, string];
     enabled?: boolean;
 };
-export declare const Switch: React.FC<SwitchProps>;
+export declare const SwitchButton: React.FC<SwitchProps>;
 export {};

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type SwitchButtonProps = {
+    onChange?: (enabled: boolean) => void;
+    enabled?: boolean;
+    placeholder?: string;
+    defaultEnabled?: boolean;
+    name?: string;
+};
+export declare const Switch: React.FC<SwitchButtonProps>;
+export {};

package/dist/components/Table/index.d.ts

@@ -23,6 +23,9 @@ type Props = {
     isInfiniteScroll?: boolean;
     onLoadMore?: () => void;
     hasMoreData?: boolean;
+    isShowFullScreen?: boolean;
+    filterValues?: Record<string, any>;
+    onMaximize?: () => void;
 };
-export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, onColumnSizingChange, onChartReady, onChangePage, isExternalChart, isEnableNextBtn, isEnablePrevBtn, paginationInfo, setChartSettings, isInfiniteScroll, onLoadMore, hasMoreData, }: Props) => React.JSX.Element;
+export declare const Table: ({ data, isLoading, error, tableSettings, tableName, className, onColumnSizingChange, onChartReady, onChangePage, isExternalChart, isEnableNextBtn, isEnablePrevBtn, paginationInfo, setChartSettings, isInfiniteScroll, onLoadMore, hasMoreData, isShowFullScreen, onMaximize, }: Props) => React.JSX.Element;
 export {};

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+type TabsContextType = [
+    activeTab: string | number,
+    setActiveTab: React.Dispatch<React.SetStateAction<string | number>>,
+    variant: 'primary' | 'popoverTabs'
+];
+export declare const TabsContext: React.Context<[] | TabsContextType>;
+type TabsProps = {
+    children: React.ReactNode;
+    variant?: 'primary' | 'popoverTabs';
+    defaultActiveTab?: string | number;
+    width?: string;
+};
+type TabProps = {
+    children: React.ReactNode;
+    tabId: string;
+    width?: string;
+    grow?: boolean;
+    className?: string;
+};
+export declare const Tabs: {
+    Context: React.FC<TabsProps>;
+    List: React.FC<{
+        children: React.ReactNode;
+        width?: string | undefined;
+        background?: string | undefined;
+        className?: string | undefined;
+    }>;
+    Tab: React.FC<TabProps>;
+    Panel: React.FC<{
+        children: React.ReactNode;
+        tabId: string;
+        width?: string | undefined;
+        className?: string | undefined;
+    }>;
+};
+export {};

package/dist/components/Text/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import { Colors } from '@/types';
 interface Props {
-    className?: string;
-    variant: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
-    children?: React.ReactNode;
+    variant?: 'heading-lg' | 'heading' | 'body-text-lg' | 'body-text' | 'body-text-sm' | 'btn' | 'label' | 'display' | 'body-text-xs';
+    color?: Colors;
+    children: React.ReactNode;
     onClick?: () => void;
-    styleClass: 'primary' | 'secondary' | 'tertiary' | 'font-14' | 'font-14a' | 'font-14b' | 'font-14c' | 'font-14d' | 'font-15' | 'font-18' | 'font-20' | 'font-34' | 'custom';
-    style?: React.CSSProperties;
+    display?: 'block' | 'inline';
+    opacity?: 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
 }
-export declare const Text: ({ className, variant, styleClass, children, onClick, style, }: Props) => React.JSX.Element;
+export declare const Text: ({ children, variant, color, display, onClick, opacity, }: Props) => React.JSX.Element;
 export {};

package/dist/components/TimeGrainField/index.d.ts

@@ -3,7 +3,7 @@ import { FieldValues, UseFormRegister } from 'react-hook-form';
 type Props = {
     isShowlabel?: boolean;
     timeGrainValue: string;
-    setTimeGrainValue: React.Dispatch<React.SetStateAction<string>>;
+    setTimeGrainValue: React.Dispatch<React.SetStateAction<string>> | ((value: string) => void);
     register?: UseFormRegister<FieldValues>;
     className?: string;
     isDisabled?: boolean;

package/dist/components/index.d.ts

@@ -24,7 +24,7 @@ export * from './Table';
 export * from './Text';
 export * from './TextAreaField';
 export * from './TimeGrainField';
-export * from './ToggleButton';
+export * from './Switch';
 export * from './Icons';
 export * from './ChartPopup';
 export * from './DrillBreadCrumb';
@@ -38,3 +38,14 @@ export * from './GlobalFilters/NumberFilterField';
 export * from './DateRangePicker';
 export * from './Loader';
 export * from './TagInputField';
+export * from './Checkbox';
+export * from './MultiSelectDropdown';
+export * from './Accordion';
+export * from './Panel';
+export * from './Tabs';
+export * from './List';
+export * from './ColorField/ColorField';
+export * from './RadioButton';
+export * from './Menu';
+export * from './ChartTypePanel';
+export * from './Badge';

package/dist/consts/app.d.ts

@@ -26,6 +26,10 @@ export declare const CHART_TYPES: {
     treeMap: string;
     horizontalStackTable: string;
 };
+export declare const chartOptions: {
+    name: string;
+    icon: string;
+}[];
 export declare const timeStamp: {
     month: string;
     quarter: string;

package/dist/consts/metricOptions.d.ts

@@ -26,3 +26,7 @@ export declare const FORMATTING_CONDITIONS_OPTIONS: {
     value: string;
     label: string;
 }[];
+export declare const TIME_GRAIN_OPTIONS: {
+    value: string;
+    label: string;
+}[];

package/dist/helpers/checkIsElementInViewport.d.ts

@@ -0,0 +1 @@
+export declare const isInViewport: (element: any) => boolean;

package/dist/helpers/index.d.ts

@@ -3,3 +3,5 @@ export * from './getTimeFilterValue';
 export * from './groupArray';
 export * from './groupBy';
 export * from './getValidRlsConditionOptions';
+export * from './timeseries';
+export * from './checkIsElementInViewport';

package/dist/helpers/timeseries.d.ts

@@ -1,8 +1,8 @@
 import { BackgroundSettings, CustomSettings, LabelSettings, TimeSeriesGroupType, TimeSeriesType } from '@/types';
 interface TimeSeriesData {
     timeStampKey: string;
-    valuekeys: string[];
     data: Record<string, any>[];
+    values?: string[];
 }
 export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuekeys, groupBy, labelSettings, customSettings, backGroundColor, fillXAxis, isCumulativeBar, }: {
     dataArray: Record<string, any>[];
@@ -62,5 +62,5 @@ export declare const getTimeSeriesData: ({ dataArray, timeStampKey, type, valuek
         focus: string;
     };
 })[];
-export declare const isTimeSeriesDataValid: ({ data, timeStampKey, valuekeys, }: TimeSeriesData) => boolean;
+export declare const isTimeSeriesDataValid: ({ data, timeStampKey, }: TimeSeriesData) => boolean;
 export {};

package/dist/hooks/useMetricCard.d.ts

@@ -3,15 +3,10 @@ import { ChartSettingsType, FloatingDropDownOption, RlsCondition, DatasetSetting
 import { MetricCardProps } from '@/components';
 type UseMetricCardProps = {
     metric: Record<string, any>;
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
     clientId: string;
     tenancyLevel: string;
     globalFilters?: MetricCardProps['globalFilters'];
-    rlsFilters?: {
-        param: any;
-        filterValues: Record<string, any>;
-    };
+    rlsFilters?: any;
     appFilters?: any;
     datasetSettings?: DatasetSettings;
     setDatasetSettings?: React.Dispatch<React.SetStateAction<DatasetSettings>>;
@@ -20,7 +15,7 @@ type UseMetricCardProps = {
     crossDashboardFilters?: RlsCondition[];
     metricFilterOptions?: MetricFilterOptionsType;
 };
-export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, clientId, chartSettings, setChartSettings, tenancyLevel, isInternalApp, appFilters, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, }: UseMetricCardProps) => {
+export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, clientId, tenancyLevel, isInternalApp, appFilters, setCrossDashboardFilters, crossDashboardFilters, metricFilterOptions, }: UseMetricCardProps) => {
     onDrillLevelClick: (index: number) => void;
     onDrillDown: (params: any) => void;
     handleChartClick: (params: any) => void;
@@ -39,6 +34,13 @@ export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, client
     chartParams: any;
     isQueryLoading: boolean;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isSingleValueNull: boolean;
+    dynamicOptions: any;
+    chartSettings: ChartSettingsType;
+    setChartSettings: import("react").Dispatch<import("react").SetStateAction<ChartSettingsType>>;
+    isEnableZoom: boolean;
+    filterValues: Record<string, any>;
+    containerRef: import("react").RefObject<HTMLDivElement>;
     drilledLevel: number;
     dimensions: any;
     rlsConditions: RlsCondition[];

package/dist/hooks/useOutsideAlerter.d.ts

@@ -2,6 +2,13 @@
 type UseOutsideAlerterProps = {
     onOutsideClick: () => void;
     wrapRef: React.RefObject<any>;
+    portalRef?: any;
 };
-export declare const useOutsideAlerter: ({ onOutsideClick, wrapRef, }: UseOutsideAlerterProps) => void;
+export declare const useOutsideAlerter: ({ onOutsideClick, wrapRef, portalRef, }: UseOutsideAlerterProps) => void;
+type UsePopoverOutsideAlerterProps = {
+    wrapRef: React.RefObject<any>;
+    portalRef?: any;
+    autoCloseParent?: boolean;
+};
+export declare const usePopoverOutsideAlerter: ({ wrapRef, portalRef, autoCloseParent, }: UsePopoverOutsideAlerterProps) => void;
 export {};

package/dist/queries/externalDashboard.mutation.d.ts

@@ -1,4 +1,4 @@
-import { UseCreateMetricMutationInputType, UseDeleteDashboardScheduleReportMutationInputType, UseGenerateMetricMutationInputType, UsePreviewTableMutationInputType, UseSaveDashboardLayoutMutationInputType, UseSaveDashboardScheduleReportMutationInputType, UseUpdateAdminMetricMutationInputType, UseUpdateMetricMutationInputType } from '@/types/queryTypes';
+import { UseCreateMetricMutationInputType, UseDeleteDashboardScheduleReportMutationInputType, UseGenerateMetricMutationInputType, UsePreviewTableMutationInputType, UseSaveDashboardLayoutMutationInputType, UseSaveDashboardScheduleReportMutationInputType, UseUpdateAdminMetricMutationInputType, UseUpdateMetricMutationInputType } from '../types/queryTypes';
 export declare const useSaveDashboardLayoutMutation: () => import("react-query").UseMutationResult<{
     data: unknown;
 }, unknown, UseSaveDashboardLayoutMutationInputType, unknown>;

package/dist/queries/externalDashboard.query.d.ts

@@ -1,4 +1,4 @@
-import { UseDashboardDataQueryInputType } from '@/types/queryTypes';
+import { UseDashboardDataQueryInputType } from '../types/queryTypes';
 export declare const useDashboardDataQuery: ({ token, dashboardId, }: UseDashboardDataQueryInputType) => import("react-query").UseQueryResult<{
     data: unknown;
 }, unknown>;

package/dist/queries/metric.mutation.d.ts

@@ -1,4 +1,4 @@
-import { UseMetricColumnMutationInputType, UseMetricUnderlyingDataMutationInputType, UseMetricShareCsvMutationInputType, UseMarkArchivedMutationInputType } from '@/types/queryTypes';
+import { UseMetricColumnMutationInputType, UseMetricUnderlyingDataMutationInputType, UseMetricShareCsvMutationInputType, UseMarkArchivedMutationInputType } from '../types/queryTypes';
 export declare const useMetricColumnMutation: () => import("react-query").UseMutationResult<{
     data: unknown;
 }, unknown, UseMetricColumnMutationInputType, unknown>;

package/dist/queries/metric.query.d.ts

@@ -1,4 +1,4 @@
-import { UseMetricQueryQueryInputType } from '@/types/queryTypes';
+import { UseMetricQueryQueryInputType } from '../types/queryTypes';
 export declare const useMetricDataQuery: (data: UseMetricQueryQueryInputType) => import("react-query").UseQueryResult<{
     data: unknown;
 }, unknown>;

package/dist/types/app.d.ts

@@ -44,9 +44,10 @@ export type LegendSettings = {
     left?: number;
     right?: number;
     position?: string;
-    truncateLegend?: boolean;
     truncateLegendValue?: number;
     legendShape?: string;
+    customise?: boolean;
+    fixedPosition?: string;
 };
 export type MarginSettings = {
     marginTop?: number;
@@ -55,12 +56,15 @@ export type MarginSettings = {
     marginRight?: number;
 };
 export type CustomSettings = {
-    hideSplitLines?: string;
-    hideAxisLines?: string;
+    hideXSplitLines?: boolean;
+    hideYSplitLines?: boolean;
+    hideXAxisLines?: boolean;
+    hideYAxisLines?: boolean;
     barWidth?: number;
     barRadius?: number[];
     xRotation?: number;
-    axisLabels?: string;
+    hideXAxisLabels?: boolean;
+    hideYAxisLabels?: boolean;
     fontSize?: number;
     subHeaderShow?: boolean;
     comparisonValueShow?: boolean;
@@ -85,7 +89,7 @@ export type CustomSettings = {
     hideNullValues?: boolean;
     chartZoom?: {
         isZoomEnabled?: boolean;
-        zoomAxis?: 'x' | 'y' | 'xy' | 'none';
+        zoomAxis?: string;
         zoomOnMouseWheel?: boolean;
     };
     showDynamicBehaviour?: boolean;
@@ -123,6 +127,33 @@ export type CustomSettings = {
     };
     labelPrefix?: string;
     labelSuffix?: string;
+    enableTitleDesc?: boolean;
+    chartTitle?: string;
+    chartDesc?: string;
+    titlePosition?: string;
+    cumulativeBar?: boolean;
+    stepPadding?: number;
+    showFunnelShadow?: boolean;
+    hideSplitLines?: boolean;
+    hideAxisLines?: boolean;
+    axisLabels?: boolean;
+    isStackBar?: boolean;
+    showSelectLegend?: boolean;
+    showStackLabels?: boolean;
+    coloredBars?: boolean;
+};
+export type Colors = 'primary' | 'primary-dark' | 'secondary' | 'secondary-dark' | 'alert' | 'alert-dark' | 'alert-light' | 'success' | 'success-dark' | 'success-light' | 'warning' | 'warning-dark' | 'info' | 'info-light' | 'white' | 'gray' | 'gray-dark' | 'light' | 'dark';
+export type IconType = 'undo' | 'redo' | 'maximize' | 'minimize' | 'fullscreen' | 'download' | 'archive' | 'format' | 'company' | 'profile' | 'users' | 'bar-chart' | 'bar-chart-2' | 'kebab-menu-horizontal' | 'kebab-menu-vertical' | 'paint-brush' | 'funnel' | 'funnel-simple' | 'cross' | 'columns' | 'gear' | 'presentation-chart' | 'chevron-down' | 'plus' | 'info' | 'arrow-down' | 'arrow-up' | 'arrow-left' | 'arrow-right' | 'double-arrow-left' | 'double-arrow-right' | 'expand-arrows' | 'eye' | 'eye-slash' | 'database' | 'magnifying-glass' | 'pencil-simple-line' | 'pencil-simple' | 'file-sql' | 'code' | 'sign-out' | 'save' | 'delete' | 'align-space-even' | 'align-bottom' | 'align-left' | 'align-right' | 'align-top' | 'trend-up' | 'trend-up-chart' | 'caret-down-fill' | 'caret-up-fill' | 'caret-up-down' | 'pie-chart' | 'table-view' | 'task-done-file' | 'right-angle' | 'text-rotation-angle-up' | 'text-rotation-none' | 'text-rotation-up' | 'preview-file' | 'share' | 'image' | 'text' | 'color-palette' | 'shuffle' | 'table' | 'chart' | 'calendar' | 'horizontal-rule' | 'short-text' | 'subheader' | 'copy' | 'timer' | 'link' | 'not-found' | 'bar-chart-horizontal' | 'line-chart' | 'line-chart-trend-up' | 'globe' | 'map' | 'leaderboard' | 'radar' | 'scale' | 'scatter-plot' | 'tree' | 'donut-chart' | 'scatter-chart' | 'waterfall-chart' | 'area-chart' | 'bubble-chart' | 'candlestick-chart';
+export type LogoType = 'redshift' | 'postgres' | 'mysql' | 'mongodb' | 'bigquery' | 'snowflake' | 'microsoft' | 'google' | 'elasticsearch' | 'redis';
+export type IconSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type IconConfig = {
+    size: IconSizes;
+    color: Colors;
+};
+export type IconsProps = {
+    name: IconType;
+    size?: IconSizes;
+    color?: Colors;
     cumulativeBar?: boolean;
     showFunnelShadow?: boolean;
     stepPadding?: number;
@@ -135,6 +166,7 @@ export type TableSettings = {
     contentAlignment?: string;
     lineGap?: string;
     hideVerticalDivider?: boolean;
+    hideHorizontalDivider?: boolean;
     badgeColumns?: string[];
     enableStripedRows?: boolean;
     showRowHover?: boolean;
@@ -204,6 +236,7 @@ export type ChartSettingsType = {
     margins?: MarginSettings;
     xAxis?: string;
     yAxisList?: string[];
+    chartColors?: string[];
     stackTableCols?: string[];
     step?: string;
     measure?: string;
@@ -301,8 +334,11 @@ export type DashboardType = {
 export type FloatingDropDownOption = {
     key?: string;
     label: string;
-    labelType?: string;
     value: string;
+    badge?: string;
+    subValue?: string;
+    icon?: string;
+    columnList?: any;
 };
 export type FilterType = {
     tableName: string;
@@ -327,6 +363,7 @@ export type DateOptionType = {
     endDate?: Date;
     startDate?: Date;
     fromDate?: Date;
+    timeGrain?: string;
     toDate?: Date;
     minDate?: Date;
     maxDate?: Date;
@@ -358,6 +395,9 @@ export type RlsCondition = {
     variableOptions?: CustomOption[];
     variableStrings?: string[];
     selectedVariableValue?: CustomOption;
+    optionColumnName?: string;
+    optionTableName?: string;
+    filterType?: string;
 };
 export type MetricData = {
     id: string;

package/dist/types/metricCreate.d.ts

@@ -124,4 +124,9 @@ export type DrillDownSetting = {
     selectedDimensions: string[];
     isEnableGroupBy: boolean;
 };
+export type ComparisonLagSettings = {
+    column: FloatingDropDownOption;
+    timeGrain: FloatingDropDownOption;
+    periodLag: number;
+};
 export {};

package/dist/utils/colors.d.ts

@@ -1 +1,2 @@
 export declare const colors: string[];
+export declare const colorsArray: string[];

package/dist/utils/getChartOptions.d.ts

@@ -4,6 +4,5 @@ export type GetChartOptionsParams = {
     chartOptions: ChartSettingsType;
     data: Record<string, any>[];
     colors?: string[];
-    selectedSeries?: string[];
 };
-export declare const getChartOptions: ({ chartOptions, data, colors, selectedSeries, }: GetChartOptionsParams) => Record<string, any>;
+export declare const getChartOptions: ({ chartOptions, data, colors, }: GetChartOptionsParams) => Record<string, any>;

package/dist/utils/index.d.ts

@@ -4,5 +4,6 @@ export * from './colors';
 export * from './getFormattedDataType';
 export * from './arrayToCsvString';
 export * from './popoverPosition';
+export * from './colors';
 export * from './getValidJson';
 export * from './getChartOptions';