@diplodoc/components 5.8.0 → 5.9.0

package/build/esm/components/navigation/hooks/useSections.js

@@ -0,0 +1,59 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/components/navigation/hooks/useSections.ts
+import { useMemo } from "react";
+function useSections(props) {
+  const { items } = props;
+  const sections = useMemo(() => {
+    return getSections(items);
+  }, [items]);
+  return {
+    items: sections
+  };
+}
+function getSections(items) {
+  var _a;
+  let index = 0;
+  const sections = [];
+  for (const item of items) {
+    if (item.type === "section") {
+      const section = __spreadProps(__spreadValues({}, item), {
+        items: item.items.map((item2) => getItemWithIconSize(item2))
+      });
+      sections.push(section);
+      index = sections.length;
+    } else {
+      (_a = sections[index]) != null ? _a : sections[index] = { type: "section", items: [] };
+      sections[index].items.push(getItemWithIconSize(item));
+    }
+  }
+  return sections;
+}
+function getItemWithIconSize(item, iconSize = 20) {
+  if ("iconSize" in item) {
+    return item;
+  }
+  return __spreadProps(__spreadValues({}, item), { iconSize });
+}
+export {
+  useSections
+};
+//# sourceMappingURL=useSections.js.map

package/build/esm/components/navigation/hooks/useSections.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/navigation/hooks/useSections.ts"],
+  "sourcesContent": ["import type {NavigationLinkItem, NavigationSectionItem} from '../types';\n\nimport {useMemo} from 'react';\n\nexport interface UseSectionsProps {\n    items: Array<NavigationSectionItem | NavigationLinkItem>;\n}\n\nexport function useSections(props: UseSectionsProps) {\n    const {items} = props;\n\n    const sections = useMemo(() => {\n        return getSections(items);\n    }, [items]);\n\n    return {\n        items: sections,\n    };\n}\n\nfunction getSections(items: Array<NavigationSectionItem | NavigationLinkItem>) {\n    let index = 0;\n    const sections: NavigationSectionItem[] = [];\n\n    for (const item of items) {\n        if (item.type === 'section') {\n            const section: NavigationSectionItem = {\n                ...item,\n                items: item.items.map((item) => getItemWithIconSize(item)),\n            };\n\n            sections.push(section);\n\n            index = sections.length;\n        } else {\n            sections[index] ??= {type: 'section', items: []};\n            sections[index].items.push(getItemWithIconSize(item));\n        }\n    }\n\n    return sections;\n}\n\nfunction getItemWithIconSize(item: NavigationLinkItem, iconSize = 20) {\n    if ('iconSize' in item) {\n        return item;\n    }\n\n    return {...item, iconSize};\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAEA,SAAQ,eAAc;AAMf,SAAS,YAAY,OAAyB;AACjD,QAAM,EAAC,MAAK,IAAI;AAEhB,QAAM,WAAW,QAAQ,MAAM;AAC3B,WAAO,YAAY,KAAK;AAAA,EAC5B,GAAG,CAAC,KAAK,CAAC;AAEV,SAAO;AAAA,IACH,OAAO;AAAA,EACX;AACJ;AAEA,SAAS,YAAY,OAA0D;AApB/E;AAqBI,MAAI,QAAQ;AACZ,QAAM,WAAoC,CAAC;AAE3C,aAAW,QAAQ,OAAO;AACtB,QAAI,KAAK,SAAS,WAAW;AACzB,YAAM,UAAiC,iCAChC,OADgC;AAAA,QAEnC,OAAO,KAAK,MAAM,IAAI,CAACA,UAAS,oBAAoBA,KAAI,CAAC;AAAA,MAC7D;AAEA,eAAS,KAAK,OAAO;AAErB,cAAQ,SAAS;AAAA,IACrB,OAAO;AACH,8DAAoB,EAAC,MAAM,WAAW,OAAO,CAAC,EAAC;AAC/C,eAAS,KAAK,EAAE,MAAM,KAAK,oBAAoB,IAAI,CAAC;AAAA,IACxD;AAAA,EACJ;AAEA,SAAO;AACX;AAEA,SAAS,oBAAoB,MAA0B,WAAW,IAAI;AAClE,MAAI,cAAc,MAAM;AACpB,WAAO;AAAA,EACX;AAEA,SAAO,iCAAI,OAAJ,EAAU,SAAQ;AAC7B;",
+  "names": ["item"]
+}

package/build/esm/components/navigation/index.d.ts

