npm - @heliux-org/design-system-core - Versions diffs - 0.0.470 → 0.0.471 - Mend

@heliux-org/design-system-core 0.0.470 → 0.0.471

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/Sidebar.js +1 -1
package/dist/Sidebar.js.map +1 -1
package/dist/components/Sidebar/Sidebar.js +2 -2
package/dist/esm/src/components/Sidebar/Sidebar.js +1 -1
package/dist/esm/src/components/Sidebar/Sidebar.js.map +1 -1
package/dist/main.js +1 -1
package/dist/main.js.map +1 -1
package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.js +1 -1
package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.js.map +1 -1
package/package.json +1 -1
package/src/components/Sidebar/Sidebar.tsx +2 -2

package/dist/components/Sidebar/Sidebar.js CHANGED Viewed

@@ -83,7 +83,7 @@ const SidebarMenuItem = ({ text, link, active = false, onClick, iconPath, showCo
     const renderContent = () => ((0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ align: Flex_1.default.align.CENTER, gap: Flex_1.default.gaps.NONE, style: {
             width: isCollapsed ? 'auto' : '100%',
         } }, { children: [(indentLevel === 0 || iconPath) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                    width: '32px',
+                    width: '28px',
                     display: 'flex',
                     justifyContent: 'center',
                     flexShrink: 0
@@ -129,7 +129,7 @@ const SidebarMenuGroup = ({ text, link, children, defaultExpanded = false, inden
         }, onClick: handleClick }, { children: (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ align: Flex_1.default.align.CENTER, gap: isCollapsed ? Flex_1.default.gaps.NONE : 0, style: {
                 width: isCollapsed ? 'auto' : '100%'
             } }, { children: [(indentLevel === 0 || iconPath) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
-                        width: '32px',
+                        width: '28px',
                         display: 'flex',
                         justifyContent: 'center',
                         flexShrink: 0

package/dist/esm/src/components/Sidebar/Sidebar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as s}from"../../../_virtual/_tslib.js";import{jsxs as c,Fragment as t,jsx as e}from"@emotion/react/jsx-runtime";import*as i from"react";import{useState as m}from"react";import p from"./Sidebar.module.scss.js";import r from"classnames";import I from"../Icon/Icon.js";import a from"../IconButton/IconButton.js";import{IconType as j}from"../Icon/IconConstants.js";import"../Icon/Icons/components/Academy.js";import"../Icon/Icons/components/Activity.js";import"../Icon/Icons/components/Add.js";import"../Icon/Icons/components/Assembly.js";import"../Icon/Icons/components/AddNewDoc.js";import"../Icon/Icons/components/AddSmall.js";import"../Icon/Icons/components/AddToTeam.js";import"../Icon/Icons/components/AddUpdate.js";import"../Icon/Icons/components/Alert.js";import"../Icon/Icons/components/Announcement.js";import"../Icon/Icons/components/API.js";import"../Icon/Icons/components/Apps.js";import"../Icon/Icons/components/Archive.js";import"../Icon/Icons/components/Attach.js";import"../Icon/Icons/components/Basic.js";import"../Icon/Icons/components/Battery.js";import"../Icon/Icons/components/BlockQuote.js";import"../Icon/Icons/components/Board.js";import"../Icon/Icons/components/BoardPrivate.js";import"../Icon/Icons/components/BoardShareable.js";import"../Icon/Icons/components/BoardTemplate.js";import"../Icon/Icons/components/Bold.js";import"../Icon/Icons/components/Bolt.js";import"../Icon/Icons/components/Bookmark.js";import"../Icon/Icons/components/Broadcast.js";import"../Icon/Icons/components/Broom.js";import"../Icon/Icons/components/Bug.js";import"../Icon/Icons/components/Bullet.js";import"../Icon/Icons/components/Bullets.js";import"../Icon/Icons/components/Bulllet.js";import"../Icon/Icons/components/Calendar.js";import"../Icon/Icons/components/Chart.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Checkbox.js";import"../Icon/Icons/components/CheckList.js";import"../Icon/Icons/components/Clear.js";import"../Icon/Icons/components/Cloud.js";import l from"../Icon/Icons/components/Close.js";import"../Icon/Icons/components/CloseRound.js";import"../Icon/Icons/components/CloseFilled.js";import"../Icon/Icons/components/CloseSmall.js";import"../Icon/Icons/components/Code.js";import"../Icon/Icons/components/Component.js";import"../Icon/Icons/components/Collapse.js";import"../Icon/Icons/components/CollapseRound.js";import"../Icon/Icons/components/Column.js";import"../Icon/Icons/components/Comment.js";import"../Icon/Icons/components/Completed.js";import"../Icon/Icons/components/Connect.js";import"../Icon/Icons/components/ConnectedDoc.js";import"../Icon/Icons/components/ContentDirectory.js";import"../Icon/Icons/components/ConvertToItem.js";import"../Icon/Icons/components/ConvertToSubitem.js";import"../Icon/Icons/components/Counter.js";import"../Icon/Icons/components/Country.js";import"../Icon/Icons/components/CreditCard.js";import"../Icon/Icons/components/Custom.js";import"../Icon/Icons/components/Cut.js";import"../Icon/Icons/components/Dashboard.js";import"../Icon/Icons/components/DashboardPrivate.js";import"../Icon/Icons/components/Deactivate.js";import"../Icon/Icons/components/Delete.js";import"../Icon/Icons/components/Dependency.js";import"../Icon/Icons/components/Description.js";import"../Icon/Icons/components/DisabledUser.js";import"../Icon/Icons/components/Divider.js";import"../Icon/Icons/components/Doc.js";import"../Icon/Icons/components/DocPrivate.js";import"../Icon/Icons/components/DocShareable.js";import"../Icon/Icons/components/DocTemplate.js";import"../Icon/Icons/components/DoubleCheck.js";import"../Icon/Icons/components/Download.js";import"../Icon/Icons/components/Drag.js";import"../Icon/Icons/components/Dropdown.js";import"../Icon/Icons/components/DropdownChevronDown.js";import"../Icon/Icons/components/DropdownChevronLeft.js";import"../Icon/Icons/components/DropdownChevronRight.js";import"../Icon/Icons/components/DropdownChevronUp.js";import"../Icon/Icons/components/DueDate.js";import"../Icon/Icons/components/Duplicate.js";import"../Icon/Icons/components/Edit.js";import"../Icon/Icons/components/Education.js";import"../Icon/Icons/components/Email.js";import"../Icon/Icons/components/Embed.js";import"../Icon/Icons/components/Emoji.js";import"../Icon/Icons/components/Enter.js";import"../Icon/Icons/components/Erase.js";import"../Icon/Icons/components/Event.js";import"../Icon/Icons/components/Expand.js";import"../Icon/Icons/components/ExternalPage.js";import"../Icon/Icons/components/Favorite.js";import"../Icon/Icons/components/FavoriteFilled.js";import"../Icon/Icons/components/Featured.js";import"../Icon/Icons/components/Feedback.js";import"../Icon/Icons/components/File.js";import"../Icon/Icons/components/Filter.js";import"../Icon/Icons/components/Folder.js";import"../Icon/Icons/components/Form.js";import"../Icon/Icons/components/Formula.js";import"../Icon/Icons/components/Forum.js";import"../Icon/Icons/components/Fullscreen.js";import"../Icon/Icons/components/FullscreenClose.js";import"../Icon/Icons/components/Gallery.js";import"../Icon/Icons/components/Gantt.js";import"../Icon/Icons/components/Gif.js";import"../Icon/Icons/components/Globe.js";import"../Icon/Icons/components/Graph.js";import"../Icon/Icons/components/Group.js";import"../Icon/Icons/components/Guest.js";import"../Icon/Icons/components/Health.js";import"../Icon/Icons/components/Help.js";import"../Icon/Icons/components/Hide.js";import"../Icon/Icons/components/Highlight.js";import"../Icon/Icons/components/HighlightColorBucket.js";import"../Icon/Icons/components/Home.js";import"../Icon/Icons/components/Idea.js";import"../Icon/Icons/components/Image.js";import"../Icon/Icons/components/Inbox.js";import"../Icon/Icons/components/Info.js";import"../Icon/Icons/components/Integrations.js";import"../Icon/Icons/components/Invite.js";import"../Icon/Icons/components/IPRestrictions.js";import"../Icon/Icons/components/Italic.js";import"../Icon/Icons/components/Item.js";import"../Icon/Icons/components/ItemDefaultValues.js";import"../Icon/Icons/components/ItemHeightTriple.js";import"../Icon/Icons/components/Keyboard.js";import"../Icon/Icons/components/Labs.js";import"../Icon/Icons/components/Launch.js";import"../Icon/Icons/components/Layout.js";import"../Icon/Icons/components/Layer.js";import"../Icon/Icons/components/LearnMore.js";import"../Icon/Icons/components/ic_lines_three_24.js";import"../Icon/Icons/components/Link.js";import"../Icon/Icons/components/Location.js";import"../Icon/Icons/components/Locked.js";import"../Icon/Icons/components/LogIn.js";import"../Icon/Icons/components/LogOut.js";import"../Icon/Icons/components/LongText.js";import"../Icon/Icons/components/Mention.js";import"../Icon/Icons/components/Menu.js";import"../Icon/Icons/components/Microphone.js";import"../Icon/Icons/components/Minimize.js";import"../Icon/Icons/components/Mirror.js";import"../Icon/Icons/components/Mobile.js";import"../Icon/Icons/components/MondayDoc.js";import"../Icon/Icons/components/MondayLogoOutline.js";import"../Icon/Icons/components/Moon.js";import"../Icon/Icons/components/MoreActions.js";import"../Icon/Icons/components/MoreBelow.js";import"../Icon/Icons/components/MoreBelowFilled.js";import"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/MoveArrowLeft.js";import"../Icon/Icons/components/MoveArrowLeftDouble.js";import"../Icon/Icons/components/MoveArrowRight.js";import"../Icon/Icons/components/MoveArrowUp.js";import"../Icon/Icons/components/Mute.js";import"../Icon/Icons/components/MyWeek.js";import"../Icon/Icons/components/NavigationChevronDown.js";import"../Icon/Icons/components/NavigationChevronLeft.js";import"../Icon/Icons/components/NavigationChevronRight.js";import"../Icon/Icons/components/NavigationChevronUp.js";import"../Icon/Icons/components/NavigationDoubleChevronLeft.js";import"../Icon/Icons/components/NewTab.js";import"../Icon/Icons/components/Night.js";import"../Icon/Icons/components/NoColor.js";import"../Icon/Icons/components/Note.js";import"../Icon/Icons/components/NotificationsMuted.js";import"../Icon/Icons/components/Numbers.js";import"../Icon/Icons/components/Offline.js";import"../Icon/Icons/components/Open.js";import"../Icon/Icons/components/Page.js";import"../Icon/Icons/components/Paste.js";import"../Icon/Icons/components/Pause.js";import"../Icon/Icons/components/Person.js";import"../Icon/Icons/components/PersonRound.js";import"../Icon/Icons/components/Pin.js";import"../Icon/Icons/components/Placeholder.js";import"../Icon/Icons/components/Play.js";import"../Icon/Icons/components/Print.js";import"../Icon/Icons/components/PushNotification.js";import"../Icon/Icons/components/Quote.js";import"../Icon/Icons/components/Radio.js";import"../Icon/Icons/components/Recurring.js";import"../Icon/Icons/components/RecycleBin.js";import"../Icon/Icons/components/Redo.js";import"../Icon/Icons/components/Remove.js";import"../Icon/Icons/components/Replay.js";import"../Icon/Icons/components/Retry.js";import"../Icon/Icons/components/Robot.js";import"../Icon/Icons/components/Rotate.js";import"../Icon/Icons/components/Success.js";import"../Icon/Icons/components/SuccessFilled.js";import"../Icon/Icons/components/Search.js";import"../Icon/Icons/components/Security.js";import"../Icon/Icons/components/Send.js";import"../Icon/Icons/components/Settings.js";import"../Icon/Icons/components/SettingsKnobs.js";import"../Icon/Icons/components/Share.js";import"../Icon/Icons/components/ShortText.js";import"../Icon/Icons/components/Show.js";import"../Icon/Icons/components/Shredder.js";import"../Icon/Icons/components/Sort.js";import"../Icon/Icons/components/SortAscending.js";import"../Icon/Icons/components/SortDescending.js";import"../Icon/Icons/components/Sound.js";import"../Icon/Icons/components/Status.js";import"../Icon/Icons/components/StrikethroughS.js";import"../Icon/Icons/components/StrikethroughT.js";import"../Icon/Icons/components/Subitems.js";import"../Icon/Icons/components/Sun.js";import"../Icon/Icons/components/Switch.js";import"../Icon/Icons/components/Switcher.js";import"../Icon/Icons/components/Table.js";import"../Icon/Icons/components/Tags.js";import"../Icon/Icons/components/Team.js";import"../Icon/Icons/components/Text.js";import"../Icon/Icons/components/TextBig.js";import"../Icon/Icons/components/Textcolor.js";import"../Icon/Icons/components/TextColorIndicator.js";import"../Icon/Icons/components/TextCopy.js";import"../Icon/Icons/components/TextHuge.js";import"../Icon/Icons/components/TextMedium.js";import"../Icon/Icons/components/TextSmall.js";import"../Icon/Icons/components/ThumbsUp.js";import"../Icon/Icons/components/Time.js";import"../Icon/Icons/components/Timeline.js";import"../Icon/Icons/components/Translation.js";import"../Icon/Icons/components/TurnInto.js";import"../Icon/Icons/components/Underline.js";import"../Icon/Icons/components/Undo.js";import"../Icon/Icons/components/Unlocked.js";import"../Icon/Icons/components/ic_arrow_line_up_down_16.js";import"../Icon/Icons/components/ic_arrow_down_left_16.js";import"../Icon/Icons/components/ic_arrow_command_16.js";import"../Icon/Icons/components/ic_communication_speech_bubble_24.js";import"../Icon/Icons/components/ic_communication_bell_24.js";import"../Icon/Icons/components/Upgrade.js";import"../Icon/Icons/components/Upload.js";import"../Icon/Icons/components/UserDomain.js";import"../Icon/Icons/components/UserStatus.js";import"../Icon/Icons/components/Versioning.js";import"../Icon/Icons/components/Video.js";import"../Icon/Icons/components/Wand.js";import"../Icon/Icons/components/Warning.js";import"../Icon/Icons/components/WhatsNew.js";import"../Icon/Icons/components/Widgets.js";import"../Icon/Icons/components/Work.js";import"../Icon/Icons/components/Workflow.js";import"../Icon/Icons/components/Workspace.js";import{Logo as d}from"../Logo/Logo.js";import u from"../Counter/Counter.js";import h from"../Dialog/Dialog.js";import g from"../DialogContentContainer/DialogContentContainer.js";import v from"../Text/Text.js";import C from"../Flex/Flex.js";var f=function(o){var n=o.logo,s=o.showCloseButton,t=o.isCollapsed,i=void 0!==t&&t;return c("div",Object.assign({className:p.headerStyled},{children:[(void 0===s||s)&&e("div",Object.assign({className:p.closeIcon},{children:e(a,{onClick:o.closeSidebar,ariaLabel:"Close",icon:l,size:"xs"})})),n||e(d,{type:"dark",logoType:i?"mark":"word",width:i?"24":"80",height:i?"24":"34"})]}))},b=function(o){var n=o.iconPath,s=o.text;return e("div",Object.assign({className:p.sectionLabelStyled,style:{marginLeft:"8px"}},{children:n?c(t,{children:[e(I,{iconType:j.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginLeft:"6px",marginTop:"0px"}}),e("span",{children:s})]}):e("span",Object.assign({style:{marginLeft:"0px"}},{children:s}))}))},y=function(n){var s,t,i=n.text,m=n.link,a=n.active,l=void 0!==a&&a,d=n.onClick,f=n.iconPath,b=n.showCounter,y=void 0!==b&&b,S=n.count,T=void 0===S?0:S,w=n.rightIcon,N=n.indentLevel,E=void 0===N?0:N,O=n.isCollapsed,x=void 0!==O&&O,L=n.style,D=Object.assign({paddingLeft:x?"8px":"".concat((s=E,t=!!f,0===s||1===s?0:12*s+(t||2>s?0:6)),"px")},x&&{display:"flex",justifyContent:"center"}),k=function(){return c(C,Object.assign({align:C.align.CENTER,gap:C.gaps.NONE,style:{width:x?"auto":"100%"}},{children:[(0===E||f)&&e("div",Object.assign({style:{width:"32px",display:"flex",justifyContent:"center",flexShrink:0}},{children:f&&e(I,{iconType:j.PATH,icon:"",iconPath:f,iconSize:14,className:p.menuIcon,useCurrentColor:!0})})),!x&&c(C,Object.assign({align:C.align.CENTER,justify:C.justify.SPACE_BETWEEN,style:{width:"100%"}},{children:[e("span",{children:i}),c(C,Object.assign({align:C.align.CENTER,gap:C.gaps.SMALL},{children:[y&&e(u,{count:T,color:u.colors.WARNING,className:p.menuItemCounter,size:u.sizes.SMALL}),w&&e("span",Object.assign({className:p.menuItemRightIcon},{children:w}))]}))]}))]}))};return e("div",Object.assign({className:p.menuItemStyled,style:L,onClick:function(o){m||o.preventDefault(),null==d||d(o)}},{children:x?e(h,Object.assign({position:h.positions.RIGHT,content:e(g,{children:e(v,Object.assign({className:p.tooltipContent},{children:i}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE]},{children:e("a",Object.assign({className:r(p.menuItemLink,p.collapsedMenuItem,o({},p.active,l),o({},p.withIcon,f)),href:m||"",style:D},{children:k()}))})):e("a",Object.assign({className:r(p.menuItemLink,o({},p.active,l),o({},p.withIcon,f)),href:m||"",style:D},{children:k()}))}))},S=function(s){var t=s.text,a=s.link,l=s.children,d=s.defaultExpanded,u=s.indentLevel,f=void 0===u?0:u,b=s.active,y=void 0!==b&&b,S=s.onClick,T=s.iconPath,w=s.isCollapsed,N=void 0!==w&&w,E=m(void 0!==d&&d),O=n(E,2),x=O[0],L=O[1],D=function(o){o.preventDefault(),o.stopPropagation(),N||L(!x)},k=function(o){a||o.preventDefault(),null==S||S(o)},_=function(){return e("div",Object.assign({className:r(p.menuItemLink,o(o({},p.active,y),p.collapsedMenuItem,N)),style:{paddingLeft:N?"8px":"".concat((n=f,s=!!T,0===n||1===n?0:12*n+(s||2>n?0:6)),"px")},onClick:k},{children:c(C,Object.assign({align:C.align.CENTER,gap:N?C.gaps.NONE:0,style:{width:N?"auto":"100%"}},{children:[(0===f||T)&&e("div",Object.assign({style:{width:"32px",display:"flex",justifyContent:"center",flexShrink:0}},{children:T&&e(I,{iconType:j.PATH,icon:"",iconPath:T,iconSize:16,useCurrentColor:!0,className:N?void 0:p.menuIcon})})),c(C,Object.assign({gap:N?C.gaps.NONE:0},{children:[!N&&t,!N&&e(I,{iconType:j.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:r(p.chevronIcon,o({},p.chevronIconExpanded,x)),onClick:D,style:{marginLeft:"-4px",cursor:"pointer"}})]}))]}))}));var n,s};return N?e("div",Object.assign({className:p.menuGroupStyled},{children:e(h,Object.assign({position:h.positions.RIGHT,content:e(g,{children:c("div",Object.assign({className:p.tooltipContent},{children:[e(v,Object.assign({className:p.tooltipHeader},{children:t})),e("div",Object.assign({className:p.tooltipChildren},{children:i.Children.map(l,(function(o){return i.isValidElement(o)?i.cloneElement(o,Object.assign(Object.assign({},o.props),{indentLevel:1,isCollapsed:!1})):o}))}))]}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE],hideDelay:1e3},{children:_()}))})):c("div",Object.assign({className:p.menuGroupStyled},{children:[_(),x&&e("div",Object.assign({className:p.menuItemChildren},{children:i.Children.map(l,(function(o){var n;return i.isValidElement(o)?i.cloneElement(o,Object.assign(Object.assign({},o.props),{indentLevel:(null!==(n=o.props.indentLevel)&&void 0!==n?n:f)+1,isCollapsed:N})):o}))}))]}))};function T(o){var n=o.children,m=o.isOpen,r=o.onClick,I=void 0===r?function(){}:r,a=s(o,["children","isOpen","onClick"]);i.useEffect((function(){if(m){var o=function(o){"Escape"===o.key&&I()};return window.addEventListener("keydown",o),function(){window.removeEventListener("keydown",o)}}}),[m,I]);return c(t,{children:[e("div",{className:p.overlay,style:{pointerEvents:m?"auto":"none",opacity:m?.7:0}}),c("div",Object.assign({className:m?p.sidebarMenuStyled:"",style:m?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[e("div",Object.assign({className:p.innerStyled,style:{borderRight:m&&"1px slid #C8C8C8"}},{children:m&&e(t,{children:n})})),m&&e("div",Object.assign({className:p.CloseLayerStyled,onClick:I,onKeyDown:function(o){"Enter"===o.key&&I()}},a))]}))]})}export{b as SectionLabel,f as SidebarHeader,S as SidebarMenuGroup,y as SidebarMenuItem,T as default};
+import{defineProperty as o,slicedToArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as s}from"../../../_virtual/_tslib.js";import{jsxs as c,Fragment as t,jsx as e}from"@emotion/react/jsx-runtime";import*as i from"react";import{useState as m}from"react";import p from"./Sidebar.module.scss.js";import r from"classnames";import I from"../Icon/Icon.js";import a from"../IconButton/IconButton.js";import{IconType as j}from"../Icon/IconConstants.js";import"../Icon/Icons/components/Academy.js";import"../Icon/Icons/components/Activity.js";import"../Icon/Icons/components/Add.js";import"../Icon/Icons/components/Assembly.js";import"../Icon/Icons/components/AddNewDoc.js";import"../Icon/Icons/components/AddSmall.js";import"../Icon/Icons/components/AddToTeam.js";import"../Icon/Icons/components/AddUpdate.js";import"../Icon/Icons/components/Alert.js";import"../Icon/Icons/components/Announcement.js";import"../Icon/Icons/components/API.js";import"../Icon/Icons/components/Apps.js";import"../Icon/Icons/components/Archive.js";import"../Icon/Icons/components/Attach.js";import"../Icon/Icons/components/Basic.js";import"../Icon/Icons/components/Battery.js";import"../Icon/Icons/components/BlockQuote.js";import"../Icon/Icons/components/Board.js";import"../Icon/Icons/components/BoardPrivate.js";import"../Icon/Icons/components/BoardShareable.js";import"../Icon/Icons/components/BoardTemplate.js";import"../Icon/Icons/components/Bold.js";import"../Icon/Icons/components/Bolt.js";import"../Icon/Icons/components/Bookmark.js";import"../Icon/Icons/components/Broadcast.js";import"../Icon/Icons/components/Broom.js";import"../Icon/Icons/components/Bug.js";import"../Icon/Icons/components/Bullet.js";import"../Icon/Icons/components/Bullets.js";import"../Icon/Icons/components/Bulllet.js";import"../Icon/Icons/components/Calendar.js";import"../Icon/Icons/components/Chart.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Checkbox.js";import"../Icon/Icons/components/CheckList.js";import"../Icon/Icons/components/Clear.js";import"../Icon/Icons/components/Cloud.js";import l from"../Icon/Icons/components/Close.js";import"../Icon/Icons/components/CloseRound.js";import"../Icon/Icons/components/CloseFilled.js";import"../Icon/Icons/components/CloseSmall.js";import"../Icon/Icons/components/Code.js";import"../Icon/Icons/components/Component.js";import"../Icon/Icons/components/Collapse.js";import"../Icon/Icons/components/CollapseRound.js";import"../Icon/Icons/components/Column.js";import"../Icon/Icons/components/Comment.js";import"../Icon/Icons/components/Completed.js";import"../Icon/Icons/components/Connect.js";import"../Icon/Icons/components/ConnectedDoc.js";import"../Icon/Icons/components/ContentDirectory.js";import"../Icon/Icons/components/ConvertToItem.js";import"../Icon/Icons/components/ConvertToSubitem.js";import"../Icon/Icons/components/Counter.js";import"../Icon/Icons/components/Country.js";import"../Icon/Icons/components/CreditCard.js";import"../Icon/Icons/components/Custom.js";import"../Icon/Icons/components/Cut.js";import"../Icon/Icons/components/Dashboard.js";import"../Icon/Icons/components/DashboardPrivate.js";import"../Icon/Icons/components/Deactivate.js";import"../Icon/Icons/components/Delete.js";import"../Icon/Icons/components/Dependency.js";import"../Icon/Icons/components/Description.js";import"../Icon/Icons/components/DisabledUser.js";import"../Icon/Icons/components/Divider.js";import"../Icon/Icons/components/Doc.js";import"../Icon/Icons/components/DocPrivate.js";import"../Icon/Icons/components/DocShareable.js";import"../Icon/Icons/components/DocTemplate.js";import"../Icon/Icons/components/DoubleCheck.js";import"../Icon/Icons/components/Download.js";import"../Icon/Icons/components/Drag.js";import"../Icon/Icons/components/Dropdown.js";import"../Icon/Icons/components/DropdownChevronDown.js";import"../Icon/Icons/components/DropdownChevronLeft.js";import"../Icon/Icons/components/DropdownChevronRight.js";import"../Icon/Icons/components/DropdownChevronUp.js";import"../Icon/Icons/components/DueDate.js";import"../Icon/Icons/components/Duplicate.js";import"../Icon/Icons/components/Edit.js";import"../Icon/Icons/components/Education.js";import"../Icon/Icons/components/Email.js";import"../Icon/Icons/components/Embed.js";import"../Icon/Icons/components/Emoji.js";import"../Icon/Icons/components/Enter.js";import"../Icon/Icons/components/Erase.js";import"../Icon/Icons/components/Event.js";import"../Icon/Icons/components/Expand.js";import"../Icon/Icons/components/ExternalPage.js";import"../Icon/Icons/components/Favorite.js";import"../Icon/Icons/components/FavoriteFilled.js";import"../Icon/Icons/components/Featured.js";import"../Icon/Icons/components/Feedback.js";import"../Icon/Icons/components/File.js";import"../Icon/Icons/components/Filter.js";import"../Icon/Icons/components/Folder.js";import"../Icon/Icons/components/Form.js";import"../Icon/Icons/components/Formula.js";import"../Icon/Icons/components/Forum.js";import"../Icon/Icons/components/Fullscreen.js";import"../Icon/Icons/components/FullscreenClose.js";import"../Icon/Icons/components/Gallery.js";import"../Icon/Icons/components/Gantt.js";import"../Icon/Icons/components/Gif.js";import"../Icon/Icons/components/Globe.js";import"../Icon/Icons/components/Graph.js";import"../Icon/Icons/components/Group.js";import"../Icon/Icons/components/Guest.js";import"../Icon/Icons/components/Health.js";import"../Icon/Icons/components/Help.js";import"../Icon/Icons/components/Hide.js";import"../Icon/Icons/components/Highlight.js";import"../Icon/Icons/components/HighlightColorBucket.js";import"../Icon/Icons/components/Home.js";import"../Icon/Icons/components/Idea.js";import"../Icon/Icons/components/Image.js";import"../Icon/Icons/components/Inbox.js";import"../Icon/Icons/components/Info.js";import"../Icon/Icons/components/Integrations.js";import"../Icon/Icons/components/Invite.js";import"../Icon/Icons/components/IPRestrictions.js";import"../Icon/Icons/components/Italic.js";import"../Icon/Icons/components/Item.js";import"../Icon/Icons/components/ItemDefaultValues.js";import"../Icon/Icons/components/ItemHeightTriple.js";import"../Icon/Icons/components/Keyboard.js";import"../Icon/Icons/components/Labs.js";import"../Icon/Icons/components/Launch.js";import"../Icon/Icons/components/Layout.js";import"../Icon/Icons/components/Layer.js";import"../Icon/Icons/components/LearnMore.js";import"../Icon/Icons/components/ic_lines_three_24.js";import"../Icon/Icons/components/Link.js";import"../Icon/Icons/components/Location.js";import"../Icon/Icons/components/Locked.js";import"../Icon/Icons/components/LogIn.js";import"../Icon/Icons/components/LogOut.js";import"../Icon/Icons/components/LongText.js";import"../Icon/Icons/components/Mention.js";import"../Icon/Icons/components/Menu.js";import"../Icon/Icons/components/Microphone.js";import"../Icon/Icons/components/Minimize.js";import"../Icon/Icons/components/Mirror.js";import"../Icon/Icons/components/Mobile.js";import"../Icon/Icons/components/MondayDoc.js";import"../Icon/Icons/components/MondayLogoOutline.js";import"../Icon/Icons/components/Moon.js";import"../Icon/Icons/components/MoreActions.js";import"../Icon/Icons/components/MoreBelow.js";import"../Icon/Icons/components/MoreBelowFilled.js";import"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/MoveArrowLeft.js";import"../Icon/Icons/components/MoveArrowLeftDouble.js";import"../Icon/Icons/components/MoveArrowRight.js";import"../Icon/Icons/components/MoveArrowUp.js";import"../Icon/Icons/components/Mute.js";import"../Icon/Icons/components/MyWeek.js";import"../Icon/Icons/components/NavigationChevronDown.js";import"../Icon/Icons/components/NavigationChevronLeft.js";import"../Icon/Icons/components/NavigationChevronRight.js";import"../Icon/Icons/components/NavigationChevronUp.js";import"../Icon/Icons/components/NavigationDoubleChevronLeft.js";import"../Icon/Icons/components/NewTab.js";import"../Icon/Icons/components/Night.js";import"../Icon/Icons/components/NoColor.js";import"../Icon/Icons/components/Note.js";import"../Icon/Icons/components/NotificationsMuted.js";import"../Icon/Icons/components/Numbers.js";import"../Icon/Icons/components/Offline.js";import"../Icon/Icons/components/Open.js";import"../Icon/Icons/components/Page.js";import"../Icon/Icons/components/Paste.js";import"../Icon/Icons/components/Pause.js";import"../Icon/Icons/components/Person.js";import"../Icon/Icons/components/PersonRound.js";import"../Icon/Icons/components/Pin.js";import"../Icon/Icons/components/Placeholder.js";import"../Icon/Icons/components/Play.js";import"../Icon/Icons/components/Print.js";import"../Icon/Icons/components/PushNotification.js";import"../Icon/Icons/components/Quote.js";import"../Icon/Icons/components/Radio.js";import"../Icon/Icons/components/Recurring.js";import"../Icon/Icons/components/RecycleBin.js";import"../Icon/Icons/components/Redo.js";import"../Icon/Icons/components/Remove.js";import"../Icon/Icons/components/Replay.js";import"../Icon/Icons/components/Retry.js";import"../Icon/Icons/components/Robot.js";import"../Icon/Icons/components/Rotate.js";import"../Icon/Icons/components/Success.js";import"../Icon/Icons/components/SuccessFilled.js";import"../Icon/Icons/components/Search.js";import"../Icon/Icons/components/Security.js";import"../Icon/Icons/components/Send.js";import"../Icon/Icons/components/Settings.js";import"../Icon/Icons/components/SettingsKnobs.js";import"../Icon/Icons/components/Share.js";import"../Icon/Icons/components/ShortText.js";import"../Icon/Icons/components/Show.js";import"../Icon/Icons/components/Shredder.js";import"../Icon/Icons/components/Sort.js";import"../Icon/Icons/components/SortAscending.js";import"../Icon/Icons/components/SortDescending.js";import"../Icon/Icons/components/Sound.js";import"../Icon/Icons/components/Status.js";import"../Icon/Icons/components/StrikethroughS.js";import"../Icon/Icons/components/StrikethroughT.js";import"../Icon/Icons/components/Subitems.js";import"../Icon/Icons/components/Sun.js";import"../Icon/Icons/components/Switch.js";import"../Icon/Icons/components/Switcher.js";import"../Icon/Icons/components/Table.js";import"../Icon/Icons/components/Tags.js";import"../Icon/Icons/components/Team.js";import"../Icon/Icons/components/Text.js";import"../Icon/Icons/components/TextBig.js";import"../Icon/Icons/components/Textcolor.js";import"../Icon/Icons/components/TextColorIndicator.js";import"../Icon/Icons/components/TextCopy.js";import"../Icon/Icons/components/TextHuge.js";import"../Icon/Icons/components/TextMedium.js";import"../Icon/Icons/components/TextSmall.js";import"../Icon/Icons/components/ThumbsUp.js";import"../Icon/Icons/components/Time.js";import"../Icon/Icons/components/Timeline.js";import"../Icon/Icons/components/Translation.js";import"../Icon/Icons/components/TurnInto.js";import"../Icon/Icons/components/Underline.js";import"../Icon/Icons/components/Undo.js";import"../Icon/Icons/components/Unlocked.js";import"../Icon/Icons/components/ic_arrow_line_up_down_16.js";import"../Icon/Icons/components/ic_arrow_down_left_16.js";import"../Icon/Icons/components/ic_arrow_command_16.js";import"../Icon/Icons/components/ic_communication_speech_bubble_24.js";import"../Icon/Icons/components/ic_communication_bell_24.js";import"../Icon/Icons/components/Upgrade.js";import"../Icon/Icons/components/Upload.js";import"../Icon/Icons/components/UserDomain.js";import"../Icon/Icons/components/UserStatus.js";import"../Icon/Icons/components/Versioning.js";import"../Icon/Icons/components/Video.js";import"../Icon/Icons/components/Wand.js";import"../Icon/Icons/components/Warning.js";import"../Icon/Icons/components/WhatsNew.js";import"../Icon/Icons/components/Widgets.js";import"../Icon/Icons/components/Work.js";import"../Icon/Icons/components/Workflow.js";import"../Icon/Icons/components/Workspace.js";import{Logo as d}from"../Logo/Logo.js";import u from"../Counter/Counter.js";import h from"../Dialog/Dialog.js";import g from"../DialogContentContainer/DialogContentContainer.js";import v from"../Text/Text.js";import C from"../Flex/Flex.js";var f=function(o){var n=o.logo,s=o.showCloseButton,t=o.isCollapsed,i=void 0!==t&&t;return c("div",Object.assign({className:p.headerStyled},{children:[(void 0===s||s)&&e("div",Object.assign({className:p.closeIcon},{children:e(a,{onClick:o.closeSidebar,ariaLabel:"Close",icon:l,size:"xs"})})),n||e(d,{type:"dark",logoType:i?"mark":"word",width:i?"24":"80",height:i?"24":"34"})]}))},b=function(o){var n=o.iconPath,s=o.text;return e("div",Object.assign({className:p.sectionLabelStyled,style:{marginLeft:"8px"}},{children:n?c(t,{children:[e(I,{iconType:j.PATH,icon:"",iconPath:n,iconSize:16,useCurrentColor:!0,style:{display:"block",marginLeft:"6px",marginTop:"0px"}}),e("span",{children:s})]}):e("span",Object.assign({style:{marginLeft:"0px"}},{children:s}))}))},y=function(n){var s,t,i=n.text,m=n.link,a=n.active,l=void 0!==a&&a,d=n.onClick,f=n.iconPath,b=n.showCounter,y=void 0!==b&&b,S=n.count,T=void 0===S?0:S,w=n.rightIcon,N=n.indentLevel,E=void 0===N?0:N,O=n.isCollapsed,x=void 0!==O&&O,L=n.style,D=Object.assign({paddingLeft:x?"8px":"".concat((s=E,t=!!f,0===s||1===s?0:12*s+(t||2>s?0:6)),"px")},x&&{display:"flex",justifyContent:"center"}),k=function(){return c(C,Object.assign({align:C.align.CENTER,gap:C.gaps.NONE,style:{width:x?"auto":"100%"}},{children:[(0===E||f)&&e("div",Object.assign({style:{width:"28px",display:"flex",justifyContent:"center",flexShrink:0}},{children:f&&e(I,{iconType:j.PATH,icon:"",iconPath:f,iconSize:14,className:p.menuIcon,useCurrentColor:!0})})),!x&&c(C,Object.assign({align:C.align.CENTER,justify:C.justify.SPACE_BETWEEN,style:{width:"100%"}},{children:[e("span",{children:i}),c(C,Object.assign({align:C.align.CENTER,gap:C.gaps.SMALL},{children:[y&&e(u,{count:T,color:u.colors.WARNING,className:p.menuItemCounter,size:u.sizes.SMALL}),w&&e("span",Object.assign({className:p.menuItemRightIcon},{children:w}))]}))]}))]}))};return e("div",Object.assign({className:p.menuItemStyled,style:L,onClick:function(o){m||o.preventDefault(),null==d||d(o)}},{children:x?e(h,Object.assign({position:h.positions.RIGHT,content:e(g,{children:e(v,Object.assign({className:p.tooltipContent},{children:i}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE]},{children:e("a",Object.assign({className:r(p.menuItemLink,p.collapsedMenuItem,o({},p.active,l),o({},p.withIcon,f)),href:m||"",style:D},{children:k()}))})):e("a",Object.assign({className:r(p.menuItemLink,o({},p.active,l),o({},p.withIcon,f)),href:m||"",style:D},{children:k()}))}))},S=function(s){var t=s.text,a=s.link,l=s.children,d=s.defaultExpanded,u=s.indentLevel,f=void 0===u?0:u,b=s.active,y=void 0!==b&&b,S=s.onClick,T=s.iconPath,w=s.isCollapsed,N=void 0!==w&&w,E=m(void 0!==d&&d),O=n(E,2),x=O[0],L=O[1],D=function(o){o.preventDefault(),o.stopPropagation(),N||L(!x)},k=function(o){a||o.preventDefault(),null==S||S(o)},_=function(){return e("div",Object.assign({className:r(p.menuItemLink,o(o({},p.active,y),p.collapsedMenuItem,N)),style:{paddingLeft:N?"8px":"".concat((n=f,s=!!T,0===n||1===n?0:12*n+(s||2>n?0:6)),"px")},onClick:k},{children:c(C,Object.assign({align:C.align.CENTER,gap:N?C.gaps.NONE:0,style:{width:N?"auto":"100%"}},{children:[(0===f||T)&&e("div",Object.assign({style:{width:"28px",display:"flex",justifyContent:"center",flexShrink:0}},{children:T&&e(I,{iconType:j.PATH,icon:"",iconPath:T,iconSize:16,useCurrentColor:!0,className:N?void 0:p.menuIcon})})),c(C,Object.assign({gap:N?C.gaps.NONE:0},{children:[!N&&t,!N&&e(I,{iconType:j.PATH,icon:"",iconPath:"ic_arrow_chevron_down_16",useCurrentColor:!0,iconSize:16,className:r(p.chevronIcon,o({},p.chevronIconExpanded,x)),onClick:D,style:{marginLeft:"-4px",cursor:"pointer"}})]}))]}))}));var n,s};return N?e("div",Object.assign({className:p.menuGroupStyled},{children:e(h,Object.assign({position:h.positions.RIGHT,content:e(g,{children:c("div",Object.assign({className:p.tooltipContent},{children:[e(v,Object.assign({className:p.tooltipHeader},{children:t})),e("div",Object.assign({className:p.tooltipChildren},{children:i.Children.map(l,(function(o){return i.isValidElement(o)?i.cloneElement(o,Object.assign(Object.assign({},o.props),{indentLevel:1,isCollapsed:!1})):o}))}))]}))}),showTrigger:[h.hideShowTriggers.MOUSE_ENTER],hideTrigger:[h.hideShowTriggers.MOUSE_LEAVE],hideDelay:1e3},{children:_()}))})):c("div",Object.assign({className:p.menuGroupStyled},{children:[_(),x&&e("div",Object.assign({className:p.menuItemChildren},{children:i.Children.map(l,(function(o){var n;return i.isValidElement(o)?i.cloneElement(o,Object.assign(Object.assign({},o.props),{indentLevel:(null!==(n=o.props.indentLevel)&&void 0!==n?n:f)+1,isCollapsed:N})):o}))}))]}))};function T(o){var n=o.children,m=o.isOpen,r=o.onClick,I=void 0===r?function(){}:r,a=s(o,["children","isOpen","onClick"]);i.useEffect((function(){if(m){var o=function(o){"Escape"===o.key&&I()};return window.addEventListener("keydown",o),function(){window.removeEventListener("keydown",o)}}}),[m,I]);return c(t,{children:[e("div",{className:p.overlay,style:{pointerEvents:m?"auto":"none",opacity:m?.7:0}}),c("div",Object.assign({className:m?p.sidebarMenuStyled:"",style:m?{transform:"translate3d(0,0,0)"}:{transform:"translate3d(-50%,0,0)",width:"0px",height:"0px",visibility:"hidden"}},{children:[e("div",Object.assign({className:p.innerStyled,style:{borderRight:m&&"1px slid #C8C8C8"}},{children:m&&e(t,{children:n})})),m&&e("div",Object.assign({className:p.CloseLayerStyled,onClick:I,onKeyDown:function(o){"Enter"===o.key&&I()}},a))]}))]})}export{b as SectionLabel,f as SidebarHeader,S as SidebarMenuGroup,y as SidebarMenuItem,T as default};
 //# sourceMappingURL=Sidebar.js.map

package/dist/esm/src/components/Sidebar/Sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\n\nexport interface PanelProps extends VibeComponentProps {\n children?: React.ReactNode;\n caption?: string;\n isOpen?: boolean;\n onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n closeSidebar?: () => void;\n logo?: React.ReactNode;\n showCloseButton?: boolean;\n isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n iconPath?: PathName;\n text: string;\n}\n\nexport interface SidebarMenuItemProps {\n text: string;\n link?: string;\n active?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n iconPath?: PathName;\n showCounter?: boolean;\n count?: number;\n rightIcon?: React.ReactNode;\n indentLevel?: number;\n isCollapsed?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n closeSidebar,\n logo,\n showCloseButton = true,\n isCollapsed = false,\n}) => {\n return (\n <div className={styles.headerStyled}>\n {showCloseButton && (\n <div className={styles.closeIcon}>\n <IconButton\n onClick={closeSidebar}\n ariaLabel=\"Close\"\n icon={Close}\n size=\"xs\"\n />\n </div>\n )}\n {logo \|\| (\n <Logo\n type=\"dark\"\n logoType={isCollapsed ? \"mark\" : \"word\"}\n width={isCollapsed ? \"24\" : \"80\"}\n height={isCollapsed ? \"24\" : \"34\"}\n />\n )}\n </div>\n );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n return (\n <div\n className={styles.sectionLabelStyled}\n style={{\n marginLeft: \"8px\",\n }}\n >\n {iconPath ? (\n <>\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginLeft: \"6px\",\n marginTop: \"0px\",\n }}\n />\n <span>{text}</span>\n </>\n ) : (\n <span style={{ marginLeft: \"0px\" }}>{text}</span>\n )}\n </div>\n );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n text,\n link,\n active = false,\n onClick,\n iconPath,\n showCounter = false,\n count = 0,\n rightIcon,\n indentLevel = 0,\n isCollapsed = false,\n style,\n}) => {\n const getIndent = (level: number, hasIcon: boolean) => {\n if (level === 0) return 0;\n if (level === 1) return 0;\n // Add 8px extra indent for level 2+ items without icons\n return (level * 12) + (!hasIcon && level >= 2 ? 6 : 0);\n };\n \n const indentStyle: React.CSSProperties = {\n paddingLeft: isCollapsed ? '8px' : `${getIndent(indentLevel, !!iconPath)}px`,\n ...(isCollapsed && {\n display: 'flex',\n justifyContent: 'center',\n })\n };\n\n const renderContent = () => (\n <Flex\n align={Flex.align.CENTER}\n gap={Flex.gaps.NONE}\n style={{\n width: isCollapsed ? 'auto' : '100%',\n }}\n >\n {(indentLevel === 0 \|\| iconPath) && (\n <div style={{ \n width: '32px', \n display: 'flex', \n justifyContent: 'center',\n flexShrink: 0 \n }}>\n {iconPath && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={14}\n className={styles.menuIcon}\n useCurrentColor\n />\n )}\n </div>\n )}\n {!isCollapsed && (\n <Flex\n align={Flex.align.CENTER}\n justify={Flex.justify.SPACE_BETWEEN}\n style={{ width: '100%' }}\n >\n <span>{text}</span>\n <Flex align={Flex.align.CENTER} gap={Flex.gaps.SMALL}>\n {showCounter && (\n <Counter\n count={count}\n color={Counter.colors.WARNING}\n className={styles.menuItemCounter}\n size={Counter.sizes.SMALL}\n />\n )}\n {rightIcon && (\n <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n )}\n </Flex>\n </Flex>\n )}\n </Flex>\n );\n\n return (\n <div\n className={styles.menuItemStyled}\n style={style}\n onClick={(event) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.(event);\n }}\n >\n {isCollapsed ? (\n <Dialog\n position={Dialog.positions.RIGHT}\n content={\n <DialogContentContainer>\n <Text className={styles.tooltipContent}>{text}</Text>\n </DialogContentContainer>\n }\n showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n >\n <a\n className={cx(\n styles.menuItemLink,\n styles.collapsedMenuItem,\n { [styles.active]: active },\n { [styles.withIcon]: iconPath }\n )}\n href={link \|\| \"\"}\n style={indentStyle}\n >\n {renderContent()}\n </a>\n </Dialog>\n ) : (\n <a\n className={cx(\n styles.menuItemLink,\n { [styles.active]: active },\n { [styles.withIcon]: iconPath }\n )}\n href={link \|\| \"\"}\n style={indentStyle}\n >\n {renderContent()}\n </a>\n )}\n </div>\n );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n children: React.ReactNode;\n defaultExpanded?: boolean;\n indentLevel?: number;\n style?: React.CSSProperties;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n text,\n link,\n children,\n defaultExpanded = false,\n indentLevel = 0,\n active = false,\n onClick,\n iconPath,\n isCollapsed = false,\n style,\n}) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n const getIndent = (level: number, hasIcon: boolean) => {\n if (level === 0) return 0;\n if (level === 1) return 0;\n // Add 8px extra indent for level 2+ items without icons\n return (level * 12) + (!hasIcon && level >= 2 ? 6 : 0);\n };\n\n const toggleExpand = (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n if (!isCollapsed) {\n setIsExpanded(!isExpanded);\n }\n };\n\n const handleClick = (event: React.MouseEvent) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.(event);\n };\n\n const renderGroupHeader = () => (\n <div\n className={cx(styles.menuItemLink, {\n [styles.active]: active,\n [styles.collapsedMenuItem]: isCollapsed\n })}\n style={{ \n paddingLeft: isCollapsed \n ? '8px' \n : `${getIndent(indentLevel, !!iconPath)}px`,\n }}\n onClick={handleClick}\n >\n <Flex\n align={Flex.align.CENTER}\n gap={isCollapsed ? Flex.gaps.NONE : 0}\n style={{\n width: isCollapsed ? 'auto' : '100%'\n }}\n >\n {(indentLevel === 0 \|\| iconPath) && (\n <div style={{ \n width: '32px', \n display: 'flex', \n justifyContent: 'center',\n flexShrink: 0 \n }}>\n {iconPath && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={16}\n useCurrentColor\n className={isCollapsed ? undefined : styles.menuIcon}\n />\n )}\n </div>\n )}\n <Flex\n gap={isCollapsed ? Flex.gaps.NONE : 0}>\n {!isCollapsed && text}\n {!isCollapsed && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath=\"ic_arrow_chevron_down_16\"\n useCurrentColor\n iconSize={16}\n className={cx(styles.chevronIcon, {\n [styles.chevronIconExpanded]: isExpanded\n })}\n onClick={toggleExpand}\n style={{\n marginLeft: '-4px',\n cursor: 'pointer',\n }}\n />\n )}\n </Flex>\n </Flex>\n </div>\n );\n\n if (isCollapsed) {\n return (\n <div className={styles.menuGroupStyled}>\n <Dialog\n position={Dialog.positions.RIGHT}\n content={\n <DialogContentContainer>\n <div className={styles.tooltipContent}>\n <Text className={styles.tooltipHeader}>{text}</Text>\n <div className={styles.tooltipChildren}>\n {React.Children.map(children, child =>\n React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child.props,\n indentLevel: 1,\n isCollapsed: false\n })\n : child\n )}\n </div>\n </div>\n </DialogContentContainer>\n }\n showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n hideDelay={1_000}\n >\n {renderGroupHeader()}\n </Dialog>\n </div>\n );\n }\n\n return (\n <div className={styles.menuGroupStyled}>\n {renderGroupHeader()}\n {isExpanded && (\n <div className={styles.menuItemChildren}>\n {React.Children.map(children, child =>\n React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child.props,\n indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n isCollapsed\n })\n : child\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default function Sidebar({\n children,\n isOpen,\n onClick = () => undefined,\n ...props\n}: PanelProps) {\n React.useEffect(() => {\n if (isOpen) {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n onClick();\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }\n }, [isOpen, onClick]);\n\n const stateStyles = (): React.CSSProperties => {\n if (isOpen) {\n return {\n transform: \"translate3d(0,0,0)\",\n };\n } else {\n return {\n transform: \"translate3d(-50%,0,0)\",\n width: \"0px\",\n height: \"0px\",\n visibility: \"hidden\",\n };\n }\n };\n\n return (\n <>\n <div\n className={styles.overlay}\n style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n />\n <div\n className={isOpen ? styles.sidebarMenuStyled : \"\"}\n style={stateStyles()}\n >\n <div\n className={styles.innerStyled}\n style={{\n borderRight: isOpen && \"1px slid #C8C8C8\",\n }}\n >\n {isOpen && <>{children}</>}\n </div>\n {isOpen && (\n <div\n className={styles.CloseLayerStyled}\n onClick={onClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") {\n onClick();\n }\n }}\n {...props}\n />\n )}\n </div>\n </>\n );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","_Fragment","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginTop","SidebarMenuItem","_ref3","level","hasIcon","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","justifyContent","renderContent","Flex","align","CENTER","gap","gaps","NONE","flexShrink","menuIcon","justify","SPACE_BETWEEN","SMALL","Counter","color","colors","WARNING","menuItemCounter","sizes","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","Text","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","undefined","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","hideDelay","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}
1	+ {"version":3,"file":"Sidebar.js","sources":["../../../../../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./Sidebar.module.scss\";\nimport cx from \"classnames\";\n\nimport { VibeComponentProps } from \"../../types\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { IconType } from \"../Icon/IconConstants\";\nimport { Close } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport { getPath, PathName } from \"../Icon/SvgIcon/paths\";\nimport Counter from \"../Counter/Counter\";\nimport { useState } from \"react\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\n\nexport interface PanelProps extends VibeComponentProps {\n children?: React.ReactNode;\n caption?: string;\n isOpen?: boolean;\n onClick?: () => void;\n}\n\nexport interface SidebarHeaderProps {\n closeSidebar?: () => void;\n logo?: React.ReactNode;\n showCloseButton?: boolean;\n isCollapsed?: boolean;\n}\n\nexport interface SectionLabelProps {\n iconPath?: PathName;\n text: string;\n}\n\nexport interface SidebarMenuItemProps {\n text: string;\n link?: string;\n active?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n iconPath?: PathName;\n showCounter?: boolean;\n count?: number;\n rightIcon?: React.ReactNode;\n indentLevel?: number;\n isCollapsed?: boolean;\n style?: React.CSSProperties;\n}\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({\n closeSidebar,\n logo,\n showCloseButton = true,\n isCollapsed = false,\n}) => {\n return (\n <div className={styles.headerStyled}>\n {showCloseButton && (\n <div className={styles.closeIcon}>\n <IconButton\n onClick={closeSidebar}\n ariaLabel=\"Close\"\n icon={Close}\n size=\"xs\"\n />\n </div>\n )}\n {logo \|\| (\n <Logo\n type=\"dark\"\n logoType={isCollapsed ? \"mark\" : \"word\"}\n width={isCollapsed ? \"24\" : \"80\"}\n height={isCollapsed ? \"24\" : \"34\"}\n />\n )}\n </div>\n );\n};\n\nexport const SectionLabel: React.FC<SectionLabelProps> = ({ iconPath, text }) => {\n return (\n <div\n className={styles.sectionLabelStyled}\n style={{\n marginLeft: \"8px\",\n }}\n >\n {iconPath ? (\n <>\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={16}\n useCurrentColor\n style={{\n display: \"block\",\n marginLeft: \"6px\",\n marginTop: \"0px\",\n }}\n />\n <span>{text}</span>\n </>\n ) : (\n <span style={{ marginLeft: \"0px\" }}>{text}</span>\n )}\n </div>\n );\n};\n\nexport const SidebarMenuItem: React.FC<SidebarMenuItemProps> = ({\n text,\n link,\n active = false,\n onClick,\n iconPath,\n showCounter = false,\n count = 0,\n rightIcon,\n indentLevel = 0,\n isCollapsed = false,\n style,\n}) => {\n const getIndent = (level: number, hasIcon: boolean) => {\n if (level === 0) return 0;\n if (level === 1) return 0;\n // Add 8px extra indent for level 2+ items without icons\n return (level * 12) + (!hasIcon && level >= 2 ? 6 : 0);\n };\n \n const indentStyle: React.CSSProperties = {\n paddingLeft: isCollapsed ? '8px' : `${getIndent(indentLevel, !!iconPath)}px`,\n ...(isCollapsed && {\n display: 'flex',\n justifyContent: 'center',\n })\n };\n\n const renderContent = () => (\n <Flex\n align={Flex.align.CENTER}\n gap={Flex.gaps.NONE}\n style={{\n width: isCollapsed ? 'auto' : '100%',\n }}\n >\n {(indentLevel === 0 \|\| iconPath) && (\n <div style={{ \n width: '28px', \n display: 'flex', \n justifyContent: 'center',\n flexShrink: 0 \n }}>\n {iconPath && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={14}\n className={styles.menuIcon}\n useCurrentColor\n />\n )}\n </div>\n )}\n {!isCollapsed && (\n <Flex\n align={Flex.align.CENTER}\n justify={Flex.justify.SPACE_BETWEEN}\n style={{ width: '100%' }}\n >\n <span>{text}</span>\n <Flex align={Flex.align.CENTER} gap={Flex.gaps.SMALL}>\n {showCounter && (\n <Counter\n count={count}\n color={Counter.colors.WARNING}\n className={styles.menuItemCounter}\n size={Counter.sizes.SMALL}\n />\n )}\n {rightIcon && (\n <span className={styles.menuItemRightIcon}>{rightIcon}</span>\n )}\n </Flex>\n </Flex>\n )}\n </Flex>\n );\n\n return (\n <div\n className={styles.menuItemStyled}\n style={style}\n onClick={(event) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.(event);\n }}\n >\n {isCollapsed ? (\n <Dialog\n position={Dialog.positions.RIGHT}\n content={\n <DialogContentContainer>\n <Text className={styles.tooltipContent}>{text}</Text>\n </DialogContentContainer>\n }\n showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n >\n <a\n className={cx(\n styles.menuItemLink,\n styles.collapsedMenuItem,\n { [styles.active]: active },\n { [styles.withIcon]: iconPath }\n )}\n href={link \|\| \"\"}\n style={indentStyle}\n >\n {renderContent()}\n </a>\n </Dialog>\n ) : (\n <a\n className={cx(\n styles.menuItemLink,\n { [styles.active]: active },\n { [styles.withIcon]: iconPath }\n )}\n href={link \|\| \"\"}\n style={indentStyle}\n >\n {renderContent()}\n </a>\n )}\n </div>\n );\n};\n\nexport interface SidebarMenuGroupProps extends Omit<SidebarMenuItemProps, 'rightIcon'> {\n children: React.ReactNode;\n defaultExpanded?: boolean;\n indentLevel?: number;\n style?: React.CSSProperties;\n}\n\nexport const SidebarMenuGroup: React.FC<SidebarMenuGroupProps> = ({\n text,\n link,\n children,\n defaultExpanded = false,\n indentLevel = 0,\n active = false,\n onClick,\n iconPath,\n isCollapsed = false,\n style,\n}) => {\n const [isExpanded, setIsExpanded] = useState(defaultExpanded);\n\n const getIndent = (level: number, hasIcon: boolean) => {\n if (level === 0) return 0;\n if (level === 1) return 0;\n // Add 8px extra indent for level 2+ items without icons\n return (level * 12) + (!hasIcon && level >= 2 ? 6 : 0);\n };\n\n const toggleExpand = (event: React.MouseEvent) => {\n event.preventDefault();\n event.stopPropagation();\n if (!isCollapsed) {\n setIsExpanded(!isExpanded);\n }\n };\n\n const handleClick = (event: React.MouseEvent) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.(event);\n };\n\n const renderGroupHeader = () => (\n <div\n className={cx(styles.menuItemLink, {\n [styles.active]: active,\n [styles.collapsedMenuItem]: isCollapsed\n })}\n style={{ \n paddingLeft: isCollapsed \n ? '8px' \n : `${getIndent(indentLevel, !!iconPath)}px`,\n }}\n onClick={handleClick}\n >\n <Flex\n align={Flex.align.CENTER}\n gap={isCollapsed ? Flex.gaps.NONE : 0}\n style={{\n width: isCollapsed ? 'auto' : '100%'\n }}\n >\n {(indentLevel === 0 \|\| iconPath) && (\n <div style={{ \n width: '28px', \n display: 'flex', \n justifyContent: 'center',\n flexShrink: 0 \n }}>\n {iconPath && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath={iconPath}\n iconSize={16}\n useCurrentColor\n className={isCollapsed ? undefined : styles.menuIcon}\n />\n )}\n </div>\n )}\n <Flex\n gap={isCollapsed ? Flex.gaps.NONE : 0}>\n {!isCollapsed && text}\n {!isCollapsed && (\n <Icon\n iconType={IconType.PATH}\n icon=\"\"\n iconPath=\"ic_arrow_chevron_down_16\"\n useCurrentColor\n iconSize={16}\n className={cx(styles.chevronIcon, {\n [styles.chevronIconExpanded]: isExpanded\n })}\n onClick={toggleExpand}\n style={{\n marginLeft: '-4px',\n cursor: 'pointer',\n }}\n />\n )}\n </Flex>\n </Flex>\n </div>\n );\n\n if (isCollapsed) {\n return (\n <div className={styles.menuGroupStyled}>\n <Dialog\n position={Dialog.positions.RIGHT}\n content={\n <DialogContentContainer>\n <div className={styles.tooltipContent}>\n <Text className={styles.tooltipHeader}>{text}</Text>\n <div className={styles.tooltipChildren}>\n {React.Children.map(children, child =>\n React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child.props,\n indentLevel: 1,\n isCollapsed: false\n })\n : child\n )}\n </div>\n </div>\n </DialogContentContainer>\n }\n showTrigger={[Dialog.hideShowTriggers.MOUSE_ENTER]}\n hideTrigger={[Dialog.hideShowTriggers.MOUSE_LEAVE]}\n hideDelay={1_000}\n >\n {renderGroupHeader()}\n </Dialog>\n </div>\n );\n }\n\n return (\n <div className={styles.menuGroupStyled}>\n {renderGroupHeader()}\n {isExpanded && (\n <div className={styles.menuItemChildren}>\n {React.Children.map(children, child =>\n React.isValidElement(child)\n ? React.cloneElement(child, {\n ...child.props,\n indentLevel: (child.props.indentLevel ?? indentLevel) + 1,\n isCollapsed\n })\n : child\n )}\n </div>\n )}\n </div>\n );\n};\n\nexport default function Sidebar({\n children,\n isOpen,\n onClick = () => undefined,\n ...props\n}: PanelProps) {\n React.useEffect(() => {\n if (isOpen) {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n onClick();\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyDown);\n };\n }\n }, [isOpen, onClick]);\n\n const stateStyles = (): React.CSSProperties => {\n if (isOpen) {\n return {\n transform: \"translate3d(0,0,0)\",\n };\n } else {\n return {\n transform: \"translate3d(-50%,0,0)\",\n width: \"0px\",\n height: \"0px\",\n visibility: \"hidden\",\n };\n }\n };\n\n return (\n <>\n <div\n className={styles.overlay}\n style={{ pointerEvents: isOpen ? \"auto\" : \"none\", opacity: isOpen ? 0.7 : 0 }}\n />\n <div\n className={isOpen ? styles.sidebarMenuStyled : \"\"}\n style={stateStyles()}\n >\n <div\n className={styles.innerStyled}\n style={{\n borderRight: isOpen && \"1px slid #C8C8C8\",\n }}\n >\n {isOpen && <>{children}</>}\n </div>\n {isOpen && (\n <div\n className={styles.CloseLayerStyled}\n onClick={onClick}\n onKeyDown={(event) => {\n if (event.key === \"Enter\") {\n onClick();\n }\n }}\n {...props}\n />\n )}\n </div>\n </>\n );\n}\n"],"names":["SidebarHeader","_ref","logo","_ref$showCloseButton","showCloseButton","_ref$isCollapsed","isCollapsed","_jsxs","Object","assign","className","styles","headerStyled","children","_jsx","closeIcon","IconButton","onClick","closeSidebar","ariaLabel","icon","Close","size","Logo","type","logoType","width","height","SectionLabel","_ref2","iconPath","text","sectionLabelStyled","style","marginLeft","_Fragment","Icon","iconType","IconType","PATH","iconSize","useCurrentColor","display","marginTop","SidebarMenuItem","_ref3","level","hasIcon","link","_ref3$active","active","_ref3$showCounter","showCounter","_ref3$count","count","rightIcon","_ref3$indentLevel","indentLevel","_ref3$isCollapsed","indentStyle","paddingLeft","concat","justifyContent","renderContent","Flex","align","CENTER","gap","gaps","NONE","flexShrink","menuIcon","justify","SPACE_BETWEEN","SMALL","Counter","color","colors","WARNING","menuItemCounter","sizes","menuItemRightIcon","menuItemStyled","event","preventDefault","Dialog","position","positions","RIGHT","content","DialogContentContainer","Text","tooltipContent","showTrigger","hideShowTriggers","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","cx","menuItemLink","collapsedMenuItem","_defineProperty","withIcon","href","SidebarMenuGroup","_ref4","_ref4$defaultExpanded","defaultExpanded","_ref4$indentLevel","_ref4$active","_ref4$isCollapsed","_useState","useState","_useState2","_slicedToArray","isExpanded","setIsExpanded","toggleExpand","stopPropagation","handleClick","renderGroupHeader","undefined","chevronIcon","chevronIconExpanded","cursor","menuGroupStyled","tooltipHeader","tooltipChildren","React","Children","map","child","isValidElement","cloneElement","props","hideDelay","menuItemChildren","_a","Sidebar","isOpen","_a$onClick","__rest","useEffect","handleKeyDown","key","window","addEventListener","removeEventListener","overlay","pointerEvents","opacity","sidebarMenuStyled","transform","visibility","innerStyled","borderRight","CloseLayerStyled","onKeyDown"],"mappings":"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"}