@gravity-ui/querieskit 1.0.3 → 1.1.0

package/.agents/skills/code-review-checklist/SKILL.md

@@ -0,0 +1,135 @@
+---
+name: code-review-checklist
+description: Applies the Code Review Checklist (logical bugs, edge cases, security, performance) when reviewing code, checking logic, or hunting bugs. Use on any request for code review, проверку логики, поиск багов, or bug hunting in code.
+---
+
+# **Code Review Checklist**
+
+## **Logical Bugs Checklist**
+
+### **Control Flow**
+
+- All branches are reachable and necessary
+- No dead code paths
+- Loop conditions terminate correctly
+- Switch/case has default or is exhaustive
+- Early returns don't skip necessary cleanup
+- Conditional logic matches the intent (off-by-one, inverted conditions)
+
+### **Null & Undefined Handling**
+
+- Null checks before dereferencing
+- Optional chaining used where appropriate
+- Default values for missing fields
+- No assumptions about object shape without validation
+
+### **Error Handling**
+
+- Errors caught at appropriate level
+- No swallowed errors (empty catch blocks)
+- Error propagation preserves context
+- Graceful degradation on failure
+- Resource cleanup in finally blocks
+
+### **Concurrency & Race Conditions**
+
+- Shared mutable state is protected
+- No race conditions in async code
+- Locks/mutexes used correctly where needed
+- Callbacks don't cause interleaving issues
+- Atomicity of compound operations guaranteed
+
+### **State Management**
+
+- State transitions are valid and complete
+- No stale state after updates
+- State not mutated directly (where immutable pattern expected)
+- Derived state recomputed when dependencies change
+- No state leaks between independent operations
+
+### **Data Flow**
+
+- Data transformations preserve invariants
+- No data loss in type conversions
+- Array/object mutations don't affect unexpected references
+- Input validation at boundaries
+- Output consistency with input constraints
+
+## **Edge Cases Checklist**
+
+### **Boundary Conditions**
+
+- Empty collections handled
+- Zero / negative values handled
+- Maximum values don't overflow
+- String length edge cases (empty, very long, unicode)
+- Date/time edge cases (timezones, leap years, midnight)
+
+### **Resource Management**
+
+- File handles closed after use
+- Network connections properly terminated
+- Database connections returned to pool
+- Event listeners removed when no longer needed
+- Temporary resources cleaned up
+
+### **Integration Points**
+
+- API contracts honored (request/response shapes)
+- External service failures handled gracefully
+- Backward compatibility maintained for public interfaces
+- Breaking changes identified and documented
+- Migration paths exist for schema changes
+
+## **Security Checklist**
+
+### **Input Validation**
+
+- All user inputs are validated
+- Input sanitization applied where needed
+- Type checking enforced
+- Boundary conditions handled
+
+### **SQL Injection**
+
+- Parameterized queries used
+- No string concatenation for SQL
+- ORM methods used correctly
+
+### **XSS (Cross-Site Scripting)**
+
+- Output encoding applied
+- No `dangerouslySetInnerHTML` without sanitization
+- URL parameters validated
+
+### **Authentication & Authorization**
+
+- Proper authentication checks
+- Authorization verified for each endpoint
+- Session management secure
+
+### **Secrets & Credentials**
+
+- No hardcoded secrets
+- Environment variables used for sensitive data
+- No credentials in logs
+
+## **Performance Checklist**
+
+### **Database**
+
+- N+1 queries avoided
+- Proper indexes exist
+- Query optimization applied
+
+### **Memory**
+
+- No memory leaks
+- Large objects handled efficiently
+- Caching used where appropriate
+
+### **Algorithms**
+
+- Appropriate data structures used
+- Time complexity acceptable
+- No nested loops that could be optimized

package/.agents/skills/github-pr-review/SKILL.md

