@gravity-ui/querieskit 1.3.0 → 1.3.1

package/src/helpers/buildColumnsFromKeys.ts

@@ -1,17 +0,0 @@
-import type {ReactNode} from 'react';
-import type {Column} from '../components';
-import {isEmptyValue} from './isEmptyValue';
-
-export function buildColumnsFromKeys<TRow extends Record<string, unknown>>(
-    columns: string[],
-    emptyText: string,
-): Array<Column<TRow>> {
-    return columns.map((column) => ({
-        name: column,
-        header: column,
-        render: ({row}) => {
-            const value = row[column];
-            return isEmptyValue(value) ? emptyText : (value as ReactNode);
-        },
-    }));
-}

package/src/helpers/createUuid.ts

@@ -1,3 +0,0 @@
-export const createUuid = () => {
-    return crypto.randomUUID().replace(/-/g, '');
-};

package/src/helpers/getDefaultNavigationIcon.ts

@@ -1,33 +0,0 @@
-import type {IconData} from '@gravity-ui/uikit';
-import BanIcon from '@gravity-ui/icons/svgs/ban.svg';
-import EyeSlashIcon from '@gravity-ui/icons/svgs/eye-slash.svg';
-import FileTextIcon from '@gravity-ui/icons/svgs/file-text.svg';
-import FolderIcon from '@gravity-ui/icons/svgs/folder.svg';
-import LayoutHeaderCellsLargeIcon from '@gravity-ui/icons/svgs/layout-header-cells-large.svg';
-import LinkIcon from '@gravity-ui/icons/svgs/link.svg';
-import LinkSlashIcon from '@gravity-ui/icons/svgs/link-slash.svg';
-import type {NavigationItemKind} from '../types/navigation';
-
-export function getDefaultNavigationIcon(
-    kind: NavigationItemKind = 'unknown',
-    targetPathBroken?: boolean,
-): IconData {
-    if (kind === 'link' && targetPathBroken) {
-        return LinkSlashIcon;
-    }
-
-    switch (kind) {
-        case 'folder':
-            return FolderIcon;
-        case 'file':
-            return FileTextIcon;
-        case 'table':
-            return LayoutHeaderCellsLargeIcon;
-        case 'link':
-            return LinkIcon;
-        case 'unknown':
-            return EyeSlashIcon;
-        default:
-            return BanIcon;
-    }
-}

package/src/helpers/getListKey.ts

@@ -1,12 +0,0 @@
-import {QueryListItem, QueryListRow, QueryListRowVariant} from '../types/queryList';
-
-export const getListKey = <T extends QueryListRow>(
-    items: QueryListItem<T>[],
-    variant: QueryListRowVariant,
-): string => {
-    const itemsKey = items
-        .map((item) => ('header' in item ? `h:${item.header}` : `r:${item.id}`))
-        .join(',');
-
-    return `${variant}:${itemsKey}`;
-};

package/src/helpers/getParentPath.ts

@@ -1,10 +0,0 @@
-export function getParentPath(path: string): string | undefined {
-    const trimmed = path.replace(/\/+$/, '');
-    const lastSlashIndex = trimmed.lastIndexOf('/');
-
-    if (lastSlashIndex <= 0) {
-        return trimmed.startsWith('/') ? '/' : undefined;
-    }
-
-    return trimmed.slice(0, lastSlashIndex);
-}

package/src/helpers/isEmptyValue.ts

@@ -1,2 +0,0 @@
-export const isEmptyValue = (value: unknown): boolean =>
-    value === undefined || value === null || value === '';

package/src/helpers/isFieldVisible.ts

@@ -1,20 +0,0 @@
-import {QueryListFieldKey} from '../types/queryList';
-import {QueryHistoryRow} from '../types/history';
-
-/**
- * A field is visible either when no `visibleFields` config is provided
- * (the consumer doesn't opt into the feature — everything is shown), or when
- * the field key is explicitly included in `visibleFields.value`.
- *
- * `visibleFields` is accepted loosely as `{value: string[]}` (rather than the
- * generic `QueryListVisibleFieldsConfig<T>`) so this helper works for any
- * `T extends QueryHistoryRow` without fighting TS variance on generic key
- * unions; `field` still uses `QueryListFieldKey<QueryHistoryRow>` to keep
- * typo-protection for the built-in fields checked by the row renderers.
- */
-export const isFieldVisible = (
-    visibleFields: {value: string[]} | undefined,
-    field: QueryListFieldKey<QueryHistoryRow>,
-): boolean => {
-    return visibleFields === undefined || visibleFields.value.includes(field);
-};

package/src/helpers/isObjectEqual.ts

