@quillsql/react 1.7.4 → 1.7.6

package/src/hooks/useQuill.ts

@@ -1,137 +0,0 @@
-import { useContext, useEffect, useState } from 'react';
-import { ClientContext, DashboardContext } from '../Context';
-import axios from 'axios';
-
-interface Column {
-  _id: string;
-  label: string;
-  field: string;
-  format: string;
-}
-
-interface Field {
-  name: string;
-  tableID: number;
-  columnID: number;
-  dataTypeID: number;
-  dataTypeSize: number;
-  dataTypeModifier: number;
-  format: string;
-}
-
-interface YAxisField {
-  label: string;
-  field: string;
-  chartType: string;
-  format: string;
-}
-
-interface Report {
-  name: string;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  rows: any[];
-  columns: Array<Column>;
-  dashboardName?: string;
-  chartType: string;
-  filters?: object;
-  fields: Array<Field>;
-  template?: boolean;
-  editEnabled?: boolean;
-  xAxisField: string;
-  yAxisFields: Array<YAxisField>;
-  xAxisLabel: string;
-  yAxisLabel: string;
-  queryString: string;
-  dateField?: object;
-}
-
-export const useQuill = (
-  chartId: string
-): {
-  data: Report | null;
-  loading: boolean;
-  error: string | null;
-} => {
-  // @ts-ignore
-  const { dashboard, dispatch } = useContext(DashboardContext);
-  const [client] = useContext(ClientContext);
-  const [data, setData] = useState<Report | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    let isSubscribed = true;
-    async function getChartOptions(id: string) {
-      if (isSubscribed) {
-        if (dashboard[id]) {
-          setData(dashboard[id]);
-          return;
-        }
-        // @ts-ignore
-        const {
-          publicKey,
-          customerId,
-          environment,
-          queryEndpoint,
-          queryHeaders,
-        } = client;
-        try {
-          if (queryEndpoint) {
-            const resp = await axios.post(
-              queryEndpoint,
-              { metadata: { id: chartId, task: 'item' } },
-              { headers: queryHeaders }
-            );
-            setLoading(false);
-            setData({
-              ...resp.data,
-            });
-            dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: resp.data });
-          } else {
-            const resp = await axios.get(
-              'https://quill-344421.uc.r.appspot.com/item',
-              {
-                params: {
-                  id: chartId,
-                  orgId: customerId,
-                  publicKey: publicKey,
-                },
-                headers: {
-                  environment: environment || undefined,
-                },
-              }
-            );
-            setLoading(false);
-            setData(resp.data);
-            dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: resp.data });
-          }
-        } catch (e) {
-          if (typeof e === 'string' || (typeof e === 'object' && e !== null)) {
-            setError(stringifyIfObject(e));
-          } else {
-            setError('error');
-          }
-        }
-      }
-    }
-    if (chartId && !data) {
-      getChartOptions(chartId);
-    }
-    return () => {
-      isSubscribed = false;
-    };
-  }, [chartId, dashboard]);
-
-  return { data, loading, error };
-};
-
-function stringifyIfObject(e: string | object) {
-  if (typeof e === 'string') {
-    // do nothing if e is a string
-    return e;
-  } else if (typeof e === 'object' && e !== null) {
-    // stringify e if it's an object
-    return JSON.stringify(e);
-  }
-  return e; // returns the input as is for other types
-}

package/src/hooks/useSelectOnKeyDown.tsx

@@ -1,80 +0,0 @@
-import { useEffect, useState } from "react";
-
-const useSelectOnKeyDown = (
-  onValueChange: (value: string) => void,
-  optionValues: string[],
-  isFocused: boolean,
-  handleFocusChange: (isFocused: boolean) => void,
-  value?: string,
-): [
-  string | null | undefined,
-  (e: React.KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => void,
-] => {
-  const NO_SELECTION_IDX = -1;
-  const [hoveredIdx, setHoveredIdx] = useState(NO_SELECTION_IDX);
-
-  const getHoveredValue = (hoveredIdx: number, optionValues: string[]) => {
-    if (hoveredIdx < 0) return undefined;
-    return optionValues[hoveredIdx];
-  };
-
-  useEffect(() => {
-    const getIndexOfSelectedValue = () => {
-      if (!isFocused) {
-        setHoveredIdx(NO_SELECTION_IDX);
-      }
-      if (!value) return NO_SELECTION_IDX;
-      const indexOfValue = optionValues.indexOf(value);
-      return indexOfValue === -1 ? NO_SELECTION_IDX : indexOfValue;
-    };
-
-    setHoveredIdx(getIndexOfSelectedValue());
-  }, [value, isFocused]);
-
-  const hoveredValue = getHoveredValue(hoveredIdx, optionValues);
-
-  const getNextIdx = () => {
-    const nextIdx = hoveredIdx + 1;
-    return Math.min(nextIdx, optionValues.length - 1);
-  };
-
-  const getPrevIdx = () => {
-    const prevIdx = hoveredIdx - 1;
-    return Math.max(prevIdx, 0);
-  };
-
-  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement | HTMLButtonElement>) => {
-    if (!isFocused) {
-      return;
-    }
-
-    switch (e.key) {
-      case "ArrowUp": {
-        e.preventDefault();
-        setHoveredIdx(getPrevIdx());
-        break;
-      }
-      case "ArrowDown": {
-        e.preventDefault();
-        setHoveredIdx(getNextIdx());
-        break;
-      }
-      case "Enter": {
-        e.preventDefault();
-        if (hoveredValue) {
-          onValueChange(hoveredValue);
-        }
-        break;
-      }
-      case "Escape": {
-        e.preventDefault();
-        handleFocusChange(false);
-        setHoveredIdx(NO_SELECTION_IDX);
-        break;
-      }
-    }
-  };
-  return [hoveredValue, handleKeyDown];
-};
-
-export default useSelectOnKeyDown;