@@ -0,0 +1,24 @@
+---
+name: github-pr-review
+description: Reviews GitHub Pull Requests, analyzes diffs, and validates existing review comments for relevance. Use when the user provides a GitHub PR URL, asks to review a PR, поревьювить PR, проверить PR, or check whether existing review comments are still relevant.
+---
+
+# GitHub PR Review & Validation Rule
+
+## Работа со ссылкой на PR
+Когда предоставлена ссылка на GitHub PR:
+1. **Анализ изменений**: Изучи diff и файлы, затронутые в PR.
+2. **Применение чек-листа**: Используй критерии из skill `code-review-checklist` (Logical Bugs, Edge Cases, Security, Performance) для анализа входящего кода. Сначала прочитай `.agents/skills/code-review-checklist/SKILL.md`.
+
+## Проверка существующих замечаний (Comments Validation)
+Если в PR уже есть комментарии/замечания от других ревьюеров:
+1. **Релевантность**: Проверь, актуально ли ещё замечание. Если код уже исправлен в последних коммитах — отметь это.
+2. **Объективность**: Сверь замечание с текущим чек-листом. Если замечание противоречит стандартам проекта или чек-листу, укажи на это.
+
+## Формат ответа
+Для каждого замечания (нового или существующего из PR) используй формат:
+- **Локация**: [Файл : Строка]
+- **Статус**: (Новое / Подтверждено / Исправлено / Неактуально)
+- **Критичность**: (High / Medium / Low)
+- **Суть**: Краткое описание проблемы согласно чек-листу.
+- **Рекомендация**: Конкретный пример исправленного кода.

package/.agents/skills/gravity-ui/references/package-routing.md

@@ -340,13 +340,13 @@ A library for rendering whole web pages or page sections from declarative JSON/Y
 - Data-driven pages: render a `content` config of typed blocks with `PageConstructor` wrapped in `PageConstructorProvider`.
 - Marketing, landing, and documentation pages assembled from prebuilt blocks (headers, media, cards, etc.).
 - Server-side YFM processing of block text via the `@gravity-ui/page-constructor/server` utilities (`contentTransformer`, `fullTransform`).
