@synerise/ds-cascader 0.5.25 → 0.5.26

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.5.25...@synerise/ds-cascader@0.5.26) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-cascader
+
+
+
+
+
 ## [0.5.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cascader@0.5.24...@synerise/ds-cascader@0.5.25) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-cascader

package/dist/Cascader.js

@@ -13,50 +13,39 @@ var BREADCRUMB_ITEM_HEIGHT = 50;
 var CATEGORY_ITEM_HEIGHT = 32;
 export var Cascader = function Cascader(_ref) {
   var _categoriesContainer$;
-
   var rootCategory = _ref.rootCategory,
-      searchClearTooltip = _ref.searchClearTooltip,
-      searchInputPlaceholder = _ref.searchInputPlaceholder,
-      onCategorySelect = _ref.onCategorySelect,
-      categorySuffix = _ref.categorySuffix,
-      maxHeight = _ref.maxHeight,
-      contentStyles = _ref.contentStyles,
-      selectedCategoriesIds = _ref.selectedCategoriesIds;
-
+    searchClearTooltip = _ref.searchClearTooltip,
+    searchInputPlaceholder = _ref.searchInputPlaceholder,
+    onCategorySelect = _ref.onCategorySelect,
+    categorySuffix = _ref.categorySuffix,
+    maxHeight = _ref.maxHeight,
+    contentStyles = _ref.contentStyles,
+    selectedCategoriesIds = _ref.selectedCategoriesIds;
   var _useState = useState(''),
-      searchQuery = _useState[0],
-      setSearchQuery = _useState[1];
-
+    searchQuery = _useState[0],
+    setSearchQuery = _useState[1];
   var _useState2 = useState(rootCategory),
-      activeCategory = _useState2[0],
-      setActiveCategory = _useState2[1];
-
+    activeCategory = _useState2[0],
+    setActiveCategory = _useState2[1];
   var _useState3 = useState([]),
-      paths = _useState3[0],
-      setPaths = _useState3[1];
-
+    paths = _useState3[0],
+    setPaths = _useState3[1];
   var _useState4 = useState([]),
-      filteredPaths = _useState4[0],
-      setFilteredPaths = _useState4[1];
-
+    filteredPaths = _useState4[0],
+    setFilteredPaths = _useState4[1];
   var _useState5 = useState([]),
-      enteredCategories = _useState5[0],
-      setEnteredCategories = _useState5[1];
-
+    enteredCategories = _useState5[0],
+    setEnteredCategories = _useState5[1];
   var _useState6 = useState(0),
-      scrollTop = _useState6[0],
-      setScrollTop = _useState6[1];
-
+    scrollTop = _useState6[0],
+    setScrollTop = _useState6[1];
   var _useState7 = useState(selectedCategoriesIds || []),
-      selectedIds = _useState7[0],
-      setSelectedIds = _useState7[1];
-
+    selectedIds = _useState7[0],
+    setSelectedIds = _useState7[1];
   var searchResultsContainer = useRef();
   var categoriesContainer = useRef();
-
   var _useResize = useResize(searchResultsContainer),
-      height = _useResize.height;
-
+    height = _useResize.height;
   var previousCategory = enteredCategories[enteredCategories.length - 2];
   var isSearching = !!paths && searchQuery.length > 0;
   var categoriesMaxHeight = maxHeight ? Math.floor((maxHeight - Number(categoriesContainer == null || (_categoriesContainer$ = categoriesContainer.current) == null ? void 0 : _categoriesContainer$.offsetTop)) / CATEGORY_ITEM_HEIGHT) * CATEGORY_ITEM_HEIGHT + VERTICAL_PADDING_OFFSET : undefined;
@@ -66,7 +55,6 @@ export var Cascader = function Cascader(_ref) {
   useEffect(function () {
     var allPaths = getAllPaths(rootCategory, []);
     setPaths(allPaths);
-
     if (activeCategory.id === rootCategory.id || !activeCategory.id) {
       setActiveCategory(rootCategory);
     }
@@ -74,11 +62,9 @@ export var Cascader = function Cascader(_ref) {
   useEffect(function () {
     setSelectedIds(selectedCategoriesIds);
   }, [selectedCategoriesIds]);
-
   var onItemSelect = function onItemSelect(item) {
     var newSelectedList;
     var itemAlreadySelected = selectedIds.indexOf(item.id) !== -1;
-
     if (!itemAlreadySelected) {
       newSelectedList = [].concat(selectedIds, [item.id]);
       onCategorySelect && onCategorySelect(item, true);
@@ -88,10 +74,8 @@ export var Cascader = function Cascader(_ref) {
       });
       onCategorySelect && onCategorySelect(item, false);
     }
-
     setSelectedIds([].concat(newSelectedList));
   };
-
   var onCategoryClick = function onCategoryClick(category) {
     var entered = {
       id: category.id,
@@ -100,7 +84,6 @@ export var Cascader = function Cascader(_ref) {
     };
     var updatedEnteredCategories = [].concat(enteredCategories, [entered]);
     var hasMoreCategories = hasNestedCategories(category);
-
     if (hasMoreCategories) {
       setActiveCategory(category);
       setEnteredCategories(updatedEnteredCategories);
@@ -108,27 +91,22 @@ export var Cascader = function Cascader(_ref) {
       onItemSelect(category);
     }
   };
-
   var onPathClick = useCallback(function (pathName) {
     var chosenCategory = enteredCategories.find(function (enteredCategory) {
       return enteredCategory.name === pathName;
     });
     var updatedEnteredCategories;
-
     if (chosenCategory) {
       updatedEnteredCategories = enteredCategories.slice(0, enteredCategories.indexOf(chosenCategory) + 1);
     }
-
     if (chosenCategory != null && chosenCategory.id) {
       var nextActiveCategory = searchCategoryWithId(rootCategory, chosenCategory.id);
-
       if (nextActiveCategory) {
         setActiveCategory(nextActiveCategory);
       }
     } else {
       setActiveCategory(rootCategory);
     }
-
     setEnteredCategories(updatedEnteredCategories || []);
   }, [rootCategory, enteredCategories]);
   var onHomeIconClick = useCallback(function () {
@@ -141,12 +119,10 @@ export var Cascader = function Cascader(_ref) {
       setFilteredPaths(filtered);
     } else setFilteredPaths([]);
   }, [paths]);
-
   var handleBreadCrumbClick = function handleBreadCrumbClick(breadcrumb) {
     var selectedCategory = searchCategoryWithId(rootCategory, breadcrumb == null ? void 0 : breadcrumb.id);
     selectedCategory ? onItemSelect(selectedCategory) : onItemSelect(breadcrumb);
   };
-
   var backActionVisible = useMemo(function () {
     return !searchQuery && !!previousCategory && !!previousCategory.name && enteredCategories.length > 1;
   }, [enteredCategories.length, previousCategory, searchQuery]);

package/dist/Elements/BackAction/BackAction.js

@@ -5,7 +5,7 @@ import * as S from './BackAction.styles';
 import { DividerContainer } from '../../Cascader.styles';
 export var BackAction = function BackAction(_ref) {
   var label = _ref.label,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.BackActionWrapper, null, /*#__PURE__*/React.createElement(S.ContentWrapper, {
     onClick: onClick
   }, /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {

package/dist/Elements/BottomAction/BottomAction.js

@@ -3,8 +3,8 @@ import Icon from '@synerise/ds-icon';
 import * as S from './BottomAction.styles';
 export var BottomAction = function BottomAction(_ref) {
   var onClickAction = _ref.onClickAction,
-      children = _ref.children,
-      icon = _ref.icon;
+    children = _ref.children,
+    icon = _ref.icon;
   return /*#__PURE__*/React.createElement(S.BottomAction, {
     onClick: onClickAction
   }, icon && /*#__PURE__*/React.createElement(S.IconWrapper, null, /*#__PURE__*/React.createElement(Icon, {

package/dist/Elements/Breadcrumb/Breadcrumb.js

@@ -6,27 +6,25 @@ import * as S from './Breadcrumb.styles';
 import { shouldHaveArrowPlaceholder, shouldRenderArrow, isOverflown, attachActiveClassName } from './utils';
 export var Breadcrumb = function Breadcrumb(_ref) {
   var path = _ref.path,
-      disabled = _ref.disabled,
-      highlight = _ref.highlight,
-      description = _ref.description,
-      onPathClick = _ref.onPathClick,
-      compact = _ref.compact,
-      startWithArrow = _ref.startWithArrow,
-      gradientOverlap = _ref.gradientOverlap,
-      highlightActivePath = _ref.highlightActivePath,
-      className = _ref.className,
-      prefixel = _ref.prefixel,
-      style = _ref.style;
+    disabled = _ref.disabled,
+    highlight = _ref.highlight,
+    description = _ref.description,
+    onPathClick = _ref.onPathClick,
+    compact = _ref.compact,
+    startWithArrow = _ref.startWithArrow,
+    gradientOverlap = _ref.gradientOverlap,
+    highlightActivePath = _ref.highlightActivePath,
+    className = _ref.className,
+    prefixel = _ref.prefixel,
+    style = _ref.style;
   var pathToDisplay = useMemo(function () {
     var breadcrumbsArray = [].concat(path);
     return compact ? breadcrumbsArray.reverse() : breadcrumbsArray;
   }, [compact, path]);
   var contentRef = useRef(null);
-
   var _useState = useState(false),
-      gradient = _useState[0],
-      setGradient = _useState[1];
-
+    gradient = _useState[0],
+    setGradient = _useState[1];
   useEffect(function () {
     var shouldRenderGradientOverlap = gradientOverlap && isOverflown(contentRef);
     setGradient(!!shouldRenderGradientOverlap);
@@ -35,7 +33,6 @@ export var Breadcrumb = function Breadcrumb(_ref) {
     if (description && typeof description === 'string' && highlight) {
       return renderWithHighlight(description, highlight, 'search-highlight', 'search-highlight');
     }
-
     return description;
   }, [description, highlight]);
   return /*#__PURE__*/React.createElement(S.Breadcrumb, {

package/dist/Elements/Breadcrumb/utils.js

@@ -2,27 +2,22 @@ export var attachActiveClassName = function attachActiveClassName(index, highlig
   if (compact) {
     return highlightActivePath && index === 0 ? 'active' : '';
   }
-
   return highlightActivePath && index === path.length - 1 ? 'active' : '';
 };
 export var shouldRenderArrow = function shouldRenderArrow(breadCrumbPath, index, startWithArrow) {
   if (!breadCrumbPath || !breadCrumbPath.length) {
     return false;
   }
-
   var nextBreadcrumb = breadCrumbPath[index + 1];
-
   if (!nextBreadcrumb) {
     return startWithArrow;
   }
-
   return true;
 };
 export var shouldHaveArrowPlaceholder = function shouldHaveArrowPlaceholder(index, path, compact, startWithArrow) {
   if (compact) {
     return startWithArrow || index < path.length - 1 && path.length > 1;
   }
-
   return startWithArrow || path.length > 1 || index > 0;
 };
 export var isOverflown = function isOverflown(elementRef) {
@@ -30,6 +25,5 @@ export var isOverflown = function isOverflown(elementRef) {
     var element = elementRef.current;
     return element.scrollWidth > element.clientWidth;
   }
-
   return false;
 };

package/dist/Elements/BreadcrumbsList/BreadcrumbsList.js

@@ -5,12 +5,12 @@ var DEFAULT_VISIBLE_ROWS = 6;
 var DEFAULT_ROW_HEIGHT = 50;
 export var BreadcrumbsList = function BreadcrumbsList(_ref) {
   var paths = _ref.paths,
-      highlight = _ref.highlight,
-      width = _ref.width,
-      visibleRows = _ref.visibleRows,
-      onBreadCrumbClick = _ref.onBreadCrumbClick,
-      rowHeight = _ref.rowHeight,
-      scrollTop = _ref.scrollTop;
+    highlight = _ref.highlight,
+    width = _ref.width,
+    visibleRows = _ref.visibleRows,
+    onBreadCrumbClick = _ref.onBreadCrumbClick,
+    rowHeight = _ref.rowHeight,
+    scrollTop = _ref.scrollTop;
   var listPropsObject = {
     scrollTop: scrollTop
   };

package/dist/Elements/CategoriesList/CategoriesList.js

@@ -10,10 +10,10 @@ var CategoriesSuffix = styled.div.withConfig({
 })([""]);
 export var CategoriesList = function CategoriesList(_ref) {
   var rootCategory = _ref.rootCategory,
-      onCategoryClick = _ref.onCategoryClick,
-      suffixel = _ref.suffixel,
-      onSuffixelClick = _ref.onSuffixelClick,
-      selectedIds = _ref.selectedIds;
+    onCategoryClick = _ref.onCategoryClick,
+    suffixel = _ref.suffixel,
+    onSuffixelClick = _ref.onSuffixelClick,
+    selectedIds = _ref.selectedIds;
   var onCategoryClickHandler = useCallback(function (item) {
     onCategoryClick && onCategoryClick(item);
   }, [onCategoryClick]);
@@ -21,7 +21,6 @@ export var CategoriesList = function CategoriesList(_ref) {
     event.stopPropagation();
     onSuffixelClick && onSuffixelClick(item);
   }, [onSuffixelClick]);
-
   var renderSuffix = function renderSuffix(item) {
     return /*#__PURE__*/React.createElement(CategoriesSuffix, {
       onClick: function onClick(event) {
@@ -32,10 +31,8 @@ export var CategoriesList = function CategoriesList(_ref) {
       component: /*#__PURE__*/React.createElement(CheckS, null)
     }) : suffixel);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, Object.keys(rootCategory).filter(function (key) {
     var _rootCategory$key;
-
     return (_rootCategory$key = rootCategory[key]) == null ? void 0 : _rootCategory$key.name;
   }).map(function (key) {
     var item = rootCategory[key];

package/dist/Elements/Navigation/Navigation.js

@@ -7,12 +7,11 @@ import { BackAction } from '../BackAction/BackAction';
 import { Breadcrumb } from '../Breadcrumb/Breadcrumb';
 export var Navigation = function Navigation(_ref) {
   var backActionVisible = _ref.backActionVisible,
-      onHomeIconClick = _ref.onHomeIconClick,
-      onPathClick = _ref.onPathClick,
-      activeCategory = _ref.activeCategory,
-      previousCategory = _ref.previousCategory,
-      breadcrumbVisible = _ref.breadcrumbVisible;
-
+    onHomeIconClick = _ref.onHomeIconClick,
+    onPathClick = _ref.onPathClick,
+    activeCategory = _ref.activeCategory,
+    previousCategory = _ref.previousCategory,
+    breadcrumbVisible = _ref.breadcrumbVisible;
   var renderBreadcrumbs = function renderBreadcrumbs() {
     return breadcrumbVisible && activeCategory ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Breadcrumb, {
       path: activeCategory.path,
@@ -30,7 +29,6 @@ export var Navigation = function Navigation(_ref) {
       dashed: true
     }))) : null;
   };
-
   var renderBackAction = function renderBackAction() {
     return backActionVisible && previousCategory ? /*#__PURE__*/React.createElement(BackAction, {
       label: previousCategory.name,
@@ -39,7 +37,6 @@ export var Navigation = function Navigation(_ref) {
       }
     }) : null;
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, renderBreadcrumbs(), renderBackAction());
 };
 export default Navigation;

package/dist/utils.js

@@ -2,49 +2,38 @@ export var searchCategoryWithId = function searchCategoryWithId(category, id) {
   if (id === undefined) {
     return undefined;
   }
-
   if (category.id === id) {
     return category;
   }
-
   var result, property;
   var keys = Object.keys(category);
-
   for (var i = 0; i < keys.length; i += 1) {
     property = keys[i];
-
     if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object') {
       result = searchCategoryWithId(category[property], id);
-
       if (result) {
         return result;
       }
     }
   }
-
   return result;
 };
 export var getAllPaths = function getAllPaths(category, resultsArray) {
   var results = resultsArray || [];
-
   if (category.path && category.path.length > 0) {
     results.push({
       path: category.path,
       id: category.id
     });
   }
-
   var property;
   var keys = Object.keys(category);
-
   for (var i = 0; i < keys.length; i += 1) {
     property = keys[i];
-
     if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object') {
       results = getAllPaths(category[property], results);
     }
   }
-
   return results && results.length > 0 ? results : undefined;
 };
 export var filterPaths = function filterPaths(paths, searchQuery) {
@@ -59,14 +48,11 @@ export var filterPaths = function filterPaths(paths, searchQuery) {
 export var hasNestedCategories = function hasNestedCategories(category) {
   var property;
   var keys = Object.keys(category);
-
   for (var i = 0; i < keys.length; i += 1) {
     property = keys[i];
-
     if (Object.prototype.hasOwnProperty.call(category, property) && typeof category[property] === 'object' && Object.prototype.toString.call(category[property]) === '[object Object]') {
       return true;
     }
   }
-
   return false;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-cascader",
-  "version": "0.5.25",
+  "version": "0.5.26",
   "description": "Cascader UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^0.7.15",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-list-item": "^0.4.19",
-    "@synerise/ds-scrollbar": "^0.11.19",
-    "@synerise/ds-search": "^0.9.19",
-    "@synerise/ds-search-bar": "^0.7.2",
+    "@synerise/ds-divider": "^0.7.16",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-list-item": "^0.5.0",
+    "@synerise/ds-scrollbar": "^0.11.20",
+    "@synerise/ds-search": "^0.9.20",
+    "@synerise/ds-search-bar": "^0.7.3",
     "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }