@gravity-ui/querieskit 1.0.4 → 1.2.0

package/build/cjs/modules/HistoryHeader/HistoryHeader.d.ts

@@ -1,14 +1,15 @@
 import { FC } from 'react';
-import { QueryHistoryFilterConfig } from '../../types/history';
+import { QueryListFilterConfig } from '../../types/queryList';
 type Props = {
     search?: string;
     fullSearch?: boolean;
     hasClear?: boolean;
-    filter?: QueryHistoryFilterConfig;
+    filter?: QueryListFilterConfig;
     onUpdate: (data: {
         value: string;
         fullSearch: boolean;
     }) => void;
+    className?: string;
 };
 export declare const HistoryHeader: FC<Props>;
 export {};

package/build/cjs/modules/HistoryHeader/HistoryHeader.js

@@ -5,32 +5,63 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HistoryHeader = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.iterator.constructor.js");
 require("core-js/modules/es.iterator.filter.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.search.js");
-var _react = _interopRequireDefault(require("react"));
-var _uikit = require("@gravity-ui/uikit");
-var _HistorySearch = require("./HistorySearch");
-var _HistoryFilter = require("../../components/HistoryFilter");
+var _react = _interopRequireWildcard(require("react"));
+var _FullSearchToggleButton = require("./internal/FullSearchToggleButton");
+var _components = require("../../components");
 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 HistoryHeader = exports.HistoryHeader = function HistoryHeader(_ref) {
   var search = _ref.search,
     fullSearch = _ref.fullSearch,
     hasClear = _ref.hasClear,
     filter = _ref.filter,
-    onUpdate = _ref.onUpdate;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
-    gap: 1,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HistorySearch.HistorySearch, {
-      value: search,
-      fullSearch: fullSearch,
-      hasClear: hasClear,
-      onUpdate: onUpdate
-    }), filter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryFilter.HistoryFilter, (0, _objectSpread2.default)({}, filter))]
+    onUpdate = _ref.onUpdate,
+    className = _ref.className;
+  var _useState = (0, _react.useState)(search || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useState3 = (0, _react.useState)(fullSearch || false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isFullSearch = _useState4[0],
+    setFullSearch = _useState4[1];
+  (0, _react.useEffect)(function () {
+    setSearchValue(search || '');
+    setFullSearch(fullSearch || false);
+  }, [search, fullSearch]);
+  var handleOnUpdate = function handleOnUpdate(newValue) {
+    setSearchValue(newValue);
+    onUpdate({
+      value: newValue,
+      fullSearch: isFullSearch
+    });
+  };
+  var handleModeChange = function handleModeChange() {
+    var newValue = !isFullSearch;
+    setFullSearch(newValue);
+    onUpdate({
+      value: searchValue,
+      fullSearch: newValue
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchWithButtons, {
+    className: className,
+    value: searchValue,
+    hasClear: hasClear,
+    onUpdate: handleOnUpdate,
+    innerButtons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FullSearchToggleButton.FullSearchToggleButton, {
+      active: isFullSearch,
+      onClick: handleModeChange
+    }, "full-search")],
+    endButtons: filter ? [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.HistoryFilter, (0, _objectSpread2.default)({}, filter), "filter")] : undefined
   });
 };
 // #sourceMappingURL=HistoryHeader.js.map

package/build/cjs/modules/HistoryHeader/HistoryHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_HistorySearch","_HistoryFilter","_jsxRuntime","e","__esModule","default","HistoryHeader","exports","_ref","search","fullSearch","hasClear","filter","onUpdate","_jsxs","Flex","gap","children","_jsx","HistorySearch","value","HistoryFilter","_objectSpread"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Flex} from '@gravity-ui/uikit';\nimport {HistorySearch} from './HistorySearch';\nimport {HistoryFilter} from '../../components/HistoryFilter';\nimport {QueryHistoryFilterConfig} from '../../types/history';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryHistoryFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n};\n\nexport const HistoryHeader: FC<Props> = ({search, fullSearch, hasClear, filter, onUpdate}) => {\n    return (\n        <Flex gap={1}>\n            <HistorySearch\n                value={search}\n                fullSearch={fullSearch}\n                hasClear={hasClear}\n                onUpdate={onUpdate}\n            />\n            {filter && <HistoryFilter {...filter} />}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA6D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWtD,IAAMG,aAAwB,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAA3BA,aAAwBA,CAAAE,IAAA,EAAyD;EAAA,IAApDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;EACpF,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,GAAG,EAAE,CAAE;IAAAC,QAAA,gBACT,IAAAC,eAAA,EAACC,4BAAa;MACVC,KAAK,EAAEX,MAAO;MACdC,UAAU,EAAEA,UAAW;MACvBC,QAAQ,EAAEA,QAAS;MACnBE,QAAQ,EAAEA;IAAS,CACtB,CAAC,EACDD,MAAM,iBAAI,IAAAM,eAAA,EAACG,4BAAa,MAAAC,sBAAA,MAAKV,MAAM,CAAG,CAAC;EAAA,CACtC,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_FullSearchToggleButton","_components","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","HistoryHeader","exports","_ref","search","fullSearch","hasClear","filter","onUpdate","className","_useState","useState","_useState2","_slicedToArray","searchValue","setSearchValue","_useState3","_useState4","isFullSearch","setFullSearch","useEffect","handleOnUpdate","newValue","value","handleModeChange","_jsx","SearchWithButtons","innerButtons","FullSearchToggleButton","active","onClick","endButtons","HistoryFilter","_objectSpread","undefined"],"sources":["HistoryHeader.tsx"],"sourcesContent":["import React, {FC, useEffect, useState} from 'react';\nimport {FullSearchToggleButton} from './internal/FullSearchToggleButton';\nimport {HistoryFilter, SearchWithButtons} from '../../components';\nimport {QueryListFilterConfig} from '../../types/queryList';\n\ntype Props = {\n    search?: string;\n    fullSearch?: boolean;\n    hasClear?: boolean;\n    filter?: QueryListFilterConfig;\n    onUpdate: (data: {value: string; fullSearch: boolean}) => void;\n    className?: string;\n};\n\nexport const HistoryHeader: FC<Props> = ({\n    search,\n    fullSearch,\n    hasClear,\n    filter,\n    onUpdate,\n    className,\n}) => {\n    const [searchValue, setSearchValue] = useState(search || '');\n    const [isFullSearch, setFullSearch] = useState(fullSearch || false);\n\n    useEffect(() => {\n        setSearchValue(search || '');\n        setFullSearch(fullSearch || false);\n    }, [search, fullSearch]);\n\n    const handleOnUpdate = (newValue: string) => {\n        setSearchValue(newValue);\n        onUpdate({value: newValue, fullSearch: isFullSearch});\n    };\n\n    const handleModeChange = () => {\n        const newValue = !isFullSearch;\n        setFullSearch(newValue);\n        onUpdate({value: searchValue, fullSearch: newValue});\n    };\n\n    return (\n        <SearchWithButtons\n            className={className}\n            value={searchValue}\n            hasClear={hasClear}\n            onUpdate={handleOnUpdate}\n            innerButtons={[\n                <FullSearchToggleButton\n                    key=\"full-search\"\n                    active={isFullSearch}\n                    onClick={handleModeChange}\n                />,\n            ]}\n            endButtons={filter ? [<HistoryFilter key=\"filter\" {...filter} />] : undefined}\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/HistoryHeader/internal/FullSearchToggleButton.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+type Props = {
+    active?: boolean;
+    onClick: () => void;
+};
+export declare const FullSearchToggleButton: FC<Props>;
+export {};