@@ -1,15 +0,0 @@
-export const isObjectEqual = (obj1: Record<string, unknown>, obj2: Record<string, unknown>) => {
-    const keys1 = Object.keys(obj1);
-    const keys2 = Object.keys(obj2);
-
-    const compareKeys = keys1.length > keys2.length ? keys1 : keys2;
-
-    for (const key of compareKeys) {
-        const v1 = obj1[key];
-        const v2 = obj2[key];
-
-        if (v1 !== v2) return false;
-    }
-
-    return true;
-};

package/src/helpers/time.ts

@@ -1,29 +0,0 @@
-import {DateTime, dateTime, dateTimeParse} from '@gravity-ui/date-utils';
-
-type Date = DateTime | string | number | undefined;
-
-export const formatTime = (date: Date) => {
-    return dateTimeParse(date)?.format('HH:mm');
-};
-
-export const durationDates = (date1: Date, date2: Date) => {
-    if (!date1 && !date2) return '--:--';
-
-    const start = dateTimeParse(date1) || dateTime();
-    const end = dateTimeParse(date2) || dateTime();
-    const diff = end?.diff(start);
-
-    return dateTimeParse(diff)?.format('HH:mm');
-};
-
-export const formatTimeCanonical = (ts: Date) => {
-    return dateTimeParse(ts)?.format('DD.MM.YYYY, HH:mm');
-};
-
-export const formatDateCanonical = (ts: Date) => {
-    return dateTimeParse(ts)?.format('DD.MM.YYYY');
-};
-
-export const getTimestampFromDate = (date: Date) => {
-    return dateTimeParse(date)?.valueOf();
-};

package/src/helpers/useDebouncedValue.ts

@@ -1,14 +0,0 @@
-import {useEffect, useState} from 'react';
-
-/** Delays a changing value without duplicating timer lifecycle handling in consumers. */
-export function useDebouncedValue<T>(value: T, delay: number): T {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-
-    useEffect(() => {
-        const timeoutId = setTimeout(() => setDebouncedValue(value), delay);
-
-        return () => clearTimeout(timeoutId);
-    }, [delay, value]);
-
-    return debouncedValue;
-}

package/src/helpers/useLoadMoreSentinel.ts

@@ -1,31 +0,0 @@
-import {useCallback, useEffect, useRef} from 'react';
-
-export function useLoadMoreSentinel(hasMore: boolean | undefined, onLoadMore?: () => void) {
-    const observerRef = useRef<IntersectionObserver | null>(null);
-    const hasMoreRef = useRef(hasMore);
-    hasMoreRef.current = hasMore;
-    const onLoadMoreRef = useRef(onLoadMore);
-    onLoadMoreRef.current = onLoadMore;
-
-    useEffect(() => {
-        return () => {
-            observerRef.current?.disconnect();
-        };
-    }, []);
-
-    return useCallback((node: HTMLElement | null) => {
-        observerRef.current?.disconnect();
-
-        if (!node) {
-            return;
-        }
-
-        observerRef.current = new IntersectionObserver((entries) => {
-            if (entries.some((entry) => entry.isIntersecting) && hasMoreRef.current) {
-                onLoadMoreRef.current?.();
-            }
-        });
-
-        observerRef.current.observe(node);
-    }, []);
-}

package/src/helpers/useToggle.ts

@@ -1,11 +0,0 @@
-import {useCallback, useState} from 'react';
-
-export const useToggle = (initialValue = false): [boolean, () => void] => {
-    const [value, setValue] = useState(initialValue);
-
-    const toggle = useCallback(() => {
-        setValue((current) => !current);
-    }, []);
-
-    return [value, toggle];
-};

package/src/helpers/useVisibleColumns.ts

@@ -1,26 +0,0 @@
-import {useState} from 'react';
-
-export type UseVisibleColumnsOptions = {
-    value?: string[];
-    onChange?: (value: string[]) => void;
-    defaultValue?: string[];
-};
-
-export function useVisibleColumns(
-    allColumns: string[],
-    {value, onChange, defaultValue}: UseVisibleColumnsOptions,
-): [string[], (value: string[]) => void] {
-    const isControlled = value !== undefined;
-    const [state, setState] = useState<string[]>(() => defaultValue ?? allColumns);
-
-    const activeColumns = isControlled ? value : state;
-
-    const handleChange = (next: string[]) => {
-        if (!isControlled) {
-            setState(next);
-        }
-        onChange?.(next);
-    };
-
-    return [activeColumns, handleChange];
-}

package/src/i18n/index.ts

