@synerise/ds-cascader 1.1.27 → 1.1.29

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.29](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@1.1.28...@synerise/ds-cascader@1.1.29) (2026-04-10)
+
+**Note:** Version bump only for package @synerise/ds-cascader
+
+## [1.1.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@1.1.27...@synerise/ds-cascader@1.1.28) (2026-04-01)
+
+### Bug Fixes
+
+- **cascader:** simplified nested types ([c6e42a7](https://github.com/Synerise/synerise-design/commit/c6e42a7d22375cddaeb4d5cb13f9f528ede83fe1))
+
 ## [1.1.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@1.1.26...@synerise/ds-cascader@1.1.27) (2026-03-24)
 
 **Note:** Version bump only for package @synerise/ds-cascader

package/dist/Cascader.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useMemo, useEffect, useCallback } from "react";
+import { useState, useRef, useLayoutEffect, useMemo, useEffect, useCallback } from "react";
 import { theme } from "@synerise/ds-core";
 import Icon, { SearchM } from "@synerise/ds-icon";
 import SearchBar from "@synerise/ds-search-bar";
@@ -36,7 +36,16 @@ const Cascader = ({
   } = useResize(searchResultsContainer);
   const previousCategory = enteredCategories[enteredCategories.length - 2];
   const isSearching = !!paths && searchQuery.length > 0;
-  const categoriesMaxHeight = maxHeight ? Math.floor((maxHeight - Number(categoriesContainer?.current?.offsetTop)) / CATEGORY_ITEM_HEIGHT) * CATEGORY_ITEM_HEIGHT + VERTICAL_PADDING_OFFSET : void 0;
+  const [categoriesMaxHeight, setCategoriesMaxHeight] = useState(void 0);
+  useLayoutEffect(() => {
+    if (!maxHeight) {
+      setCategoriesMaxHeight(void 0);
+      return;
+    }
+    const offsetTop = categoriesContainer.current?.offsetTop ?? 0;
+    const calculated = Math.floor((maxHeight - offsetTop) / CATEGORY_ITEM_HEIGHT) * CATEGORY_ITEM_HEIGHT + VERTICAL_PADDING_OFFSET;
+    setCategoriesMaxHeight((prev) => prev === calculated ? prev : calculated);
+  });
   const calculateVisibleRows = useMemo(() => {
     return Math.floor((height - VERTICAL_PADDING_OFFSET) / BREADCRUMB_ITEM_HEIGHT);
   }, [height]);
@@ -121,7 +130,7 @@ const Cascader = ({
       }) => {
         setScrollTop(currentTarget.scrollTop);
       }, children: /* @__PURE__ */ jsx(BreadcrumbsList, { width: "calc(100% - 8px)", visibleRows: calculateVisibleRows, rowHeight: BREADCRUMB_ITEM_HEIGHT, paths: filteredPaths, highlight: searchQuery, onBreadCrumbClick: handleBreadCrumbClick, scrollTop, selectedIds }) }),