package/build/cjs/modules/HistoryHeader/internal/FullSearchToggleButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FullSearchToggleButton = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _uikit = require("@gravity-ui/uikit");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var ChevronsExpandHorizontalIcon = function ChevronsExpandHorizontalIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+      clipPath: "url(#a)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M11.891 3.58a.75.75 0 0 0-1.06 1.061L14.188 8l-3.353 3.354a.75.75 0 1 0 1.06 1.06L15.78 8.53a.75.75 0 0 0 0-1.06zM4.11 12.42a.75.75 0 0 0 1.06-1.061L1.811 8l3.353-3.354a.75.75 0 1 0-1.06-1.06L.22 7.47a.75.75 0 0 0 0 1.06z",
+        clipRule: "evenodd"
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("clipPath", {
+        id: "a",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+          fill: "currentColor",
+          d: "M0 0h16v16H0z"
+        })
+      })
+    })]
+  }));
+};
+ChevronsExpandHorizontalIcon.defaultProps = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  fill: "none",
+  viewBox: "0 0 16 16"
+};
+var FullSearchToggleButton = exports.FullSearchToggleButton = function FullSearchToggleButton(_ref) {
+  var active = _ref.active,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Button, {
+    size: "xs",
+    view: active ? 'action' : undefined,
+    onClick: onClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Icon, {
+      data: ChevronsExpandHorizontalIcon,
+      size: 12
+    })
+  });
+};
+// #sourceMappingURL=FullSearchToggleButton.js.map

package/build/cjs/modules/HistoryHeader/internal/FullSearchToggleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_jsxRuntime","e","__esModule","default","ChevronsExpandHorizontalIcon","props","_jsxs","_objectSpread","children","_jsx","clipPath","fill","fillRule","d","clipRule","id","defaultProps","xmlns","width","height","viewBox","FullSearchToggleButton","exports","_ref","active","onClick","Button","size","view","undefined","Icon","data"],"sources":["FullSearchToggleButton.tsx"],"sourcesContent":["import React, {FC} from 'react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport ChevronsExpandHorizontalIcon from '@gravity-ui/icons/svgs/chevrons-expand-horizontal.svg';\n\ntype Props = {\n    active?: boolean;\n    onClick: () => void;\n};\n\nexport const FullSearchToggleButton: FC<Props> = ({active, onClick}) => {\n    return (\n        <Button size=\"xs\" view={active ? 'action' : undefined} onClick={onClick}>\n            <Icon data={ChevronsExpandHorizontalIcon} size={12} />\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IACxCG,4BAA4B,YAA5BA,4BAA4BA,CAAAC,KAAA;EAAA,wBAAAC,gBAAA,aAAAC,sBAAA,MAAAA,sBAAA,MAAAF,KAAA;IAAAG,QAAA,oBAAAC,eAAA;MAAAC,QAAA;MAAAF,QAAA,mBAAAC,eAAA;QAAAE,IAAA;QAAAC,QAAA;QAAAC,CAAA;QAAAC,QAAA;MAAA;IAAA,qBAAAL,eAAA;MAAAD,QAAA,mBAAAC,eAAA;QAAAM,EAAA;QAAAP,QAAA,mBAAAC,eAAA;UAAAE,IAAA;UAAAE,CAAA;QAAA;MAAA;IAAA;EAAA;AAAA;AAA5BT,4BAA4B,CAAAY,YAAA;EAAAC,KAAA;EAAAC,KAAA;EAAAC,MAAA;EAAAR,IAAA;EAAAS,OAAA;AAAA;AAO5B,IAAMC,sBAAiC,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAApCA,sBAAiCA,CAAAE,IAAA,EAA0B;EAAA,IAArBC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC9D,oBACI,IAAAhB,eAAA,EAACiB,aAAM;IAACC,IAAI,EAAC,IAAI;IAACC,IAAI,EAAEJ,MAAM,GAAG,QAAQ,GAAGK,SAAU;IAACJ,OAAO,EAAEA,OAAQ;IAAAjB,QAAA,eACpE,IAAAC,eAAA,EAACqB,WAAI;MAACC,IAAI,EAAE3B,4BAA6B;MAACuB,IAAI,EAAE;IAAG,CAAE;EAAC,CAClD,CAAC;AAEjB,CAAC","ignoreList":[]}

package/build/cjs/modules/HistoryLayout/HistoryLayout.css

@@ -1,4 +1,7 @@
 .qp-history-layout {
   position: relative;
 }
+.qp-history-layout__header {
+  padding: 0 12px;
+}
 /*# sourceMappingURL=HistoryLayout.css.map */

package/build/cjs/modules/HistoryLayout/HistoryLayout.css.map

@@ -1 +1 @@
-{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["HistoryLayout.scss"],"names":[],"mappings":"AAAA;EACE,kBAAA;AACF;AACE;EACE,eAAA;AACJ","file":"HistoryLayout.css","sourcesContent":[".qp-history-layout {\n  position: relative;\n\n  &__header {\n    padding: 0 12px;\n  }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/HistoryLayout/HistoryLayout.js

@@ -23,14 +23,19 @@ var HistoryLayout = exports.HistoryLayout = function HistoryLayout(_ref) {
     direction: "column",
     gap: 1,
     className: block(null, className),
-    children: [(logo || actions) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
-      alignItems: "center",
-      justifyContent: logo ? 'space-between' : 'flex-end',
-      children: [logo, actions]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
-      variant: "subheader-1",
-      children: title
-    }), header, children, footer]
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+      direction: "column",
+      gap: 1,
+      className: block('header'),
+      children: [(logo || actions) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+        alignItems: "center",
+        justifyContent: logo ? 'space-between' : 'flex-end',
+        children: [logo, actions]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Text, {
+        variant: "subheader-1",
+        children: title
+      }), header]
+    }), children, footer]
   });
 };
 // #sourceMappingURL=HistoryLayout.js.map