@@ -1,26 +0,0 @@
-import {I18N, KeyData, KeysData} from '@gravity-ui/i18n';
-
-export type AppLang = 'en' | 'ru';
-
-export const i18n = new I18N({lang: 'en', fallbackLang: 'en'});
-
-export function setLang(lang: string) {
-    i18n.setLang(lang);
-}
-
-export function addI18Keysets<const T extends KeysData, const Name extends `qp:${string}`>(
-    componentName: Name,
-    data: Partial<Record<AppLang, T>>,
-) {
-    Object.entries(data).forEach(([lang, keys]) => i18n.registerKeyset(lang, componentName, keys));
-
-    type TKey = Extract<keyof T, string>;
-    const t = i18n.keyset<TKey>(componentName);
-
-    return t as typeof t & {
-        /**
-         * Keyset data is used only for type inference, the value is always undefined.
-         */
-        keysetData: {[Key in Name]: Record<TKey, KeyData>};
-    };
-}

package/src/index.ts

@@ -1,12 +0,0 @@
-export * from './components';
-export * from './modules';
-export * from './widgets';
-export * from './types/queryList';
-export * from './types/history';
-export type {SavedQuery} from './types/savedQueries';
-export * from './types/tutorial';
-export * from './types/navigation';
-export * from './types/pathEditor';
-export * from './types/errorTree';
-export * from './types/queryStatistics';
-export * from './types/queryResults';

package/src/modules/Attachments/Attachments.scss

@@ -1,10 +0,0 @@
-.qp-attachments {
-    &__panel {
-        flex: 1;
-    }
-
-    &__tab .g-tab__title {
-        display: flex;
-        gap: var(--g-spacing-2)
-    }
-}

package/src/modules/Attachments/Attachments.stories.tsx

@@ -1,112 +0,0 @@
-import React, {useState} from 'react';
-import type {Meta, StoryObj} from '@storybook/react';
-import {fn} from 'storybook/test';
-import {Attachments} from './Attachments';
-
-type AttachmentsProps = React.ComponentProps<typeof Attachments>;
-type Attachment = NonNullable<AttachmentsProps['attachments']>[number];
-
-const attachments: Attachment[] = [
-    {id: 'readme', name: 'README.md'},
-    {id: 'query', name: 'daily-report.sql'},
-    {
-        id: 'documentation',
-        name: 'Query documentation',
-        link: 'https://example.com/docs/query',
-        token: 'documentation-token',
-    },
-];
-
-const deletedAttachments: Attachment[] = [
-    {id: 'archive', name: 'archive.csv'},
-    {
-        id: 'old-dashboard',
-        name: 'Old dashboard',
-        link: 'https://example.com/dashboards/old',
-        token: 'dashboard-token',
-    },
-];
-
-const tokens: NonNullable<AttachmentsProps['tokens']> = [
-    {value: 'documentation-token', title: 'Documentation token'},
-    {value: 'dashboard-token', title: 'Dashboard token'},
-];
-
-const meta = {
-    title: 'Modules/Attachments',
-    component: Attachments,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-    decorators: [
-        (Story) => (
-            <div style={{height: 500, width: 322}}>
-                <Story />
-            </div>
-        ),
-    ],
-    args: {
-        tokens,
-        onChange: fn(),
-    },
-} satisfies Meta<typeof Attachments>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-/** Empty state with content configured through `placeholderProps`. */
-export const Default: Story = {
-    args: {
-        placeholderProps: {
-            title: 'No attachments',
-            description: 'Add files or links that should be available to the query.',
-            linkForDoc: '#attachments-help',
-            linkText: 'About attachments',
-        },
-    },
-};
-
-/** Initial files and links supplied through the uncontrolled `attachments` API. */
-export const WithAttachments: Story = {
-    args: {
-        attachments,
-    },
-};
-
-/** Current and deleted collections. Open the Deleted tab to restore an attachment. */
-export const WithDeletedAttachments: Story = {
-    args: {
-        attachments,
-        deletedAttachments,
-    },
-};
-
-const ControlledAttachments = (props: AttachmentsProps) => {
-    const [currentAttachments, setCurrentAttachments] = useState(props.attachments ?? []);
-    const [currentDeletedAttachments, setCurrentDeletedAttachments] = useState(
-        props.deletedAttachments ?? [],
-    );
-
-    return (
-        <Attachments
-            {...props}
-            attachments={currentAttachments}
-            deletedAttachments={currentDeletedAttachments}
-            onChange={(payload) => {
-                setCurrentAttachments(payload.attachments);
-                setCurrentDeletedAttachments(payload.deletedAttachments);
-                props.onChange?.(payload);
-            }}
-        />
-    );
-};
-
-/** Controlled usage: every edit, delete, restore, or addition is applied from `onChange`. */
-export const Controlled: Story = {
-    args: {
-        attachments,
-        deletedAttachments,
-    },
-    render: (args) => <ControlledAttachments {...args} />,
-};