@@ -11,3 +11,4 @@ export { default as Sidebar } from './Sidebar/Sidebar';
 export { default as ToMainMenu } from './ToMainMenu/ToMainMenu';
 export { default as MobileDropdown } from './MobileDropdown/MobileDropdown';
 export { Label as NavigationLabel, type LabelProps as NavigationLabelProps } from './Label';
+export { NavigationDropdown, type NavigationDropdownProps } from './NavigationDropdown';

package/build/esm/components/navigation/index.js

@@ -12,9 +12,11 @@ import { default as default5 } from "./Sidebar/Sidebar";
 import { default as default6 } from "./ToMainMenu/ToMainMenu";
 import { default as default7 } from "./MobileDropdown/MobileDropdown";
 import { Label } from "./Label";
+import { NavigationDropdown } from "./NavigationDropdown";
 export {
   default2 as CustomNavigation,
   default7 as MobileDropdown,
+  NavigationDropdown,
   Label as NavigationLabel,
   default5 as Sidebar,
   default4 as SidebarContent,

package/build/esm/components/navigation/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/navigation/index.ts"],
-  "sourcesContent": ["export * from './CustomNavigation/CustomNavigation';\nexport * from './SidebarNavigation/SidebarNavigation';\nexport * from './SidebarContent/SidebarContent';\nexport * from './Sidebar/Sidebar';\nexport * from './ToMainMenu/ToMainMenu';\nexport * from './MobileDropdown/MobileDropdown';\n\nexport {default as CustomNavigation} from './CustomNavigation/CustomNavigation';\nexport {default as SidebarNavigation} from './SidebarNavigation/SidebarNavigation';\nexport {default as SidebarContent} from './SidebarContent/SidebarContent';\nexport {default as Sidebar} from './Sidebar/Sidebar';\nexport {default as ToMainMenu} from './ToMainMenu/ToMainMenu';\nexport {default as MobileDropdown} from './MobileDropdown/MobileDropdown';\nexport {Label as NavigationLabel, type LabelProps as NavigationLabelProps} from './Label';\n"],
-  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAmB,WAAXA,gBAAkC;AAC1C,SAAmB,WAAXA,gBAAmC;AAC3C,SAAmB,WAAXA,gBAAgC;AACxC,SAAmB,WAAXA,gBAAyB;AACjC,SAAmB,WAAXA,gBAA4B;AACpC,SAAmB,WAAXA,gBAAgC;AACxC,SAAiB,aAA+D;",
+  "sourcesContent": ["export * from './CustomNavigation/CustomNavigation';\nexport * from './SidebarNavigation/SidebarNavigation';\nexport * from './SidebarContent/SidebarContent';\nexport * from './Sidebar/Sidebar';\nexport * from './ToMainMenu/ToMainMenu';\nexport * from './MobileDropdown/MobileDropdown';\n\nexport {default as CustomNavigation} from './CustomNavigation/CustomNavigation';\nexport {default as SidebarNavigation} from './SidebarNavigation/SidebarNavigation';\nexport {default as SidebarContent} from './SidebarContent/SidebarContent';\nexport {default as Sidebar} from './Sidebar/Sidebar';\nexport {default as ToMainMenu} from './ToMainMenu/ToMainMenu';\nexport {default as MobileDropdown} from './MobileDropdown/MobileDropdown';\nexport {Label as NavigationLabel, type LabelProps as NavigationLabelProps} from './Label';\nexport {NavigationDropdown, type NavigationDropdownProps} from './NavigationDropdown';\n"],
+  "mappings": ";AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAmB,WAAXA,gBAAkC;AAC1C,SAAmB,WAAXA,gBAAmC;AAC3C,SAAmB,WAAXA,gBAAgC;AACxC,SAAmB,WAAXA,gBAAyB;AACjC,SAAmB,WAAXA,gBAA4B;AACpC,SAAmB,WAAXA,gBAAgC;AACxC,SAAiB,aAA+D;AAChF,SAAQ,0BAAuD;",
   "names": ["default"]
 }

package/build/esm/components/navigation/types.d.ts

@@ -0,0 +1,11 @@
+import type { NavigationLinkItem } from '@gravity-ui/page-constructor';
+export type { NavigationLinkItem };
+export interface NavigationSectionItem {
+    type: 'section';
+    title?: string;
+    items: NavigationLinkItem[];
+}
+export interface NavigationColumnItem {
+    type: 'column';
+    items: Array<NavigationSectionItem | NavigationLinkItem>;
+}