package/build/cjs/modules/HistoryLayout/HistoryLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistoryLayout","exports","_ref","title","logo","actions","header","footer","className","children","_jsxs","Flex","direction","gap","alignItems","justifyContent","_jsx","Text","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            {(logo || actions) && (\n                <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                    {logo}\n                    {actions}\n                </Flex>\n            )}\n            <Text variant=\"subheader-1\">{title}</Text>\n            {header}\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,mBAAmB,CAAC;AAY9B,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,GAC9D,CAACL,IAAI,IAAIC,OAAO,kBACb,IAAAK,gBAAA,EAACC,WAAI;MAACG,UAAU,EAAC,QAAQ;MAACC,cAAc,EAAEX,IAAI,GAAG,eAAe,GAAG,UAAW;MAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;IAAA,CACN,CACT,eACD,IAAAW,eAAA,EAACC,WAAI;MAACC,OAAO,EAAC,aAAa;MAAAT,QAAA,EAAEN;IAAK,CAAO,CAAC,EACzCG,MAAM,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistoryLayout","exports","_ref","title","logo","actions","header","footer","className","children","_jsxs","Flex","direction","gap","alignItems","justifyContent","_jsx","Text","variant"],"sources":["HistoryLayout.tsx"],"sourcesContent":["import React, {FC, ReactNode} from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport cn from 'bem-cn-lite';\nimport './HistoryLayout.scss';\n\nconst block = cn('qp-history-layout');\n\nexport type HistoryLayoutProps = {\n    title: ReactNode;\n    logo?: ReactNode;\n    actions?: ReactNode;\n    header?: ReactNode;\n    footer?: ReactNode;\n    className?: string;\n    children: ReactNode;\n};\n\nexport const HistoryLayout: FC<HistoryLayoutProps> = ({\n    title,\n    logo,\n    actions,\n    header,\n    footer,\n    className,\n    children,\n}) => {\n    return (\n        <Flex direction=\"column\" gap={1} className={block(null, className)}>\n            <Flex direction=\"column\" gap={1} className={block('header')}>\n                {(logo || actions) && (\n                    <Flex alignItems=\"center\" justifyContent={logo ? 'space-between' : 'flex-end'}>\n                        {logo}\n                        {actions}\n                    </Flex>\n                )}\n                <Text variant=\"subheader-1\">{title}</Text>\n                {header}\n            </Flex>\n            {children}\n            {footer}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAA8B,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9B,IAAMG,KAAK,GAAG,IAAAC,kBAAE,EAAC,mBAAmB,CAAC;AAY9B,IAAMC,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAQ5C;EAAA,IAPFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;EAER,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACL,SAAS,EAAEV,KAAK,CAAC,IAAI,EAAEU,SAAS,CAAE;IAAAC,QAAA,gBAC/D,IAAAC,gBAAA,EAACC,WAAI;MAACC,SAAS,EAAC,QAAQ;MAACC,GAAG,EAAE,CAAE;MAACL,SAAS,EAAEV,KAAK,CAAC,QAAQ,CAAE;MAAAW,QAAA,GACvD,CAACL,IAAI,IAAIC,OAAO,kBACb,IAAAK,gBAAA,EAACC,WAAI;QAACG,UAAU,EAAC,QAAQ;QAACC,cAAc,EAAEX,IAAI,GAAG,eAAe,GAAG,UAAW;QAAAK,QAAA,GACzEL,IAAI,EACJC,OAAO;MAAA,CACN,CACT,eACD,IAAAW,eAAA,EAACC,WAAI;QAACC,OAAO,EAAC,aAAa;QAAAT,QAAA,EAAEN;MAAK,CAAO,CAAC,EACzCG,MAAM;IAAA,CACL,CAAC,EACNG,QAAQ,EACRF,MAAM;EAAA,CACL,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/modules/HistoryRow/HistoryRow.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { QueryHistoryRow, QueryHistoryRowRenderData } from '../../types/history';
+import { QueryListRowRenderData } from '../../types/queryList';
+import { QueryHistoryRow } from '../../types/history';
 import './HistoryRow.scss';
 export type Props<T extends QueryHistoryRow> = {
     item: T;
-} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
 export declare const HistoryRow: <T extends QueryHistoryRow>({ item, actions, isActive, comparison, editing, visibleFields, }: Props<T>) => React.JSX.Element;

package/build/cjs/modules/HistoryRow/HistoryRow.js

@@ -12,8 +12,6 @@ var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
 var _components = require("../../components");
 var _time = require("../../helpers/time");
 var _isFieldVisible = require("../../helpers/isFieldVisible");
-var _HistoryRowTitle = require("./HistoryRowTitle");
-var _HistoryRowMenu = require("./HistoryRowMenu");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var block = (0, _bemCnLite.default)('qp-history-row');
@@ -48,10 +46,10 @@ var HistoryRow = exports.HistoryRow = function HistoryRow(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
         justifyContent: "space-between",
         className: block('header'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowTitle.HistoryRowTitle, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EditableRowTitle, {
           item: item,
           editing: editing
-        }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_HistoryRowMenu.HistoryRowMenu, {
+        }), showMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RowActionsMenu, {
           item: item,
           actions: actions
         })]

