@gravity-ui/querieskit 1.3.0 → 1.3.1

package/src/components/MonacoEditor/monaco-yql-languages/yql_ansi/yql_ansi.ts

@@ -1,142 +0,0 @@
-import {type languages} from '../fillers/monaco-editor-core';
-import {builtinFunctions, keywords, typeKeywords} from '../yql/yql.keywords';
-
-export {conf} from '../yql/yql';
-
-export const language: languages.IMonarchLanguage & Record<string, unknown> = {
-    defaultToken: 'text',
-    ignoreCase: true,
-    brackets: [
-        {open: '[', close: ']', token: 'delimiter.square'},
-        {open: '(', close: ')', token: 'delimiter.parenthesis'},
-        {open: '{', close: '}', token: 'delimiter.curly'},
-    ],
-    keywords,
-    typeKeywords,
-    constants: ['true', 'false'],
-    builtinFunctions,
-    operators: [
-        '+',
-        '-',
-        '/',
-        '//',
-        '%',
-        '<@>',
-        '@>',
-        '<@',
-        '&',
-        '^',
-        '~',
-        '<',
-        '>',
-        '<=',
-        '=>',
-        '==',
-        '!=',
-        '<>',
-        '=',
-    ],
-    symbols: /[=><!~?:&|+\-*/^%]+/,
-    escapes: /\\(?:[abfnrtv\\"']|x[0-9A-Fa-f]{1,4}|u[0-9A-Fa-f]{4}|U[0-9A-Fa-f]{8})/,
-    variables: /[a-zA-Z_]\w*/,
-    tokenizer: {
-        root: [
-            {include: '@whitespace'},
-            {include: '@comments'},
-            {include: '@numbers'},
-            {include: '@tablePath'},
-            {include: '@strings'},
-            [/(@variables)::(@variables)/, 'support.function'],
-            [/[;,.]/, 'delimiter'],
-            [/[{}()[\]]/, '@brackets'],
-            [/(\w+\.)*`\/\/(.*?)`/g, {token: 'path'}],
-            [
-                /@?[a-zA-Z_$]\w*/,
-                {
-                    cases: {
-                        '@keywords': 'keyword',
-                        '@typeKeywords': 'keyword.type',
-                        '@constants': 'constant.yql',
-                        '@builtinFunctions': 'constant.other.color',
-                        '[$@][a-zA-Z_]\\w*': 'variable',
-                        '@default': 'identifier',
-                    },
-                },
-            ],
-            [
-                /@symbols/,
-                {
-                    cases: {
-                        '@operators': 'operator.sql',
-                        '@default': '',
-                    },
-                },
-            ],
-        ],
-        whitespace: [[/\s+/, 'white']],
-        comments: [
-            [/--.*/, 'comment'],
-            [/\/\*/, {token: 'comment.quote', next: '@commentAnsi'}],
-        ],
-        comment: [
-            [/[^*/]+/, 'comment'],
-            [/\*\//, {token: 'comment.quote', next: '@pop'}],
-            [/./, 'comment'],
-        ],
-        commentAnsi: [
-            [/\/\*/, {token: 'comment.quote', next: '@comment'}],
-            [/[^*/]+/, 'comment'],
-            [/\*\//, {token: 'comment.quote', next: '@pop'}],
-            [/./, 'comment'],
-        ],
-        numbers: [
-            [/[+-]?\d+(?:(?:\.\d*)?(?:[eE][+-]?\d+)?)?f?\b/, 'number.float'],
-            [/[+-]?(?:\d+|0b[01]+|0o[0-7]+|0x[\da-f]+)(?:u?[lst]?)?\b/, 'number'],
-        ],
-        strings: [
-            [/'/, {token: 'string', next: '@stringAnsiSingle'}],
-            [/"/, {token: 'string', next: '@stringAnsiDouble'}],
-            [/[@]{2}/, {token: 'string', next: '@multilineString'}],
-        ],
-        stringSingle: [
-            [/[^\\']+/, 'string'],
-            [/@escapes/, 'string.escape'],
-            [/\\./, 'string.escape.invalid'],
-            [/'[uyj]?/, {token: 'string', next: '@pop'}],
-        ],
-        stringAnsiSingle: [
-            [/[^']+/, 'string'],
-            [/''/, 'string'],
-            [/'[uyj]?/, {token: 'string', next: '@pop'}],
-        ],
-        stringDouble: [
-            [/[^\\"]+/, 'string'],
-            [/@escapes/, 'string.escape'],
-            [/\\./, 'string.escape.invalid'],
-            [/"[uyj]?/, {token: 'string', next: '@pop'}],
-        ],
-        stringAnsiDouble: [
-            [/[^"]+/, 'string'],
-            [/""/, 'string'],
-            [/"[uyj]?/, {token: 'string', next: '@pop'}],
-        ],
-        multilineString: [
-            [/#py/, {token: 'string.python', nextEmbedded: 'python', next: '@embedded', goBack: 3}],
-            [
-                /\/\/js/,
-                {token: 'string.js', nextEmbedded: 'javascript', next: '@embedded', goBack: 4},
-            ],
-            [/[^@]+/, 'string'],
-            [/[@]{4}/, 'string'],
-            [/[@]{2}[uyj]?/, {token: 'string', next: '@pop'}],
-            [/./, 'string'],
-        ],
-        embedded: [
-            [
-                /([^@]|^)([@]{4})*[@]{2}([@]([^@]|$)|[^@]|$)/,
-                {token: '@rematch', next: '@pop', nextEmbedded: '@pop'},
-            ],
-        ],
-        tablePath: [[/`\/?[\w/-]+`/, {token: 'string.tablepath'}]],
-    },
-};

package/src/components/NavigationActionButtons/NavigationActionButtons.tsx

@@ -1,46 +0,0 @@
-import React from 'react';
-import {Button, Flex} from '@gravity-ui/uikit';
-import type {NavigationAction} from '../../types/navigation';
-
-export type NavigationActionButtonsProps<TArg> = {
-    actions?: Array<NavigationAction<TArg>>;
-    arg: TArg;
-    className?: string;
-    buttonClassName?: string;
-};
-
-export function NavigationActionButtons<TArg>({
-    actions,
-    arg,
-    className,
-    buttonClassName,
-}: NavigationActionButtonsProps<TArg>) {
-    const visibleActions = actions?.filter((action) => !action.hidden) ?? [];
-
-    if (visibleActions.length === 0) {
-        return null;
-    }
-
-    return (
-        <Flex gap={1} shrink={0} className={className}>
-            {visibleActions.map((action) => (
-                <Button
-                    key={action.id}
-                    view="flat"
-                    size="s"
-                    disabled={action.disabled}
-                    title={action.title}
-                    aria-label={action.title}
-                    qa={action.qa}
-                    className={buttonClassName}
-                    onClick={(e) => {
-                        e.stopPropagation();
-                        action.onClick(arg);
-                    }}
-                >
-                    {action.content}
-                </Button>
-            ))}
-        </Flex>
-    );
-}

package/src/components/NavigationActionButtons/index.ts

@@ -1,2 +0,0 @@
-export {NavigationActionButtons} from './NavigationActionButtons';
-export type {NavigationActionButtonsProps} from './NavigationActionButtons';

package/src/components/NavigationItemRow/NavigationItemRow.tsx

@@ -1,28 +0,0 @@
-import React, {FC} from 'react';
-import {Flex, Icon, Text} from '@gravity-ui/uikit';
-import cn from 'bem-cn-lite';
-import {NavigationItem} from '../../types/navigation';
-import {getDefaultNavigationIcon} from '../../helpers/getDefaultNavigationIcon';
-
-const block = cn('qp-navigation-item-row');
-
-export type NavigationItemRowProps = {
-    item: NavigationItem;
-};
-
-export const NavigationItemRow: FC<NavigationItemRowProps> = ({item}) => {
-    return (
-        <Flex gap={2} alignItems="center" className={block({disabled: item.disabled})}>
-            {item.icon ?? (
-                <Icon data={getDefaultNavigationIcon(item.kind, item.targetPathBroken)} size={16} />
-            )}
-            <Text
-                className={block('title')}
-                color={item.disabled ? 'secondary' : undefined}
-                ellipsis
-            >
-                {item.title}
-            </Text>
-        </Flex>
-    );
-};

package/src/components/NavigationItemRow/index.ts

@@ -1,2 +0,0 @@
-export {NavigationItemRow} from './NavigationItemRow';
-export type {NavigationItemRowProps} from './NavigationItemRow';

package/src/components/PathEditor/PathEditor.scss

@@ -1,41 +0,0 @@
-.qp-path-editor {
-    position: relative;
-    display: block;
-    width: 100%;
-
-    &__items {
-        max-height: 300px;
-        overflow: hidden auto;
-        background-color: var(--g-color-base-float);
-    }
-
-    &__item {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: 0 16px;
-        overflow: hidden;
-        line-height: 32px;
-        color: var(--g-color-text-primary);
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer;
-
-        &:hover,
-        &_selected {
-            background-color: var(--g-color-base-simple-hover);
-        }
-
-        &_error {
-            color: var(--g-color-text-danger);
-            cursor: default;
-        }
-    }
-
-    &__item-path {
-        margin-left: 12px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-}

package/src/components/PathEditor/PathEditor.stories.helpers.ts

@@ -1,118 +0,0 @@
-import type {LoadPathSuggestionsParams, PathEditorSuggestion} from '../../types/pathEditor';
-import type {NavigationItemKind} from '../../types/navigation';
-
-type MockNode = {
-    name: string;
-    kind: NavigationItemKind;
-    children?: MockNode[];
-};
-
-const TREE: MockNode = {
-    name: '',
-    kind: 'folder',
-    children: [
-        {
-            name: 'home',
-            kind: 'folder',
-            children: [
-                {
-                    name: 'user',
-                    kind: 'folder',
-                    children: [
-                        {
-                            name: 'projects',
-                            kind: 'folder',
-                            children: [
-                                {name: 'favorites', kind: 'folder'},
-                                {name: 'query.sql', kind: 'file'},
-                            ],
-                        },
-                        {name: 'tmp', kind: 'folder'},
-                        {name: 'events', kind: 'table'},
-                        {name: 'events_dyn', kind: 'table'},
-                    ],
-                },
-                {
-                    name: 'my-projects',
-                    kind: 'folder',
-                    children: [
-                        {name: 'favorites', kind: 'folder'},
-                        {
-                            name: 'very',
-                            kind: 'folder',
-                            children: [
-                                {
-                                    name: 'long',
-                                    kind: 'folder',
-                                    children: [
-                                        {
-                                            name: 'nested',
-                                            kind: 'folder',
-                                            children: [
-                                                {
-                                                    name: 'directory',
-                                                    kind: 'folder',
-                                                    children: [{name: 'structure', kind: 'folder'}],
-                                                },
-                                            ],
-                                        },
-                                    ],
-                                },
-                            ],
-                        },
-                    ],
-                },
-            ],
-        },
-        {name: 'tmp', kind: 'folder'},
-        {name: 'sys', kind: 'unknown'},
-    ],
-};
-
-function getParentPath(path: string): string {
-    if (!path || path === '/') {
-        return '/';
-    }
-
-    const normalized = path.endsWith('/') ? path.slice(0, -1) : path;
-    const index = normalized.lastIndexOf('/');
-    return index <= 0 ? '/' : normalized.slice(0, index);
-}
-
-function findNode(path: string): MockNode | undefined {
-    if (path === '/' || path === '') {
-        return TREE;
-    }
-
-    const parts = path.split('/').filter(Boolean);
-    let current: MockNode | undefined = TREE;
-
-    for (const part of parts) {
-        current = current.children?.find((child) => child.name === part);
-        if (!current) {
-            return undefined;
-        }
-    }
-
-    return current;
-}
-
-export async function mockLoadPathSuggestions({
-    path,
-}: LoadPathSuggestionsParams): Promise<PathEditorSuggestion[]> {
-    await new Promise((resolve) => setTimeout(resolve, 150));
-
-    const parentPath = getParentPath(path);
-    const parent = findNode(parentPath);
-    const children = parent?.children ?? [];
-    const prefix = parentPath === '/' ? '' : parentPath;
-
-    return children
-        .map((child) => ({
-            parentPath,
-            childPath: `/${child.name}`,
-            path: `${prefix}/${child.name}`,
-            kind: child.kind,
-        }))
-        .sort((a, b) => a.childPath.localeCompare(b.childPath));
-}

package/src/components/PathEditor/PathEditor.stories.tsx

@@ -1,57 +0,0 @@
-import type {Meta, StoryObj} from '@storybook/react';
-import {action} from 'storybook/actions';
-import {PathEditor} from './PathEditor';
-import {mockLoadPathSuggestions} from './PathEditor.stories.helpers';
-
-const meta: Meta<typeof PathEditor> = {
-    title: 'Components/PathEditor',
-    component: PathEditor,
-    tags: ['autodocs'],
-    parameters: {
-        layout: 'padded',
-    },
-};
-
-export default meta;
-type Story = StoryObj<typeof PathEditor>;
-
-export const Default: Story = {
-    args: {
-        defaultPath: '/home/user',
-        autoFocus: true,
-        onLoadSuggestions: mockLoadPathSuggestions,
-        onChange: action('onChange'),
-        onApply: action('onApply'),
-        onCancel: action('onCancel'),
-        onBlur: action('onBlur'),
-    },
-};
-
-export const WithClear: Story = {
-    args: {
-        defaultPath: '/home/user/projects',
-        hasClear: true,
-        onLoadSuggestions: mockLoadPathSuggestions,
-        onApply: action('onApply'),
-    },
-};
-
-export const Disabled: Story = {
-    args: {
-        defaultPath: '/home/user',
-        disabled: true,
-        onLoadSuggestions: mockLoadPathSuggestions,
-    },
-};
-
-export const SuggestionsError: Story = {
-    args: {
-        defaultPath: '/home/user',
-        autoFocus: true,
-        suggestionsError: true,
-        errorMessage: 'Failed to load suggestions',
-        onLoadSuggestions: async () => {
-            throw new Error('Failed to load suggestions');
-        },
-    },
-};