kiban-design-system 1.0.271-alpha.0 → 1.0.272-alpha.0

package/dist/index.js

@@ -9995,7 +9995,7 @@ const AlphaInputText = ({ isDisabled, label }) => {
 const SideMenuContext = createContext({});
 
 const COMPONENT_NAME$p = 'AlphaSideMenu__Item';
-const Item$3 = ({ label, isDisabled, icon, onClick, isActive: isActiveProp, subNavigationItems, truncateText, anchorProps, isCollapsed: isCollapsedProp, isSubNavigation, isExternal, isExact, url, }) => {
+const Item$3 = ({ label, isDisabled, icon, onClick, isActive: isActiveProp, subNavigationItems, truncateText, anchorProps, isCollapsed: isCollapsedProp, isSubNavigation, isExternal, isExact, url, isVisible, }) => {
     const { anchorComponent, collapsed, setCurrentTierItems, location } = useContext(SideMenuContext);
     const isCollapsed = isCollapsedProp !== undefined ? isCollapsedProp : collapsed;
     const AnchorComponent = !isExternal ? anchorComponent || 'a' : 'a';
@@ -10012,20 +10012,9 @@ const Item$3 = ({ label, isDisabled, icon, onClick, isActive: isActiveProp, subN
             setCurrentTierItems === null || setCurrentTierItems === void 0 ? void 0 : setCurrentTierItems(subNavigationItems || [], label);
         }
     }, [isActive]);
-    const labelMarkup = label ? (jsx("span", Object.assign({ 
-        // layout
-        // animate={{
-        //   opacity: isCollapsed ? 0 : 1,
-        // }}
-        // transition={{
-        //   duration: 0.3,
-        //   ease: [0.4, 0, 0.2, 1],
-        // }}
-        className: `${COMPONENT_NAME$p}__Label` }, { children: label }), void 0)) : null;
+    const labelMarkup = label ? (jsx("span", Object.assign({ className: `${COMPONENT_NAME$p}__Label` }, { children: label }), void 0)) : null;
     const iconSource = icon && isValidIcon(icon === null || icon === void 0 ? void 0 : icon.icon) ? (jsx(AlphaIcon, { source: icon === null || icon === void 0 ? void 0 : icon.icon, outlined: icon === null || icon === void 0 ? void 0 : icon.outlined }, void 0)) : (jsx(Fragment, { children: icon }, void 0));
-    const iconMarkup = icon ? (jsx("div", Object.assign({ 
-        // layout
-        className: `${COMPONENT_NAME$p}__IconWrapper` }, { children: iconSource }), void 0)) : null;
+    const iconMarkup = icon ? (jsx("div", Object.assign({ className: `${COMPONENT_NAME$p}__IconWrapper` }, { children: iconSource }), void 0)) : null;
     const handleClick = () => {
         if (!isDisabled) {
             onClick === null || onClick === void 0 ? void 0 : onClick();
@@ -10037,9 +10026,19 @@ const Item$3 = ({ label, isDisabled, icon, onClick, isActive: isActiveProp, subN
     const anchorMarkup = (jsxs(AnchorComponent, Object.assign({}, anchorProps, { target: isExternal ? '_blank' : undefined, onClick: handleClick }, { children: [iconMarkup, labelMarkup] }), void 0));
     const tooltipAnchorMarkup = isCollapsed ? (jsx(AlphaTooltip, Object.assign({ content: label, position: 'right' }, { children: anchorMarkup }), void 0)) : null;
     const classNames = cssClassName(COMPONENT_NAME$p, isDisabled && 'isDisabled', isActive && 'isActive', truncateText && 'isTruncated', (isCollapsed !== undefined ? isCollapsed : collapsed) && 'isCollapsed');
-    return (jsx("li", Object.assign({ 
-        // layout
-        className: classNames }, { children: tooltipAnchorMarkup || anchorMarkup }), void 0));
+    if (isVisible &&
+        !isVisible(location, {
+            label,
+            url,
+            isDisabled,
+            isActive: isActiveProp,
+            subNavigationItems: subNavigationItems || [],
+            truncateText,
+            anchorProps,
+        })) {
+        return null;
+    }
+    return jsx("li", Object.assign({ className: classNames }, { children: tooltipAnchorMarkup || anchorMarkup }), void 0);
 };
 
 const COMPONENT_NAME$o = 'AlphaSideMenu__Section';