package/build/cjs/modules/HistoryRow/HistoryRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_time","_isFieldVisible","_HistoryRowTitle","_HistoryRowMenu","_jsxRuntime","e","__esModule","default","block","cn","HistoryRow","exports","_ref","item","actions","isActive","comparison","editing","visibleFields","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","_jsxs","RowLink","disabled","className","_defineProperty","children","_jsx","QueryStatusIcon","Flex","direction","gap","justifyContent","HistoryRowTitle","HistoryRowMenu","isFieldVisible","QueryDuration","Text","color","formatTime","HistoryPrivateIcon"],"sources":["HistoryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\nimport cn from 'bem-cn-lite';\nimport {HistoryPrivateIcon, QueryDuration, QueryStatusIcon, RowLink} from '../../components';\nimport {formatTime} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\nimport {HistoryRowTitle} from './HistoryRowTitle';\nimport {HistoryRowMenu} from './HistoryRowMenu';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;\n\nconst block = cn('qp-history-row');\n\nexport const HistoryRow = <T extends QueryHistoryRow>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n}: Props<T>) => {\n    const {href, status, mode, startTime, endTime, engine, isPrivate} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({[status]: true, compared: isChecked})}\n        >\n            <QueryStatusIcon status={status} />\n            <Flex direction=\"column\" gap={1} className={block('right-column')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <HistoryRowTitle item={item} editing={editing} />\n                    {showMenu && <HistoryRowMenu item={item} actions={actions} />}\n                </Flex>\n                <div className={block('data')}>\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration\n                            className={block('duration')}\n                            status={status}\n                            startTime={startTime}\n                            endTime={endTime}\n                        />\n                    )}\n                    <Flex gap={2}>\n                        {isFieldVisible(visibleFields, 'mode') && mode && (\n                            <Text color=\"complementary\">{mode}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                            <Text color=\"complementary\">{formatTime(startTime)}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'engine') && engine && (\n                            <Text color=\"complementary\">{engine}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'isPrivate') && (\n                            <HistoryPrivateIcon isPrivate={isPrivate} />\n                        )}\n                    </Flex>\n                </div>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_bemCnLite","_components","_time","_isFieldVisible","_jsxRuntime","e","__esModule","default","block","cn","HistoryRow","exports","_ref","item","actions","isActive","comparison","editing","visibleFields","href","status","mode","startTime","endTime","engine","isPrivate","isEditing","Boolean","enabled","isComparisonMode","isChecked","checked","showMenu","length","_jsxs","RowLink","disabled","className","_defineProperty","children","_jsx","QueryStatusIcon","Flex","direction","gap","justifyContent","EditableRowTitle","RowActionsMenu","isFieldVisible","QueryDuration","Text","color","formatTime","HistoryPrivateIcon"],"sources":["HistoryRow.tsx"],"sourcesContent":["import React from 'react';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport './HistoryRow.scss';\nimport cn from 'bem-cn-lite';\nimport {\n    EditableRowTitle,\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    RowActionsMenu,\n    RowLink,\n} from '../../components';\nimport {formatTime} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nconst block = cn('qp-history-row');\n\nexport const HistoryRow = <T extends QueryHistoryRow>({\n    item,\n    actions,\n    isActive,\n    comparison,\n    editing,\n    visibleFields,\n}: Props<T>) => {\n    const {href, status, mode, startTime, endTime, engine, isPrivate} = item;\n    const isEditing = Boolean(editing?.enabled);\n    const isComparisonMode = Boolean(comparison?.enabled);\n    const isChecked = Boolean(comparison?.checked);\n    const showMenu = isActive && Boolean(actions?.length) && !isComparisonMode;\n\n    return (\n        <RowLink\n            href={href}\n            disabled={isEditing || isComparisonMode}\n            className={block({[status]: true, compared: isChecked})}\n        >\n            <QueryStatusIcon status={status} />\n            <Flex direction=\"column\" gap={1} className={block('right-column')}>\n                <Flex justifyContent=\"space-between\" className={block('header')}>\n                    <EditableRowTitle item={item} editing={editing} />\n                    {showMenu && <RowActionsMenu item={item} actions={actions} />}\n                </Flex>\n                <div className={block('data')}>\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration\n                            className={block('duration')}\n                            status={status}\n                            startTime={startTime}\n                            endTime={endTime}\n                        />\n                    )}\n                    <Flex gap={2}>\n                        {isFieldVisible(visibleFields, 'mode') && mode && (\n                            <Text color=\"complementary\">{mode}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                            <Text color=\"complementary\">{formatTime(startTime)}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'engine') && engine && (\n                            <Text color=\"complementary\">{engine}</Text>\n                        )}\n                        {isFieldVisible(visibleFields, 'isPrivate') && (\n                            <HistoryPrivateIcon isPrivate={isPrivate} />\n                        )}\n                    </Flex>\n                </div>\n            </Flex>\n        </RowLink>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/HistoryRow/HistoryRow.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_HistoryRow","_jsxRuntime","e","__esModule","default","now","Date","min","makeRow","overrides","_objectSpread","id","title","status","engine","mode","isPrivate","startTime","endTime","height","defaultActions","text","onClick","row","alert","concat","meta","component","HistoryRow","tags","parameters","layout","args","item","isActive","index","actions","decorators","Story","_jsx","style","width","children","_default","exports","Default","ComparisonMode","comparison","enabled","checked","ComparisonModeUnchecked","EditingMode","editing","onSubmit","_item","onCancel"],"sources":["HistoryRow.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistoryRow} from './HistoryRow';\nimport {QueryHistoryRow, QueryHistoryRowAction} from '../../types/history';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst makeRow = (overrides: Partial<QueryHistoryRow>): QueryHistoryRow => ({\n    id: 1,\n    title: 'Query 1',\n    status: 'completed',\n    engine: 'YQL',\n    mode: 'batch',\n    isPrivate: false,\n    startTime: now - 5 * min,\n    endTime: now - min,\n    height: 64,\n    ...overrides,\n});\n\nconst defaultActions: Array<QueryHistoryRowAction<QueryHistoryRow>> = [\n    {text: 'Run again', onClick: (row) => alert(`Run: ${row.title}`)},\n    {text: 'Copy', onClick: (row) => alert(`Copy: ${row.title}`)},\n    {text: 'Delete', onClick: (row) => alert(`Delete: ${row.title}`)},\n];\n\nconst meta: Meta<typeof HistoryRow> = {\n    title: 'Modules/HistoryRow',\n    component: HistoryRow,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    args: {\n        item: makeRow({}),\n        isActive: false,\n        index: 0,\n        actions: defaultActions,\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 380}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryRow>;\n\n/** Default row with a ready-to-use actions menu */\nexport const Default: Story = {\n    args: {\n        item: makeRow({isPrivate: true}),\n        isActive: true,\n    },\n};\n\n/** Comparison mode — row highlighted as checked, menu is hidden */\nexport const ComparisonMode: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: true,\n        },\n    },\n};\n\n/** Comparison mode is enabled globally, but this row is not checked yet */\nexport const ComparisonModeUnchecked: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: false,\n        },\n    },\n};\n\n/** Title editing mode */\nexport const EditingMode: Story = {\n    args: {\n        editing: {\n            enabled: true,\n            onSubmit: (_item, title) => alert(`Saved: ${title}`),\n            onCancel: () => alert('Cancelled'),\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_HistoryRow","_jsxRuntime","e","__esModule","default","now","Date","min","makeRow","overrides","_objectSpread","id","title","status","engine","mode","isPrivate","startTime","endTime","height","defaultActions","text","onClick","row","alert","concat","meta","component","HistoryRow","tags","parameters","layout","args","item","isActive","index","actions","decorators","Story","_jsx","style","width","children","_default","exports","Default","ComparisonMode","comparison","enabled","checked","ComparisonModeUnchecked","EditingMode","editing","onSubmit","_item","onCancel"],"sources":["HistoryRow.stories.tsx"],"sourcesContent":["import React from 'react';\nimport type {Meta, StoryObj} from '@storybook/react';\nimport {HistoryRow} from './HistoryRow';\nimport {QueryListRowAction} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\n\nconst now = Date.now();\nconst min = 60 * 1000;\n\nconst makeRow = (overrides: Partial<QueryHistoryRow>): QueryHistoryRow => ({\n    id: 1,\n    title: 'Query 1',\n    status: 'completed',\n    engine: 'YQL',\n    mode: 'batch',\n    isPrivate: false,\n    startTime: now - 5 * min,\n    endTime: now - min,\n    height: 64,\n    ...overrides,\n});\n\nconst defaultActions: Array<QueryListRowAction<QueryHistoryRow>> = [\n    {text: 'Run again', onClick: (row) => alert(`Run: ${row.title}`)},\n    {text: 'Copy', onClick: (row) => alert(`Copy: ${row.title}`)},\n    {text: 'Delete', onClick: (row) => alert(`Delete: ${row.title}`)},\n];\n\nconst meta: Meta<typeof HistoryRow> = {\n    title: 'Modules/HistoryRow',\n    component: HistoryRow,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n    args: {\n        item: makeRow({}),\n        isActive: false,\n        index: 0,\n        actions: defaultActions,\n    },\n    decorators: [\n        (Story) => (\n            <div style={{width: 380}}>\n                <Story />\n            </div>\n        ),\n    ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof HistoryRow>;\n\n/** Default row with a ready-to-use actions menu */\nexport const Default: Story = {\n    args: {\n        item: makeRow({isPrivate: true}),\n        isActive: true,\n    },\n};\n\n/** Comparison mode — row highlighted as checked, menu is hidden */\nexport const ComparisonMode: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: true,\n        },\n    },\n};\n\n/** Comparison mode is enabled globally, but this row is not checked yet */\nexport const ComparisonModeUnchecked: Story = {\n    args: {\n        comparison: {\n            enabled: true,\n            checked: false,\n        },\n    },\n};\n\n/** Title editing mode */\nexport const EditingMode: Story = {\n    args: {\n        editing: {\n            enabled: true,\n            onSubmit: (_item, title) => alert(`Saved: ${title}`),\n            onCancel: () => alert('Cancelled'),\n        },\n    },\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/HistorySearchRow/HistorySearchRow.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { QueryHistoryRow, QueryHistoryRowRenderData } from '../../types/history';
+import { QueryListRowRenderData } from '../../types/queryList';
+import { QueryHistoryRow } from '../../types/history';
 import './HistorySearchRow.scss';
 export type Props<T extends QueryHistoryRow> = {
     item: T;
-} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;
+} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;
 export declare const HistorySearchRow: <T extends QueryHistoryRow>({ item, visibleFields, editing, comparison, }: Props<T>) => React.JSX.Element;