-      /* @__PURE__ */ jsx(Navigation, { backActionVisible, breadcrumbVisible: !searchQuery && !!activeCategory.path, onPathClick, onHomeIconClick, previousCategory, activeCategory }),
+      /* @__PURE__ */ jsx(Navigation, { backActionVisible, breadcrumbVisible: !searchQuery && activeCategory.path.length > 0, onPathClick, onHomeIconClick, previousCategory, activeCategory }),
       !searchQuery && /* @__PURE__ */ jsx("div", { ref: categoriesContainer, children: /* @__PURE__ */ jsx(CascaderScrollbar, { maxHeight: categoriesMaxHeight, searching: isSearching, absolute: isSearching, onScroll: ({
         currentTarget
       }) => {

package/dist/Cascader.styles.js

@@ -7,7 +7,7 @@ const InputWrapper = /* @__PURE__ */ styled.div.withConfig({
 const SearchResults = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Cascaderstyles__SearchResults",
   componentId: "sc-endrj4-1"
-})(["display:", ";width:100%;background:", ";border-radius:0 0 3px 3px;padding:8px 0 8px 8px;box-shadow:0 16px 32px 0 rgba(35,41,54,0.05);z-index:10;"], (props) => !props.visible ? "none" : "block", (props) => props.theme.palette.white);
+})(["position:relative;display:", ";width:100%;background:", ";border-radius:0 0 3px 3px;padding:8px 0 8px 8px;box-shadow:0 16px 32px 0 rgba(35,41,54,0.05);z-index:10;"], (props) => !props.visible ? "none" : "block", (props) => props.theme.palette.white);
 const CascaderScrollbar = /* @__PURE__ */ styled(Scrollbar).withConfig({
   displayName: "Cascaderstyles__CascaderScrollbar",
   componentId: "sc-endrj4-2"

package/dist/Cascader.types.d.ts

@@ -4,6 +4,7 @@ export type Category = {
     id: ReactText;
     name: string;
     path: string[];
+    children?: Category[];
 };
 export type CascaderProps = {
     categorySuffix: ReactNode;

package/dist/Elements/CategoriesList/CategoriesList.js

@@ -24,10 +24,7 @@ const CategoriesList = ({
     onSuffixelClick && onSuffixelClick(item);
   }, [onSuffixelClick]);
   const renderSuffix = (item) => /* @__PURE__ */ jsx(CategoriesSuffix, { onClick: (event) => onSuffixelClickHandler(item, event), children: selectedIds.includes(item.id) ? /* @__PURE__ */ jsx(Icon, { color: theme.palette["green-600"], component: /* @__PURE__ */ jsx(CheckS, {}) }) : suffixel });
-  return /* @__PURE__ */ jsx(Fragment, { children: Object.keys(rootCategory).filter((key) => rootCategory[key]?.name).map((key) => {
-    const item = rootCategory[key];
-    return /* @__PURE__ */ jsx(ListItem, { text: item.name, type: selectedIds.includes(item.id) ? void 0 : "select", suffixel: renderSuffix(item), parent: hasNestedCategories(item), onClick: () => onCategoryClickHandler(item) }, `${item.id}`);
-  }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: (rootCategory.children ?? []).map((item) => /* @__PURE__ */ jsx(ListItem, { text: item.name, type: selectedIds.includes(item.id) ? void 0 : "select", suffixel: renderSuffix(item), parent: hasNestedCategories(item), onClick: () => onCategoryClickHandler(item) }, `${item.id}`)) });
 };
 export {
   CategoriesList,

package/dist/utils.js

@@ -5,42 +5,30 @@ const searchCategoryWithId = (category, id) => {
   if (category.id === id) {
     return category;
   }
-  let result, property;
-  const keys = Object.keys(category);
-  for (let i = 0; i < keys.length; i += 1) {
-    property = keys[i];
-    if (Object.prototype.hasOwnProperty.call(category, property) && // @ts-expect-error rootCategory is in fact more than what Category type defines
-    // apart from id, name and path it can have nested categories with any key
-    // STOR-1904
-    typeof category[property] === "object") {
-      result = searchCategoryWithId(category[property], id);
+  if (category.children) {
+    for (const child of category.children) {
+      const result = searchCategoryWithId(child, id);
       if (result) {
         return result;
       }
     }
   }
-  return result;
+  return void 0;
 };
 const getAllPaths = (category, resultsArray) => {
-  let results = resultsArray || [];
+  const results = resultsArray || [];
   if (category.path && category.path.length > 0) {
     results.push({
       path: category.path,
       id: category.id
     });
   }
-  let property;
-  const keys = Object.keys(category);
-  for (let i = 0; i < keys.length; i += 1) {
-    property = keys[i];
-    if (Object.prototype.hasOwnProperty.call(category, property) && // @ts-expect-error rootCategory is in fact more than what Category type defines
-    // apart from id, name and path it can have nested categories with any key
-    // STOR-1904
-    typeof category[property] === "object") {
-      results = getAllPaths(category[property], results);
+  if (category.children) {
+    for (const child of category.children) {
+      getAllPaths(child, results);
     }
   }
-  return results && results.length > 0 ? results : void 0;
+  return results.length > 0 ? results : void 0;
 };
 const filterPaths = (paths, searchQuery) => {
   const pathsToBeFiltered = [...paths];
@@ -52,19 +40,7 @@ const filterPaths = (paths, searchQuery) => {
   return filtered;
 };
 const hasNestedCategories = (category) => {
-  let property;
-  const keys = Object.keys(category);
-  for (let i = 0; i < keys.length; i += 1) {
-    property = keys[i];
-    if (Object.prototype.hasOwnProperty.call(category, property) && // @ts-expect-error rootCategory is in fact more than what Category type defines
-    // apart from id, name and path it can have nested categories with any key
-    typeof category[property] === "object" && // @ts-expect-error rootCategory is in fact more than what Category type defines
-    // apart from id, name and path it can have nested categories with any key
-    Object.prototype.toString.call(category[property]) === "[object Object]") {
-      return true;
-    }
-  }
-  return false;
+  return (category.children?.length ?? 0) > 0;
 };
 export {
   filterPaths,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-cascader",
-  "version": "1.1.27",
+  "version": "1.1.29",
   "description": "Cascader UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -17,10 +17,7 @@
   },
   "scripts": {
     "build": "vite build",
-    "build:css": "node ../../../scripts/style/less.js",
-    "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "vite build --watch",
-    "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
     "test": "vitest run",
@@ -35,13 +32,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^1.3.2",
-    "@synerise/ds-icon": "^1.15.1",
-    "@synerise/ds-list-item": "^1.4.10",
-    "@synerise/ds-scrollbar": "^1.2.17",
-    "@synerise/ds-search": "^1.5.10",
-    "@synerise/ds-search-bar": "^1.4.20",
-    "@synerise/ds-utils": "^1.7.1"
+    "@synerise/ds-divider": "^1.3.4",
+    "@synerise/ds-icon": "^1.15.3",
+    "@synerise/ds-list-item": "^1.4.12",
+    "@synerise/ds-scrollbar": "^1.2.19",
+    "@synerise/ds-search": "^1.5.12",
+    "@synerise/ds-search-bar": "^1.4.22",
+    "@synerise/ds-utils": "^1.8.0"
   },
   "devDependencies": {
     "vitest": "4"
@@ -51,5 +48,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
+  "gitHead": "ce3c6d75efe8573a2b274853636f959b75a6cd32"
 }