-- Reusing just the responsive grid (`Grid`/`Row`/`Col`) or `Navigation` component standalone.
+- Reusing just the responsive grid (`Grid`/`Row`/`Col`) or `QueriesNavigation` component standalone.
 
 #### When not to use
 
 - General application UI (buttons, forms, modals) — use [`@gravity-ui/uikit`](https://github.com/gravity-ui/uikit).
 - Editing Markdown/YFM content — use [`@gravity-ui/markdown-editor`](https://github.com/gravity-ui/markdown-editor).
-- App navigation shells (aside header) — use [`@gravity-ui/navigation`](https://github.com/gravity-ui/navigation); this package's `Navigation` is a page-level top nav.
+- App navigation shells (aside header) — use [`@gravity-ui/navigation`](https://github.com/gravity-ui/navigation); this package's `QueriesNavigation` is a page-level top nav.
 
 ## Page-constructor-builder — `@gravity-ui/page-constructor-builder`
 

package/.github/workflows/main-preview.yml

@@ -26,6 +26,6 @@ jobs:
       uses: gravity-ui/preview-upload-to-s3-action@v1
       with:
         src-path: storybook-static
-        dest-path: /timeline/main/
+        dest-path: /querieskit/main/
         s3-key-id: ${{ secrets.STORYBOOK_S3_KEY_ID }}
         s3-secret-key: ${{ secrets.STORYBOOK_S3_SECRET_KEY }}

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## [1.1.0](https://github.com/gravity-ui/querieskit/compare/v1.0.4...v1.1.0) (2026-08-28)
+
+
+### Features
+
+* add icons for new graphs ([0252880](https://github.com/gravity-ui/querieskit/commit/0252880ff89c2c3d1edfc725308785212fdf380d))
+* add possible control chartItems state outside DashboardCharts ([a3e2884](https://github.com/gravity-ui/querieskit/commit/a3e288435bc474652b80a2da65c3b4639aaf5c3e))
+* init DashboardCharts ([1d166a8](https://github.com/gravity-ui/querieskit/commit/1d166a8d106ae03e6005acea254f1572a42ebc36))
+* init DashboardCharts ([806147a](https://github.com/gravity-ui/querieskit/commit/806147aefe39220f37fed27e95821e1a680e5f57))
+* refactor component Dashboard ([42eceff](https://github.com/gravity-ui/querieskit/commit/42ecefff63e054d2048f882f732c1382a9086e1f))
+* **UI:** add common search component [YTFRONT-5935] ([a21c39e](https://github.com/gravity-ui/querieskit/commit/a21c39e5ea4373bc871db1d50803da2dc53223ea))
+* **UI:** navigation [YTFRONT-5935] ([cd83b36](https://github.com/gravity-ui/querieskit/commit/cd83b36377f3dce6fae1c62dc1377411b45620c7))
+
+
+### Bug Fixes
+
+* fix i18n in DashboardCharts ([9ebc11a](https://github.com/gravity-ui/querieskit/commit/9ebc11ad1b11825908b197d7caf7cb4ccaf6dca2))
+* fix opening chart ([9988324](https://github.com/gravity-ui/querieskit/commit/99883243d6102222555a6bfb29164bff3df6d2ad))
+* fix TS types errors ([bd9cff7](https://github.com/gravity-ui/querieskit/commit/bd9cff7f33924dcea598967df8eb6b36b3e5c1f7))
+* fix types ([2b23ff7](https://github.com/gravity-ui/querieskit/commit/2b23ff7f4c79f320c9222311e5b15fcd448f2958))
+* **History:** wrong paddings [YTFRONT-5935] ([fb1b815](https://github.com/gravity-ui/querieskit/commit/fb1b815f7bda61d66de5393c67ad7565df344946))
+
+## [1.0.4](https://github.com/gravity-ui/querieskit/compare/v1.0.3...v1.0.4) (2026-08-12)
+
+
+### Bug Fixes
+
+* **CI:** wrong deploy directory [YTFRONT-5935] ([30a5621](https://github.com/gravity-ui/querieskit/commit/30a5621659acc20e7439a7a3f5eeade033ad1a5e))
+
 ## [1.0.3](https://github.com/gravity-ui/querieskit/compare/v1.0.2...v1.0.3) (2026-08-12)
 
 

package/build/cjs/components/AddChartButton/AddChartButton.css

@@ -0,0 +1,11 @@
+.qp-add-chart-button {
+  flex-shrink: 0;
+}
+.qp-add-chart-button__menu {
+  width: 360px;
+  max-width: calc(100vw - var(--g-spacing-8));
+}
+.qp-add-chart-button__option-icon {
+  color: var(--g-color-text-brand);
+}
+/*# sourceMappingURL=AddChartButton.css.map */

package/build/cjs/components/AddChartButton/AddChartButton.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AddChartButton.scss"],"names":[],"mappings":"AAAA;EACI,cAAA;AACJ;AACI;EACI,YAAA;EACA,2CAAA;AACR;AAEI;EACI,gCAAA;AAAR","file":"AddChartButton.css","sourcesContent":[".qp-add-chart-button {\n    flex-shrink: 0;\n\n    &__menu {\n        inline-size: 360px;\n        max-inline-size: calc(100vw - var(--g-spacing-8));\n    }\n\n    &__option-icon {\n        color: var(--g-color-text-brand);\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/AddChartButton/AddChartButton.d.ts

@@ -0,0 +1,29 @@
+import React, { type ReactNode } from 'react';
+import { type ButtonButtonProps, type DropdownMenuProps, type IconData } from '@gravity-ui/uikit';
+import './AddChartButton.scss';
+export type AddChartButtonOption<TValue extends string = string> = {
+    value: TValue;
+    text: ReactNode;
+    icon?: IconData;
+    disabled?: boolean;
+    hidden?: boolean;
+};
+export type DefaultAddChartButtonValue = 'Area' | 'BarX' | 'BarY' | 'Line' | 'Pie' | 'Scatter' | 'Waterfall';
+export declare const DEFAULT_ADD_CHART_BUTTON_OPTIONS: readonly AddChartButtonOption<DefaultAddChartButtonValue>[];
+type SwitcherButtonProps = Omit<ButtonButtonProps, 'children' | 'className' | 'disabled' | 'onClick' | 'onKeyDown' | 'selected' | 'size' | 'view'>;
+type MenuProps = NonNullable<DropdownMenuProps<unknown>['menuProps']>;
+type PopupProps = NonNullable<DropdownMenuProps<unknown>['popupProps']>;
+export type AddChartButtonProps<TValue extends string = DefaultAddChartButtonValue> = {
+    text?: ReactNode;
+    options?: readonly AddChartButtonOption<TValue>[];
+    onSelect: (value: TValue) => void;
+    open?: boolean;
+    onOpenToggle?: (open: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+    buttonProps?: SwitcherButtonProps;
+    menuProps?: MenuProps;
+    popupProps?: PopupProps;
+};
+export declare const AddChartButton: <TValue extends string = DefaultAddChartButtonValue>({ text, options, onSelect, open, onOpenToggle, disabled, className, buttonProps, menuProps, popupProps, }: AddChartButtonProps<TValue>) => React.JSX.Element;
+export {};

package/build/cjs/components/AddChartButton/AddChartButton.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_ADD_CHART_BUTTON_OPTIONS = exports.AddChartButton = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
+var _react = _interopRequireWildcard(require("react"));
+var _icons = require("@gravity-ui/icons");
+var _uikit = require("@gravity-ui/uikit");
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+require("./AddChartButton.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var block = (0, _bemCnLite.default)('qp-add-chart-button');
+var DEFAULT_ADD_CHART_BUTTON_OPTIONS = exports.DEFAULT_ADD_CHART_BUTTON_OPTIONS = [{
+  value: 'Area',
+  text: 'Area',
+  icon: _icons.ChartAreaStacked
+}, {
+  value: 'BarX',
+  text: 'BarX',
+  icon: _icons.ChartBar
+}, {
+  value: 'BarY',
+  text: 'BarY',
+  icon: _icons.ChartColumn
+}, {
+  value: 'Line',
+  text: 'Line',
+  icon: _icons.ChartLine
+}, {
+  value: 'Pie',
+  text: 'Pie',
+  icon: _icons.ChartPie
+}, {
+  value: 'Scatter',
+  text: 'Scatter',
+  icon: _icons.Circles5Random
+}, {
+  value: 'Waterfall',
+  text: 'Waterfall',
+  icon: _icons.SquareBars
+}];
+var AddChartButton = exports.AddChartButton = function AddChartButton(_ref) {
+  var _menuProps$size;
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? 'Add chart' : _ref$text,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? DEFAULT_ADD_CHART_BUTTON_OPTIONS : _ref$options,
+    onSelect = _ref.onSelect,
+    open = _ref.open,
+    onOpenToggle = _ref.onOpenToggle,
+    disabled = _ref.disabled,
+    className = _ref.className,
+    buttonProps = _ref.buttonProps,
+    menuProps = _ref.menuProps,
+    popupProps = _ref.popupProps;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    innerOpen = _useState2[0],
+    setInnerOpen = _useState2[1];
+  var isOpen = open !== null && open !== void 0 ? open : innerOpen;
+  var items = (0, _react.useMemo)(function () {
+    return options.map(function (_ref2) {
+      var value = _ref2.value,
+        optionText = _ref2.text,
+        icon = _ref2.icon,
+        optionDisabled = _ref2.disabled,
+        hidden = _ref2.hidden;
+      return {
+        text: optionText,
+        iconStart: icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: icon,
+          size: 16,
+          className: block('option-icon')
+        }),
+        disabled: optionDisabled,
+        hidden: hidden,
+        action: function action() {
+          return onSelect(value);
+        }
+      };
+    });
+  }, [onSelect, options]);
+  var handleOpenToggle = function handleOpenToggle(nextOpen) {
+    var nextValue = typeof nextOpen === 'function' ? nextOpen(isOpen) : nextOpen;
+    if (open === undefined) {
+      setInnerOpen(nextValue);
+    }
+    onOpenToggle === null || onOpenToggle === void 0 || onOpenToggle(nextValue);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.DropdownMenu, {
+    items: items,
+    open: isOpen,
+    onOpenToggle: handleOpenToggle,
+    disabled: disabled,
+    size: "s",
+    switcherWrapperClassName: block(null, className),
+    renderSwitcher: function renderSwitcher(switcherProps) {
+      var _buttonProps$type;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, buttonProps), switcherProps), {}, {
+        type: (_buttonProps$type = buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.type) !== null && _buttonProps$type !== void 0 ? _buttonProps$type : 'button',
+        view: "flat-action",
+        size: "m",
+        selected: isOpen,
+        disabled: disabled,
+        "aria-haspopup": "menu",
+        "aria-expanded": isOpen,
+        className: block('button'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+          data: _icons.Plus,
+          size: 16
+        }), text]
+      }));
+    },
+    menuProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, menuProps), {}, {
+      size: (_menuProps$size = menuProps === null || menuProps === void 0 ? void 0 : menuProps.size) !== null && _menuProps$size !== void 0 ? _menuProps$size : 's',
+      className: block('menu', menuProps === null || menuProps === void 0 ? void 0 : menuProps.className)
+    }),
+    popupProps: (0, _objectSpread2.default)({
+      placement: 'bottom-start'
+    }, popupProps)
+  });
+};
+// #sourceMappingURL=AddChartButton.js.map

package/build/cjs/components/AddChartButton/AddChartButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_bemCnLite","_interopRequireDefault","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","DEFAULT_ADD_CHART_BUTTON_OPTIONS","exports","value","text","icon","ChartAreaStacked","ChartBar","ChartColumn","ChartLine","ChartPie","Circles5Random","SquareBars","AddChartButton","_ref","_menuProps$size","_ref$text","_ref$options","options","onSelect","open","onOpenToggle","disabled","className","buttonProps","menuProps","popupProps","_useState","useState","_useState2","_slicedToArray","innerOpen","setInnerOpen","isOpen","items","useMemo","map","_ref2","optionText","optionDisabled","hidden","iconStart","_jsx","Icon","data","size","action","handleOpenToggle","nextOpen","nextValue","undefined","DropdownMenu","switcherWrapperClassName","renderSwitcher","switcherProps","_buttonProps$type","_jsxs","Button","_objectSpread","type","view","selected","children","Plus","placement"],"sources":["AddChartButton.tsx"],"sourcesContent":["import React, {type ReactNode, useMemo, useState} from 'react';\nimport {\n    ChartAreaStacked,\n    ChartBar,\n    ChartColumn,\n    ChartLine,\n    ChartPie,\n    Circles5Random,\n    Plus,\n    SquareBars,\n} from '@gravity-ui/icons';\nimport {\n    Button,\n    type ButtonButtonProps,\n    DropdownMenu,\n    type DropdownMenuProps,\n    Icon,\n    type IconData,\n} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\n\nimport './AddChartButton.scss';\n\nconst block = cn('qp-add-chart-button');\n\nexport type AddChartButtonOption<TValue extends string = string> = {\n    value: TValue;\n    text: ReactNode;\n    icon?: IconData;\n    disabled?: boolean;\n    hidden?: boolean;\n};\n\nexport type DefaultAddChartButtonValue =\n    'Area' | 'BarX' | 'BarY' | 'Line' | 'Pie' | 'Scatter' | 'Waterfall';\n\nexport const DEFAULT_ADD_CHART_BUTTON_OPTIONS: readonly AddChartButtonOption<DefaultAddChartButtonValue>[] =\n    [\n        {value: 'Area', text: 'Area', icon: ChartAreaStacked},\n        {value: 'BarX', text: 'BarX', icon: ChartBar},\n        {value: 'BarY', text: 'BarY', icon: ChartColumn},\n        {value: 'Line', text: 'Line', icon: ChartLine},\n        {value: 'Pie', text: 'Pie', icon: ChartPie},\n        {value: 'Scatter', text: 'Scatter', icon: Circles5Random},\n        {value: 'Waterfall', text: 'Waterfall', icon: SquareBars},\n    ];\n\ntype SwitcherButtonProps = Omit<\n    ButtonButtonProps,\n    'children' | 'className' | 'disabled' | 'onClick' | 'onKeyDown' | 'selected' | 'size' | 'view'\n>;\n\ntype MenuProps = NonNullable<DropdownMenuProps<unknown>['menuProps']>;\ntype PopupProps = NonNullable<DropdownMenuProps<unknown>['popupProps']>;\n\nexport type AddChartButtonProps<TValue extends string = DefaultAddChartButtonValue> = {\n    text?: ReactNode;\n    options?: readonly AddChartButtonOption<TValue>[];\n    onSelect: (value: TValue) => void;\n    open?: boolean;\n    onOpenToggle?: (open: boolean) => void;\n    disabled?: boolean;\n    className?: string;\n    buttonProps?: SwitcherButtonProps;\n    menuProps?: MenuProps;\n    popupProps?: PopupProps;\n};\n\nexport const AddChartButton = <TValue extends string = DefaultAddChartButtonValue>({\n    text = 'Add chart',\n    options = DEFAULT_ADD_CHART_BUTTON_OPTIONS as readonly AddChartButtonOption<TValue>[],\n    onSelect,\n    open,\n    onOpenToggle,\n    disabled,\n    className,\n    buttonProps,\n    menuProps,\n    popupProps,\n}: AddChartButtonProps<TValue>) => {\n    const [innerOpen, setInnerOpen] = useState(false);\n    const isOpen = open ?? innerOpen;\n\n    const items = useMemo(\n        () =>\n            options.map(({value, text: optionText, icon, disabled: optionDisabled, hidden}) => ({\n                text: optionText,\n                iconStart: icon && <Icon data={icon} size={16} className={block('option-icon')} />,\n                disabled: optionDisabled,\n                hidden,\n                action: () => onSelect(value),\n            })),\n        [onSelect, options],\n    );\n\n    const handleOpenToggle: React.Dispatch<React.SetStateAction<boolean>> = (nextOpen) => {\n        const nextValue = typeof nextOpen === 'function' ? nextOpen(isOpen) : nextOpen;\n\n        if (open === undefined) {\n            setInnerOpen(nextValue);\n        }\n\n        onOpenToggle?.(nextValue);\n    };\n\n    return (\n        <DropdownMenu\n            items={items}\n            open={isOpen}\n            onOpenToggle={handleOpenToggle}\n            disabled={disabled}\n            size=\"s\"\n            switcherWrapperClassName={block(null, className)}\n            renderSwitcher={(switcherProps) => (\n                <Button\n                    {...buttonProps}\n                    {...switcherProps}\n                    type={buttonProps?.type ?? 'button'}\n                    view=\"flat-action\"\n                    size=\"m\"\n                    selected={isOpen}\n                    disabled={disabled}\n                    aria-haspopup=\"menu\"\n                    aria-expanded={isOpen}\n                    className={block('button')}\n                >\n                    <Icon data={Plus} size={16} />\n                    {text}\n                </Button>\n            )}\n            menuProps={{\n                ...menuProps,\n                size: menuProps?.size ?? 's',\n                className: block('menu', menuProps?.className),\n            }}\n            popupProps={{placement: 'bottom-start', ...popupProps}}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/AddChartButton/AddChartButton.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AddChartButton } from './AddChartButton';
+declare const meta: Meta<typeof AddChartButton>;
+export default meta;
+type Story = StoryObj<typeof AddChartButton>;
+export declare const Default: Story;
+export declare const Opened: Story;
+export declare const CustomText: Story;

package/build/cjs/components/AddChartButton/AddChartButton.stories.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Opened = exports.Default = exports.CustomText = void 0;
+var _actions = require("storybook/actions");
+var _AddChartButton = require("./AddChartButton");
+var meta = {
+  title: 'Components/AddChartButton',
+  component: _AddChartButton.AddChartButton,
+  tags: ['autodocs'],
+  parameters: {
+    layout: 'padded'
+  },
+  args: {
+    onSelect: (0, _actions.action)('onSelect'),
+    onOpenToggle: (0, _actions.action)('onOpenToggle')
+  }
+};
+var _default = exports.default = meta;
+var Default = exports.Default = {};
+var Opened = exports.Opened = {
+  args: {
+    open: true
+  }
+};
+var CustomText = exports.CustomText = {
+  args: {
+    text: 'Add visualization'
+  }
+};
+// #sourceMappingURL=AddChartButton.stories.js.map

package/build/cjs/components/AddChartButton/AddChartButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_actions","require","_AddChartButton","meta","title","component","AddChartButton","tags","parameters","layout","args","onSelect","action","onOpenToggle","_default","exports","default","Default","Opened","open","CustomText","text"],"sources":["AddChartButton.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {action} from 'storybook/actions';\n\nimport {AddChartButton} from './AddChartButton';\n\nconst meta: Meta<typeof AddChartButton> = {\n    title: 'Components/AddChartButton',\n    component: AddChartButton,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    args: {\n        onSelect: action('onSelect'),\n        onOpenToggle: action('onOpenToggle'),\n    },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof AddChartButton>;\n\nexport const Default: Story = {};\n\nexport const Opened: Story = {\n    args: {\n        open: true,\n    },\n};\n\nexport const CustomText: Story = {\n    args: {\n        text: 'Add visualization',\n    },\n};\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAME,IAAiC,GAAG;EACtCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEC,8BAAc;EACzBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACFC,QAAQ,EAAE,IAAAC,eAAM,EAAC,UAAU,CAAC;IAC5BC,YAAY,EAAE,IAAAD,eAAM,EAAC,cAAc;EACvC;AACJ,CAAC;AAAA,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcb,IAAI;AAGZ,IAAMc,OAAc,GAAAF,OAAA,CAAAE,OAAA,GAAG,CAAC,CAAC;AAEzB,IAAMC,MAAa,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACzBR,IAAI,EAAE;IACFS,IAAI,EAAE;EACV;AACJ,CAAC;AAEM,IAAMC,UAAiB,GAAAL,OAAA,CAAAK,UAAA,GAAG;EAC7BV,IAAI,EAAE;IACFW,IAAI,EAAE;EACV;AACJ,CAAC","ignoreList":[]}

package/build/cjs/components/AddChartButton/index.d.ts

@@ -0,0 +1,2 @@
+export { AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS } from './AddChartButton';
+export type { AddChartButtonOption, AddChartButtonProps, DefaultAddChartButtonValue, } from './AddChartButton';

package/build/cjs/components/AddChartButton/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AddChartButton", {
+  enumerable: true,
+  get: function () {
+    return _AddChartButton.AddChartButton;
+  }
+});
+Object.defineProperty(exports, "DEFAULT_ADD_CHART_BUTTON_OPTIONS", {
+  enumerable: true,
+  get: function () {
+    return _AddChartButton.DEFAULT_ADD_CHART_BUTTON_OPTIONS;
+  }
+});
+var _AddChartButton = require("./AddChartButton");
+// #sourceMappingURL=index.js.map

package/build/cjs/components/AddChartButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AddChartButton","require"],"sources":["index.ts"],"sourcesContent":["export {AddChartButton, DEFAULT_ADD_CHART_BUTTON_OPTIONS} from './AddChartButton';\nexport type {\n    AddChartButtonOption,\n    AddChartButtonProps,\n    DefaultAddChartButtonValue,\n} from './AddChartButton';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

package/build/cjs/components/Breadcrumbs/Breadcrumbs.css

@@ -0,0 +1,18 @@
+.qp-breadcrumbs {
+  min-width: 0;
+}
+.qp-breadcrumbs__list {
+  flex: 1;
+  min-width: 0;
+}
+.qp-breadcrumbs__path-editor {
+  flex: 1;
+  min-width: 0;
+}
+.qp-breadcrumbs__edit-button {
+  display: none;
+}
+.qp-breadcrumbs:hover .qp-breadcrumbs__edit-button {
+  display: block;
+}
+/*# sourceMappingURL=Breadcrumbs.css.map */

package/build/cjs/components/Breadcrumbs/Breadcrumbs.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Breadcrumbs.scss"],"names":[],"mappings":"AAAA;EAGI,YAAA;AADJ;AAGI;EACI,OAAA;EACA,YAAA;AADR;AAII;EACI,OAAA;EACA,YAAA;AAFR;AAKI;EACI,aAAA;AAHR;AAOQ;EACI,cAAA;AALZ","file":"Breadcrumbs.css","sourcesContent":[".qp-breadcrumbs {\n    $self: &;\n\n    min-width: 0;\n\n    &__list {\n        flex: 1;\n        min-width: 0;\n    }\n\n    &__path-editor {\n        flex: 1;\n        min-width: 0;\n    }\n\n    &__edit-button {\n        display: none;\n    }\n\n    &:hover {\n        #{$self}__edit-button {\n            display: block;\n        }\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { NavigationLocation } from '../../types/navigation';
+import type { LoadPathSuggestions } from '../../types/pathEditor';
+import './Breadcrumbs.scss';
+export type BreadcrumbsProps = {
+    location: NavigationLocation;
+    hideResetButton?: boolean;
+    className?: string;
+    onUpdate: (location: NavigationLocation) => void;
+    onLoadSuggestions?: LoadPathSuggestions;
+};
+export declare const Breadcrumbs: FC<BreadcrumbsProps>;