package/build/cjs/modules/HistorySearchRow/HistorySearchRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_components","_time","_isFieldVisible","_resolveMonacoLanguage","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistorySearchRow","exports","_ref","item","visibleFields","editing","comparison","href","status","startTime","endTime","engine","mode","isPrivate","query","_jsx","SearchRowLayout","language","resolveMonacoLanguage","disabled","Boolean","enabled","className","header","_jsxs","Flex","gap","alignItems","children","QueryStatusIcon","isFieldVisible","QueryDuration","Text","color","formatTimeCanonical","HistoryPrivateIcon"],"sources":["HistorySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {QueryHistoryRow, QueryHistoryRowRenderData} from '../../types/history';\nimport {\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    SearchRowLayout,\n} from '../../components';\nimport {formatTimeCanonical} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\nimport {resolveMonacoLanguage} from './helpers/resolveMonacoLanguage';\nimport './HistorySearchRow.scss';\nimport cn from 'bem-cn-lite';\n\nconst block = cn('qp-history-search-row');\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryHistoryRowRenderData<T>, 'item' | 'variant'>;\n\nexport const HistorySearchRow = <T extends QueryHistoryRow>({\n    item,\n    visibleFields,\n    editing,\n    comparison,\n}: Props<T>) => {\n    const {href, status, startTime, endTime, engine, mode, isPrivate, query} = item;\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={resolveMonacoLanguage(engine)}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <QueryStatusIcon status={status} className={block('icon')} />\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration status={status} startTime={startTime} endTime={endTime} />\n                    )}\n                    {isFieldVisible(visibleFields, 'mode') && mode && (\n                        <Text color=\"complementary\">{mode}</Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                        <Text color=\"complementary\" className={block('start-time')}>\n                            {formatTimeCanonical(startTime)}\n                        </Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'engine') && engine && (\n                        <Text color=\"complementary\">{engine}</Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'isPrivate') && (\n                        <HistoryPrivateIcon isPrivate={isPrivate} />\n                    )}\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_uikit","_components","_time","_isFieldVisible","_resolveMonacoLanguage","_bemCnLite","_jsxRuntime","e","__esModule","default","block","cn","HistorySearchRow","exports","_ref","item","visibleFields","editing","comparison","href","status","startTime","endTime","engine","mode","isPrivate","query","_jsx","SearchRowLayout","language","resolveMonacoLanguage","disabled","Boolean","enabled","className","header","_jsxs","Flex","gap","alignItems","children","QueryStatusIcon","isFieldVisible","QueryDuration","Text","color","formatTimeCanonical","HistoryPrivateIcon"],"sources":["HistorySearchRow.tsx"],"sourcesContent":["import React from 'react';\nimport {Flex, Text} from '@gravity-ui/uikit';\nimport {QueryListRowRenderData} from '../../types/queryList';\nimport {QueryHistoryRow} from '../../types/history';\nimport {\n    HistoryPrivateIcon,\n    QueryDuration,\n    QueryStatusIcon,\n    SearchRowLayout,\n} from '../../components';\nimport {formatTimeCanonical} from '../../helpers/time';\nimport {isFieldVisible} from '../../helpers/isFieldVisible';\nimport {resolveMonacoLanguage} from './helpers/resolveMonacoLanguage';\nimport './HistorySearchRow.scss';\nimport cn from 'bem-cn-lite';\n\nconst block = cn('qp-history-search-row');\n\nexport type Props<T extends QueryHistoryRow> = {\n    item: T;\n} & Omit<QueryListRowRenderData<T>, 'item' | 'variant'>;\n\nexport const HistorySearchRow = <T extends QueryHistoryRow>({\n    item,\n    visibleFields,\n    editing,\n    comparison,\n}: Props<T>) => {\n    const {href, status, startTime, endTime, engine, mode, isPrivate, query} = item;\n\n    return (\n        <SearchRowLayout\n            query={query}\n            language={resolveMonacoLanguage(engine)}\n            href={href}\n            disabled={Boolean(editing?.enabled) || Boolean(comparison?.enabled)}\n            className={block()}\n            header={\n                <Flex gap={2} alignItems=\"center\" className={block('header')}>\n                    <QueryStatusIcon status={status} className={block('icon')} />\n                    {isFieldVisible(visibleFields, 'duration') && startTime && (\n                        <QueryDuration status={status} startTime={startTime} endTime={endTime} />\n                    )}\n                    {isFieldVisible(visibleFields, 'mode') && mode && (\n                        <Text color=\"complementary\">{mode}</Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'startTime') && startTime && (\n                        <Text color=\"complementary\" className={block('start-time')}>\n                            {formatTimeCanonical(startTime)}\n                        </Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'engine') && engine && (\n                        <Text color=\"complementary\">{engine}</Text>\n                    )}\n                    {isFieldVisible(visibleFields, 'isPrivate') && (\n                        <HistoryPrivateIcon isPrivate={isPrivate} />\n                    )}\n                </Flex>\n            }\n        />\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/modules/NavigationDetail/NavigationDetail.css

@@ -0,0 +1,12 @@
+.qp-navigation-detail {
+  min-width: 0;
+}
+.qp-navigation-detail__tabs {
+  overflow-x: auto;
+}
+.qp-navigation-detail__content {
+  min-width: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+/*# sourceMappingURL=NavigationDetail.css.map */

package/build/cjs/modules/NavigationDetail/NavigationDetail.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NavigationDetail.scss"],"names":[],"mappings":"AAAA;EACE,YAAA;AACF;AACE;EACE,gBAAA;AACJ;AAEE;EACE,YAAA;EACA,kBAAA;EACA,gBAAA;AAAJ","file":"NavigationDetail.css","sourcesContent":[".qp-navigation-detail {\n  min-width: 0;\n\n  &__tabs {\n    overflow-x: auto;\n  }\n\n  &__content {\n    min-width: 0;\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\n"],"sourceRoot":""}

package/build/cjs/modules/NavigationDetail/NavigationDetail.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { NavigationDetailConfig, NavigationHeaderAction, NavigationLocation } from '../../types/navigation';
+import type { LoadPathSuggestions } from '../../types/pathEditor';
+import './NavigationDetail.scss';
+export type NavigationDetailProps = {
+    config: NavigationDetailConfig;
+    location: NavigationLocation;
+    onUpdate: (location: NavigationLocation) => void;
+    onLoadSuggestions?: LoadPathSuggestions;
+    actions?: NavigationHeaderAction[];
+    activeTab?: string;
+    onTabUpdate?: (tab: string) => void;
+    search?: string;
+    onSearchUpdate?: (value: string) => void;
+    className?: string;
+};
+export declare const NavigationDetail: React.FC<NavigationDetailProps>;

package/build/cjs/modules/NavigationDetail/NavigationDetail.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavigationDetail = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.find.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.string.search.js");
+var _react = _interopRequireWildcard(require("react"));
+var _bemCnLite = _interopRequireDefault(require("bem-cn-lite"));
+var _uikit = require("@gravity-ui/uikit");
+var _NavigationHeader = require("../NavigationHeader");
+var _components = require("../../components");
+var _NavigationDetailTabs = require("./internal/NavigationDetailTabs");
+var _getInitialTab = require("./helpers/getInitialTab");
+var _getVisibleTabs = require("./helpers/getVisibleTabs");
+require("./NavigationDetail.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-navigation-detail');
+var NavigationDetail = exports.NavigationDetail = function NavigationDetail(_ref) {
+  var _ref2, _activeTabConfig$rend, _activeTabConfig$rend2;
+  var config = _ref.config,
+    location = _ref.location,
+    onUpdate = _ref.onUpdate,
+    onLoadSuggestions = _ref.onLoadSuggestions,
+    actions = _ref.actions,
+    activeTabProp = _ref.activeTab,
+    onTabUpdate = _ref.onTabUpdate,
+    searchProp = _ref.search,
+    onSearchUpdate = _ref.onSearchUpdate,
+    className = _ref.className;
+  var isTabControlled = activeTabProp !== undefined;
+  var isSearchControlled = searchProp !== undefined;
+  var visibleTabs = (0, _react.useMemo)(function () {
+    return (0, _getVisibleTabs.getVisibleTabs)(config.tabs);
+  }, [config.tabs]);
+  var _useState = (0, _react.useState)(function () {
+      return (0, _getInitialTab.getInitialTab)(visibleTabs, config.defaultTab);
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeTabState = _useState2[0],
+    setActiveTabState = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    searchState = _useState4[0],
+    setSearchState = _useState4[1];
+  var activeTab = isTabControlled ? activeTabProp : activeTabState;
+  var search = isSearchControlled ? searchProp : searchState;
+  var handleTabUpdate = function handleTabUpdate(tab) {
+    if (!isTabControlled) {
+      setActiveTabState(tab);
+    }
+    onTabUpdate === null || onTabUpdate === void 0 || onTabUpdate(tab);
+  };
+  var handleSearchUpdate = function handleSearchUpdate(value) {
+    if (!isSearchControlled) {
+      setSearchState(value);
+    }
+    onSearchUpdate === null || onSearchUpdate === void 0 || onSearchUpdate(value);
+  };
+  var mergedActions = (0, _react.useMemo)(function () {
+    var _config$actions;
+    if (!actions && !config.actions) {
+      return undefined;
+    }
+    return [].concat((0, _toConsumableArray2.default)(actions !== null && actions !== void 0 ? actions : []), (0, _toConsumableArray2.default)((_config$actions = config.actions) !== null && _config$actions !== void 0 ? _config$actions : []));
+  }, [actions, config.actions]);
+  var activeTabConfig = visibleTabs.find(function (tab) {
+    return tab.id === activeTab;
+  });
+  var activeContent = activeTabConfig ? (_ref2 = (_activeTabConfig$rend = (_activeTabConfig$rend2 = activeTabConfig.renderContent) === null || _activeTabConfig$rend2 === void 0 ? void 0 : _activeTabConfig$rend2.call(activeTabConfig, {
+    search: search,
+    onSearchUpdate: handleSearchUpdate,
+    searchPlaceholder: config.searchPlaceholder
+  })) !== null && _activeTabConfig$rend !== void 0 ? _activeTabConfig$rend : activeTabConfig.content) !== null && _ref2 !== void 0 ? _ref2 : null : null;
+  var hasTabs = visibleTabs.length > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikit.Flex, {
+    direction: "column",
+    gap: 2,
+    className: block(null, className),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationHeader.NavigationHeader, {
+      location: location,
+      actions: mergedActions,
+      onUpdate: onUpdate,
+      onLoadSuggestions: onLoadSuggestions
+    }), hasTabs ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NavigationDetailTabs.NavigationDetailTabs, {
+        tabs: visibleTabs,
+        activeTab: activeTab,
+        onUpdate: handleTabUpdate,
+        className: block('tabs')
+      }), config.hasSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SearchWithButtons, {
+        placeholder: config.searchPlaceholder,
+        value: search,
+        onUpdate: handleSearchUpdate
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: block('content'),
+        children: activeContent
+      })]
+    }) : config.emptyContent]
+  });
+};
+// #sourceMappingURL=NavigationDetail.js.map