package/src/index.ts

@@ -1,9 +0,0 @@
-// src/index.ts
-export { default as Dashboard } from './Dashboard';
-export { default as QuillProvider } from './QuillProvider';
-export { default as Chart } from './Chart';
-export { default as Table } from './Table';
-export { default as SQLEditor } from './SQLEditor';
-export { default as ReportBuilder } from './ReportBuilder';
-export { default as AddToDashboardModal } from './AddToDashboardModal';
-export { useQuill } from './hooks/useQuill';

package/src/lib/font.ts

@@ -1,14 +0,0 @@
-export const fontSize = {
-  xs: 'qq-text-xs',
-  sm: 'qq-text-sm',
-  md: 'qq-text-base',
-  lg: 'qq-text-lg',
-  xl: 'qq-text-xl',
-  threeXl: 'qq-text-3xl',
-};
-
-export const fontWeight = {
-  sm: 'qq-font-normal',
-  md: 'qq-font-medium',
-  lg: 'qq-font-semibold',
-};

package/src/lib/index.ts

@@ -1,3 +0,0 @@
-export * from './inputTypes';
-export * from './font';
-export * from './utils';

package/src/lib/inputTypes.ts

@@ -1,81 +0,0 @@
-export type ValueFormatter = {
-  (value: number): string;
-};
-
-const iconVariantValues = [
-  'simple',
-  'light',
-  'shadow',
-  'solid',
-  'outlined',
-] as const;
-
-export type IconVariant = (typeof iconVariantValues)[number];
-
-export type HorizontalPosition = 'left' | 'right';
-
-export type VerticalPosition = 'top' | 'bottom';
-
-export type ButtonVariant = 'primary' | 'secondary' | 'light';
-
-const deltaTypeValues = [
-  'increase',
-  'moderateIncrease',
-  'decrease',
-  'moderateDecrease',
-  'unchanged',
-] as const;
-
-export type DeltaType = (typeof deltaTypeValues)[number];
-
-const sizeValues = ['xs', 'sm', 'md', 'lg', 'xl'] as const;
-
-export type Size = (typeof sizeValues)[number];
-
-const colorValues = [
-  'slate',
-  'gray',
-  'zinc',
-  'neutral',
-  'stone',
-  'red',
-  'orange',
-  'amber',
-  'yellow',
-  'lime',
-  'green',
-  'emerald',
-  'teal',
-  'cyan',
-  'sky',
-  'blue',
-  'indigo',
-  'violet',
-  'purple',
-  'fuchsia',
-  'pink',
-  'rose',
-] as const;
-
-export type Color = (typeof colorValues)[number];
-
-const justifyContentValues = [
-  'start',
-  'end',
-  'center',
-  'between',
-  'around',
-  'evenly',
-] as const;
-export type JustifyContent = (typeof justifyContentValues)[number];
-
-const alignItemsValues = [
-  'start',
-  'end',
-  'center',
-  'baseline',
-  'stretch',
-] as const;
-export type AlignItems = (typeof alignItemsValues)[number];
-
-export type FlexDirection = 'row' | 'col' | 'row-reverse' | 'col-reverse';

package/src/lib/utils.tsx

@@ -1,46 +0,0 @@
-import { ValueFormatter } from './inputTypes';
-
-export const defaultValueFormatter: ValueFormatter = (value: number) =>
-  value.toString();
-
-export const sumNumericArray = (arr: number[]) =>
-  arr.reduce((prefixSum, num) => prefixSum + num, 0);
-
-export const removeValueFromArray = (value: any, array: any[]): any[] => {
-  const index = array.indexOf(value);
-  if (index > -1) {
-    array.splice(index, 1);
-  }
-  return array;
-};
-
-export const isValueInArray = (value: any, array: any[]): boolean => {
-  for (let i = 0; i < array.length; i++) {
-    if (array[i] === value) {
-      return true;
-    }
-  }
-  return false;
-};
-
-export const stringIsNumeric = (str: string | undefined): boolean => {
-  return !isNaN(Number(str)) && str !== undefined;
-};
-
-export const stringEndsWithNumber = (str: string): boolean => {
-  return stringIsNumeric(str.split('-').pop());
-};
-
-export function mergeRefs<T = any>(
-  refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>
-): React.RefCallback<T> {
-  return value => {
-    refs.forEach(ref => {
-      if (typeof ref === 'function') {
-        ref(value);
-      } else if (ref != null) {
-        (ref as React.MutableRefObject<T | null>).current = value;
-      }
-    });
-  };
-}

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "lib": ["dom", "dom.iterable", "es2022"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": false,
-    "jsx": "react-jsx",
-    "declaration": true,
-    "outDir": "lib",
-    "sourceMap": true
-  },
-  "include": ["src"]
-}