package/build/cjs/modules/NavigationDetail/NavigationDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bemCnLite","_interopRequireDefault","_uikit","_NavigationHeader","_components","_NavigationDetailTabs","_getInitialTab","_getVisibleTabs","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","block","cn","NavigationDetail","exports","_ref","_ref2","_activeTabConfig$rend","_activeTabConfig$rend2","config","location","onUpdate","onLoadSuggestions","actions","activeTabProp","activeTab","onTabUpdate","searchProp","search","onSearchUpdate","className","isTabControlled","undefined","isSearchControlled","visibleTabs","useMemo","getVisibleTabs","tabs","_useState","useState","getInitialTab","defaultTab","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","searchState","setSearchState","handleTabUpdate","tab","handleSearchUpdate","value","mergedActions","_config$actions","concat","_toConsumableArray","activeTabConfig","find","id","activeContent","renderContent","searchPlaceholder","content","hasTabs","length","_jsxs","Flex","direction","gap","children","_jsx","NavigationHeader","_Fragment","NavigationDetailTabs","hasSearch","SearchWithButtons","placeholder","emptyContent"],"sources":["NavigationDetail.tsx"],"sourcesContent":["import React, {useMemo, useState} from 'react';\nimport cn from 'bem-cn-lite';\nimport {Flex} from '@gravity-ui/uikit';\nimport {NavigationHeader} from '../NavigationHeader';\nimport {SearchWithButtons} from '../../components';\nimport {\n    NavigationDetailConfig,\n    NavigationHeaderAction,\n    NavigationLocation,\n} from '../../types/navigation';\nimport type {LoadPathSuggestions} from '../../types/pathEditor';\nimport {NavigationDetailTabs} from './internal/NavigationDetailTabs';\nimport {getInitialTab} from './helpers/getInitialTab';\nimport {getVisibleTabs} from './helpers/getVisibleTabs';\nimport './NavigationDetail.scss';\n\nconst block = cn('qp-navigation-detail');\n\nexport type NavigationDetailProps = {\n    config: NavigationDetailConfig;\n    location: NavigationLocation;\n    onUpdate: (location: NavigationLocation) => void;\n    onLoadSuggestions?: LoadPathSuggestions;\n    actions?: NavigationHeaderAction[];\n    activeTab?: string;\n    onTabUpdate?: (tab: string) => void;\n    search?: string;\n    onSearchUpdate?: (value: string) => void;\n    className?: string;\n};\n\nexport const NavigationDetail: React.FC<NavigationDetailProps> = ({\n    config,\n    location,\n    onUpdate,\n    onLoadSuggestions,\n    actions,\n    activeTab: activeTabProp,\n    onTabUpdate,\n    search: searchProp,\n    onSearchUpdate,\n    className,\n}) => {\n    const isTabControlled = activeTabProp !== undefined;\n    const isSearchControlled = searchProp !== undefined;\n\n    const visibleTabs = useMemo(() => getVisibleTabs(config.tabs), [config.tabs]);\n\n    const [activeTabState, setActiveTabState] = useState(() =>\n        getInitialTab(visibleTabs, config.defaultTab),\n    );\n    const [searchState, setSearchState] = useState('');\n\n    const activeTab = isTabControlled ? activeTabProp : activeTabState;\n    const search = isSearchControlled ? searchProp : searchState;\n\n    const handleTabUpdate = (tab: string) => {\n        if (!isTabControlled) {\n            setActiveTabState(tab);\n        }\n        onTabUpdate?.(tab);\n    };\n\n    const handleSearchUpdate = (value: string) => {\n        if (!isSearchControlled) {\n            setSearchState(value);\n        }\n        onSearchUpdate?.(value);\n    };\n\n    const mergedActions = useMemo(() => {\n        if (!actions && !config.actions) {\n            return undefined;\n        }\n        return [...(actions ?? []), ...(config.actions ?? [])];\n    }, [actions, config.actions]);\n\n    const activeTabConfig = visibleTabs.find((tab) => tab.id === activeTab);\n    const activeContent = activeTabConfig\n        ? (activeTabConfig.renderContent?.({\n              search,\n              onSearchUpdate: handleSearchUpdate,\n              searchPlaceholder: config.searchPlaceholder,\n          }) ??\n          activeTabConfig.content ??\n          null)\n        : null;\n\n    const hasTabs = visibleTabs.length > 0;\n\n    return (\n        <Flex direction=\"column\" gap={2} className={block(null, className)}>\n            <NavigationHeader\n                location={location}\n                actions={mergedActions}\n                onUpdate={onUpdate}\n                onLoadSuggestions={onLoadSuggestions}\n            />\n            {hasTabs ? (\n                <>\n                    <NavigationDetailTabs\n                        tabs={visibleTabs}\n                        activeTab={activeTab}\n                        onUpdate={handleTabUpdate}\n                        className={block('tabs')}\n                    />\n                    {config.hasSearch && (\n                        <SearchWithButtons\n                            placeholder={config.searchPlaceholder}\n                            value={search}\n                            onUpdate={handleSearchUpdate}\n                        />\n                    )}\n                    <div className={block('content')}>{activeContent}</div>\n                </>\n            ) : (\n                config.emptyContent\n            )}\n        </Flex>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAOA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACAA,OAAA;AAAiC,IAAAS,WAAA,GAAAT,OAAA;AAAA,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAT,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAEjC,IAAMmB,KAAK,GAAG,IAAAC,kBAAE,EAAC,sBAAsB,CAAC;AAejC,IAAMC,gBAAiD,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAApDA,gBAAiDA,CAAAE,IAAA,EAWxD;EAAA,IAAAC,KAAA,EAAAC,qBAAA,EAAAC,sBAAA;EAAA,IAVFC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACIC,aAAa,GAAAT,IAAA,CAAxBU,SAAS;IACTC,WAAW,GAAAX,IAAA,CAAXW,WAAW;IACHC,UAAU,GAAAZ,IAAA,CAAlBa,MAAM;IACNC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,SAAS,GAAAf,IAAA,CAATe,SAAS;EAET,IAAMC,eAAe,GAAGP,aAAa,KAAKQ,SAAS;EACnD,IAAMC,kBAAkB,GAAGN,UAAU,KAAKK,SAAS;EAEnD,IAAME,WAAW,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAM,IAAAC,8BAAc,EAACjB,MAAM,CAACkB,IAAI,CAAC;EAAA,GAAE,CAAClB,MAAM,CAACkB,IAAI,CAAC,CAAC;EAE7E,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAC;MAAA,OACjD,IAAAC,4BAAa,EAACN,WAAW,EAAEf,MAAM,CAACsB,UAAU,CAAC;IAAA,CACjD,CAAC;IAAAC,UAAA,OAAAC,uBAAA,EAAAL,SAAA;IAFMM,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EAGxC,IAAAI,UAAA,GAAsC,IAAAP,eAAQ,EAAC,EAAE,CAAC;IAAAQ,UAAA,OAAAJ,uBAAA,EAAAG,UAAA;IAA3CE,WAAW,GAAAD,UAAA;IAAEE,cAAc,GAAAF,UAAA;EAElC,IAAMtB,SAAS,GAAGM,eAAe,GAAGP,aAAa,GAAGoB,cAAc;EAClE,IAAMhB,MAAM,GAAGK,kBAAkB,GAAGN,UAAU,GAAGqB,WAAW;EAE5D,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,GAAW,EAAK;IACrC,IAAI,CAACpB,eAAe,EAAE;MAClBc,iBAAiB,CAACM,GAAG,CAAC;IAC1B;IACAzB,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGyB,GAAG,CAAC;EACtB,CAAC;EAED,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,KAAa,EAAK;IAC1C,IAAI,CAACpB,kBAAkB,EAAE;MACrBgB,cAAc,CAACI,KAAK,CAAC;IACzB;IACAxB,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGwB,KAAK,CAAC;EAC3B,CAAC;EAED,IAAMC,aAAa,GAAG,IAAAnB,cAAO,EAAC,YAAM;IAAA,IAAAoB,eAAA;IAChC,IAAI,CAAChC,OAAO,IAAI,CAACJ,MAAM,CAACI,OAAO,EAAE;MAC7B,OAAOS,SAAS;IACpB;IACA,UAAAwB,MAAA,KAAAC,2BAAA,EAAYlC,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE,OAAAkC,2BAAA,GAAAF,eAAA,GAAOpC,MAAM,CAACI,OAAO,cAAAgC,eAAA,cAAAA,eAAA,GAAI,EAAE;EACxD,CAAC,EAAE,CAAChC,OAAO,EAAEJ,MAAM,CAACI,OAAO,CAAC,CAAC;EAE7B,IAAMmC,eAAe,GAAGxB,WAAW,CAACyB,IAAI,CAAC,UAACR,GAAG;IAAA,OAAKA,GAAG,CAACS,EAAE,KAAKnC,SAAS;EAAA,EAAC;EACvE,IAAMoC,aAAa,GAAGH,eAAe,IAAA1C,KAAA,IAAAC,qBAAA,IAAAC,sBAAA,GAC9BwC,eAAe,CAACI,aAAa,cAAA5C,sBAAA,uBAA7BA,sBAAA,CAAAX,IAAA,CAAAmD,eAAe,EAAiB;IAC7B9B,MAAM,EAANA,MAAM;IACNC,cAAc,EAAEuB,kBAAkB;IAClCW,iBAAiB,EAAE5C,MAAM,CAAC4C;EAC9B,CAAC,CAAC,cAAA9C,qBAAA,cAAAA,qBAAA,GACFyC,eAAe,CAACM,OAAO,cAAAhD,KAAA,cAAAA,KAAA,GACvB,IAAI,GACJ,IAAI;EAEV,IAAMiD,OAAO,GAAG/B,WAAW,CAACgC,MAAM,GAAG,CAAC;EAEtC,oBACI,IAAAC,gBAAA,EAACC,WAAI;IAACC,SAAS,EAAC,QAAQ;IAACC,GAAG,EAAE,CAAE;IAACxC,SAAS,EAAEnB,KAAK,CAAC,IAAI,EAAEmB,SAAS,CAAE;IAAAyC,QAAA,gBAC/D,IAAAC,eAAA,EAACC,kCAAgB;MACbrD,QAAQ,EAAEA,QAAS;MACnBG,OAAO,EAAE+B,aAAc;MACvBjC,QAAQ,EAAEA,QAAS;MACnBC,iBAAiB,EAAEA;IAAkB,CACxC,CAAC,EACD2C,OAAO,gBACJ,IAAAE,gBAAA,EAAAO,oBAAA;MAAAH,QAAA,gBACI,IAAAC,eAAA,EAACG,0CAAoB;QACjBtC,IAAI,EAAEH,WAAY;QAClBT,SAAS,EAAEA,SAAU;QACrBJ,QAAQ,EAAE6B,eAAgB;QAC1BpB,SAAS,EAAEnB,KAAK,CAAC,MAAM;MAAE,CAC5B,CAAC,EACDQ,MAAM,CAACyD,SAAS,iBACb,IAAAJ,eAAA,EAACK,6BAAiB;QACdC,WAAW,EAAE3D,MAAM,CAAC4C,iBAAkB;QACtCV,KAAK,EAAEzB,MAAO;QACdP,QAAQ,EAAE+B;MAAmB,CAChC,CACJ,eACD,IAAAoB,eAAA;QAAK1C,SAAS,EAAEnB,KAAK,CAAC,SAAS,CAAE;QAAA4D,QAAA,EAAEV;MAAa,CAAM,CAAC;IAAA,CACzD,CAAC,GAEH1C,MAAM,CAAC4D,YACV;EAAA,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

package/build/cjs/modules/NavigationDetail/helpers/getInitialTab.d.ts

@@ -0,0 +1,2 @@
+import type { NavigationDetailTab } from '../../../types/navigation';
+export declare function getInitialTab(visibleTabs: NavigationDetailTab[], defaultTab?: string): string;

package/build/cjs/modules/NavigationDetail/helpers/getInitialTab.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialTab = getInitialTab;
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.iterator.constructor.js");
+require("core-js/modules/es.iterator.find.js");
+require("core-js/modules/es.object.to-string.js");
+function getInitialTab(visibleTabs, defaultTab) {
+  var _id, _ref, _ref2;
+  var defaultTabConfig = defaultTab ? visibleTabs.find(function (tab) {
+    return tab.id === defaultTab;
+  }) : undefined;
+  var firstEnabled = visibleTabs.find(function (tab) {
+    return !tab.disabled;
+  });
+  return (_id = (_ref = (_ref2 = defaultTabConfig !== null && defaultTabConfig !== void 0 ? defaultTabConfig : firstEnabled) !== null && _ref2 !== void 0 ? _ref2 : visibleTabs[0]) === null || _ref === void 0 ? void 0 : _ref.id) !== null && _id !== void 0 ? _id : '';
+}
+// #sourceMappingURL=getInitialTab.js.map