@hazelcast/ui 3.0.1-canary.0 → 3.0.1-canary.2

package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarFavoriteButton.js","sources":["../../../../src/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.tsx"],"sourcesContent":[null],"names":["AppSidebarFavoriteButton","id","className","favorites","setFavorites","useContext","appSidebarContext","isFavoriteItem","useMemo","find","item","handleToggleFavorite","value","filter","React","createElement","IconButton","cn","styles","root","isFilled","onClick","ariaLabel","icon","Star","size"],"mappings":";;;;;;;;;AAcO,MAAMA,wBAAwB,GAAGA,CAAC;EAAEC,EAAE;AAAEC,EAAAA;AAAS,CAAiC,KAAI;EAC3F,MAAM;IAAEC,SAAS;AAAEC,IAAAA;AAAY,GAAE,GAAGC,gBAAU,CAACC,yDAAiB,CAAC;EACjE,MAAMC,cAAc,GAAGC,aAAO,CAAC,MAAML,SAAS,CAACM,IAAI,CAAEC,IAAI,IAAKA,IAAI,KAAKT,EAAE,CAAC,EAAE,CAACE,SAAS,EAAEF,EAAE,CAAC,CAAC;EAE5F,MAAMU,oBAAoB,GAAGA,MAAK;AAChC,IAAA,IAAIJ,cAAc,EAAE;AAClBH,MAAAA,YAAY,CAAEQ,KAAK,IAAKA,KAAK,CAACC,MAAM,CAAEH,IAAI,IAAKA,IAAI,KAAKT,EAAE,CAAC,CAAC;AAC9D,IAAA,CAAC,MAAM;MACLG,YAAY,CAAEQ,KAAK,IAAK,CAAC,GAAGA,KAAK,EAAEX,EAAE,CAAC,CAAC;AACzC,IAAA;EACF,CAAC;AAED,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,gCAAU,EAAA;AACTd,IAAAA,SAAS,EAAEe,EAAE,CACXC,uCAAM,CAACC,IAAI,EACX;MACE,CAACD,uCAAM,CAACE,QAAQ,GAAGb;KACpB,EACDL,SAAS,CACV;AACDmB,IAAAA,OAAO,EAAEV,oBAAoB;AAC7BW,IAAAA,SAAS,EAAC,eAAe;AACzBC,IAAAA,IAAI,EAAEC,iBAAI;AACVC,IAAAA,IAAI,EAAC;AAAQ,GAAA,CACb;AAEN;;;;"}
+{"version":3,"file":"AppSidebarFavoriteButton.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,MAAM,MAAM,wCAAwC,CAAA;AAO3D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAiC,EAAE,EAAE;IAC3F,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IACjE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAA;IAE5F,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAA;QAC9D,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,KAAK,EAAE,EAAE,CAAC,CAAC,CAAA;QACzC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX;YACE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,cAAc;SAClC,EACD,SAAS,CACV,EACD,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAC,eAAe,EACzB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,QAAQ,GACb,CACH,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppSidebar/AppSidebarFavoriteButton/AppSidebarFavoriteButton.module.scss

@@ -0,0 +1,16 @@
+@use '../../../../styles/constants' as c;
+
+[class].root {
+  position: absolute;
+  top: 50%;
+  z-index: 1;
+  left: c.$grid * 3;
+  color: c.$colorBrandText;
+  transform: translateY(-50%);
+
+  &.isFilled {
+    svg {
+      fill: c.$colorBrandText;
+    }
+  }
+}

package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppSidebar_AppSidebarFavoriteButton_AppSidebarFavoriteButton = require('./AppSidebarFavoriteButton.js');
-
-
-
-exports.AppSidebarFavoriteButton = components_AppSidebar_AppSidebarFavoriteButton_AppSidebarFavoriteButton.AppSidebarFavoriteButton;
-//# sourceMappingURL=index.js.map
+export * from './AppSidebarFavoriteButton';
+//# sourceMappingURL=index.js.map

package/lib/components/AppSidebar/AppSidebarFavoriteButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarFavoriteButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAA"}

package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js

@@ -1,32 +1,11 @@
-'use strict';
-
-var React = require('react');
-var reactFeather = require('react-feather');
-var components_AppSidebar_AppSidebarSection_AppSidebarSection = require('../AppSidebarSection/AppSidebarSection.js');
-var components_AppSidebar_appSidebarContext = require('../appSidebarContext.js');
-var AppSidebarFavorites_module = require('./AppSidebarFavorites.module.scss.js');
-
-const AppSidebarFavorites = ({
-  children
-}) => {
-  const {
-    favorites
-  } = React.useContext(components_AppSidebar_appSidebarContext.appSidebarContext);
-  return /*#__PURE__*/React.createElement(components_AppSidebar_AppSidebarSection_AppSidebarSection.AppSidebarSection, {
-    active: false,
-    ariaLabel: "favorites",
-    id: "favorites",
-    title: "Favorites",
-    icon: reactFeather.Star
-  }, /*#__PURE__*/React.createElement("div", {
-    className: AppSidebarFavorites_module.default.content
-  }, favorites.length > 0 ? children({
-    items: favorites
-  }) : (/*#__PURE__*/React.createElement("div", {
-    className: AppSidebarFavorites_module.default.placeholder,
-    "data-test": "sidebar-menu-no-favorites"
-  }, "No favorites"))));
+import React, { useContext } from 'react';
+import { Star } from 'react-feather';
+import { AppSidebarSection } from '../AppSidebarSection';
+import { appSidebarContext } from '../appSidebarContext';
+import styles from './AppSidebarFavorites.module.scss';
+export const AppSidebarFavorites = ({ children }) => {
+    const { favorites } = useContext(appSidebarContext);
+    return (React.createElement(AppSidebarSection, { active: false, ariaLabel: "favorites", id: "favorites", title: "Favorites", icon: Star },
+        React.createElement("div", { className: styles.content }, favorites.length > 0 ? (children({ items: favorites })) : (React.createElement("div", { className: styles.placeholder, "data-test": "sidebar-menu-no-favorites" }, "No favorites")))));
 };
-
-exports.AppSidebarFavorites = AppSidebarFavorites;
-//# sourceMappingURL=AppSidebarFavorites.js.map
+//# sourceMappingURL=AppSidebarFavorites.js.map

package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarFavorites.js","sources":["../../../../src/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.tsx"],"sourcesContent":[null],"names":["AppSidebarFavorites","children","favorites","useContext","appSidebarContext","React","AppSidebarSection","active","ariaLabel","id","title","icon","Star","createElement","className","styles","content","length","items","placeholder"],"mappings":";;;;;;;;AAYO,MAAMA,mBAAmB,GAAGA,CAAC;AAAEC,EAAAA;AAAQ,CAA4B,KAAI;EAC5E,MAAM;AAAEC,IAAAA;AAAS,GAAE,GAAGC,gBAAU,CAACC,yDAAiB,CAAC;AAEnD,EAAA,oBACEC,oBAACC,2EAAiB,EAAA;AAACC,IAAAA,MAAM,EAAE,KAAK;AAAEC,IAAAA,SAAS,EAAC,WAAW;AAACC,IAAAA,EAAE,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAEC;AAAI,GAAA,eACjGP,KAAA,CAAAQ,aAAA,CAAA,KAAA,EAAA;IAAKC,SAAS,EAAEC,kCAAM,CAACC;GAAO,EAC3Bd,SAAS,CAACe,MAAM,GAAG,CAAC,GACnBhB,QAAQ,CAAC;AAAEiB,IAAAA,KAAK,EAAEhB;AAAS,GAAE,CAAC,iBAE9BG;IAAKS,SAAS,EAAEC,kCAAM,CAACI,WAAW;iBAAY;AAA2B,GAAA,EAAA,cAAA,CAEnE,CACP,CACG,CACY;AAExB;;;;"}
+{"version":3,"file":"AppSidebarFavorites.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAMtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IAC5E,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAEnD,OAAO,CACL,oBAAC,iBAAiB,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAC,WAAW,EAAC,EAAE,EAAC,WAAW,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI;QACjG,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3B,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAC/B,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW,eAAY,2BAA2B,mBAEnE,CACP,CACG,CACY,CACrB,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppSidebar/AppSidebarFavorites/AppSidebarFavorites.module.scss

@@ -0,0 +1,13 @@
+@use '../../../../styles/constants' as c;
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: c.$grid;
+  padding: c.$grid * 2 0;
+  font-size: c.$fontSizeBodySmall;
+}
+
+.placeholder {
+  padding: c.$grid * 2 c.$grid * 2.5 c.$grid * 2 c.$grid * 14;
+}

package/lib/components/AppSidebar/AppSidebarFavorites/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppSidebar_AppSidebarFavorites_AppSidebarFavorites = require('./AppSidebarFavorites.js');
-
-
-
-exports.AppSidebarFavorites = components_AppSidebar_AppSidebarFavorites_AppSidebarFavorites.AppSidebarFavorites;
-//# sourceMappingURL=index.js.map
+export * from './AppSidebarFavorites';
+//# sourceMappingURL=index.js.map

package/lib/components/AppSidebar/AppSidebarFavorites/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarFavorites/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js

@@ -1,78 +1,23 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var components_Icon = require('../../Icon.js');
-var components_Tooltip = require('../../Tooltip.js');
-var components_Button = require('../../Button.js');
-var components_AppSidebar_appSidebarContext = require('../appSidebarContext.js');
-var components_AppSidebar_AppSidebarSection_appSidebarSectionContext = require('../AppSidebarSection/appSidebarSectionContext.js');
-var AppSidebarItem_module = require('./AppSidebarItem.module.scss.js');
-var components_AppSidebar_AppSidebarFavoriteButton_AppSidebarFavoriteButton = require('../AppSidebarFavoriteButton/AppSidebarFavoriteButton.js');
-
-const AppSidebarItem = ({
-  id,
-  title,
-  className,
-  active,
-  icon,
-  iconAriaLabel,
-  disabled,
-  disabledTooltip,
-  onClick,
-  color = 'light',
-  adornment,
-  available,
-  adornmentClassName,
-  'data-test': dataTest
-}) => {
-  const {
-    isOpen
-  } = React.useContext(components_AppSidebar_appSidebarContext.appSidebarContext);
-  const ctx = React.useContext(components_AppSidebar_AppSidebarSection_appSidebarSectionContext.appSidebarSectionContext);
-  return /*#__PURE__*/React.createElement(components_Tooltip.Tooltip, {
-    arrow: false,
-    placement: "right-start",
-    color: "dark",
-    visible: isOpen ? false : undefined,
-    content: iconAriaLabel
-  }, ref => (/*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: cn(AppSidebarItem_module.default.root, {
-      [AppSidebarItem_module.default.collapsed]: !isOpen,
-      [AppSidebarItem_module.default.nested]: !!ctx
-    }),
-    "data-test": dataTest
-  }, id && ctx && /*#__PURE__*/React.createElement(components_AppSidebar_AppSidebarFavoriteButton_AppSidebarFavoriteButton.AppSidebarFavoriteButton, {
-    id: id,
-    className: AppSidebarItem_module.default.favorite
-  }), /*#__PURE__*/React.createElement(components_Button.Button, {
-    variant: "text",
-    color: color,
-    active: active,
-    truncate: false,
-    onClick: onClick,
-    outline: "inset",
-    disabled: disabled,
-    disabledTooltip: disabledTooltip,
-    bodyClassName: AppSidebarItem_module.default.content,
-    "data-test": "sidebar-menu-item-title",
-    className: cn(AppSidebarItem_module.default.button, {
-      [AppSidebarItem_module.default.active]: active
-    }, className)
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(components_Icon.Icon, {
-    size: "medium",
-    icon: icon,
-    ariaLabel: iconAriaLabel,
-    className: AppSidebarItem_module.default.icon
-  }), title, (adornment || available !== undefined) && (/*#__PURE__*/React.createElement("div", {
-    className: cn(AppSidebarItem_module.default.adornment, adornmentClassName)
-  }, adornment, available !== undefined && /*#__PURE__*/React.createElement("span", {
-    className: cn(AppSidebarItem_module.default.status, {
-      [AppSidebarItem_module.default.available]: available
-    })
-  }))))))));
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon';
+import { Tooltip } from '../../Tooltip';
+import { Button } from '../../Button';
+import { appSidebarContext } from '../appSidebarContext';
+import { AppSidebarFavoriteButton } from '../AppSidebarFavoriteButton';
+import { appSidebarSectionContext } from '../AppSidebarSection/appSidebarSectionContext';
+import styles from './AppSidebarItem.module.scss';
+export const AppSidebarItem = ({ id, title, className, active, icon, iconAriaLabel, disabled, disabledTooltip, onClick, color = 'light', adornment, available, adornmentClassName, 'data-test': dataTest, }) => {
+    const { isOpen } = useContext(appSidebarContext);
+    const ctx = useContext(appSidebarSectionContext);
+    return (React.createElement(Tooltip, { arrow: false, placement: "right-start", color: "dark", visible: isOpen ? false : undefined, content: iconAriaLabel }, (ref) => (React.createElement("div", { ref: ref, className: cn(styles.root, { [styles.collapsed]: !isOpen, [styles.nested]: !!ctx }), "data-test": dataTest },
+        id && ctx && React.createElement(AppSidebarFavoriteButton, { id: id, className: styles.favorite }),
+        React.createElement(Button, { variant: "text", color: color, active: active, truncate: false, onClick: onClick, outline: "inset", disabled: disabled, disabledTooltip: disabledTooltip, bodyClassName: styles.content, "data-test": "sidebar-menu-item-title", className: cn(styles.button, { [styles.active]: active }, className) },
+            React.createElement(React.Fragment, null,
+                icon && React.createElement(Icon, { size: "medium", icon: icon, ariaLabel: iconAriaLabel, className: styles.icon }),
+                title,
+                (adornment || available !== undefined) && (React.createElement("div", { className: cn(styles.adornment, adornmentClassName) },
+                    adornment,
+                    available !== undefined && React.createElement("span", { className: cn(styles.status, { [styles.available]: available }) })))))))));
 };
-
-exports.AppSidebarItem = AppSidebarItem;
-//# sourceMappingURL=AppSidebarItem.js.map
+//# sourceMappingURL=AppSidebarItem.js.map

package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarItem.js","sources":["../../../../src/components/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"sourcesContent":[null],"names":["AppSidebarItem","id","title","className","active","icon","iconAriaLabel","disabled","disabledTooltip","onClick","color","adornment","available","adornmentClassName","dataTest","isOpen","useContext","appSidebarContext","ctx","appSidebarSectionContext","React","createElement","Tooltip","arrow","placement","visible","undefined","content","ref","cn","styles","root","collapsed","nested","AppSidebarFavoriteButton","favorite","Button","variant","truncate","outline","bodyClassName","button","Fragment","Icon","size","ariaLabel","status"],"mappings":"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"}
+{"version":3,"file":"AppSidebarItem.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarItem/AppSidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,YAAY,CAAA;AAI3B,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+CAA+C,CAAA;AAExF,OAAO,MAAM,MAAM,8BAA8B,CAAA;AAgBjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,OAAO,EACP,KAAK,GAAG,OAAO,EACf,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,WAAW,EAAE,QAAQ,GACD,EAAE,EAAE;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAChD,MAAM,GAAG,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAA;IAEhD,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,IACpH,CAAC,GAAG,EAAE,EAAE,CAAC,CACR,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,eAAa,QAAQ;QACpH,EAAE,IAAI,GAAG,IAAI,oBAAC,wBAAwB,IAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,GAAI;QAC9E,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAmB,EAC7B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,MAAM,CAAC,OAAO,eACnB,yBAAyB,EACnC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,SAAS,CAAC;YAEpE;gBACG,IAAI,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,GAAI;gBAC5F,KAAK;gBACL,CAAC,SAAS,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,CACzC,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,CAAC;oBACrD,SAAS;oBACT,SAAS,KAAK,SAAS,IAAI,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC,GAAI,CACjG,CACP,CACA,CACI,CACL,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppSidebar/AppSidebarItem/AppSidebarItem.module.scss

@@ -0,0 +1,92 @@
+@use '../../../../styles/constants' as c;
+
+.root {
+  position: relative;
+  color: c.$colorNeutralLighter;
+  display: flex;
+  flex-direction: column;
+
+  &.nested {
+    padding-left: c.$grid * 10;
+
+    .button {
+      color: c.$colorNeutralLight;
+    }
+  }
+
+  .favorite {
+    display: none;
+  }
+
+  .status {
+    display: inline-flex;
+    width: c.$grid * 4;
+    height: c.$grid * 4;
+    border-radius: 50%;
+    background-color: c.$colorError;
+
+    &.available {
+      background-color: c.$colorSuccess;
+    }
+  }
+
+  &.collapsed {
+    .status {
+      width: c.$grid * 2;
+      height: c.$grid * 2;
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
+  &:hover,
+  &:active {
+    color: inherit;
+
+    .favorite {
+      display: block;
+    }
+  }
+}
+
+[class].button {
+  overflow: hidden;
+  width: 100%;
+  height: c.$grid * 12;
+  text-decoration: none;
+  text-align: left;
+  padding: c.$grid c.$grid * 3.5;
+  border-radius: c.$borderRadius;
+
+  .icon {
+    color: c.$colorNeutralLight;
+  }
+
+  &:hover,
+  &.active {
+    text-decoration: none;
+    color: c.$colorBrandText;
+    background-color: c.$colorBrandAccent;
+
+    .icon {
+      color: c.$colorBrandText;
+    }
+  }
+
+  .content {
+    padding: 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    gap: c.$grid * 4;
+    justify-content: left;
+  }
+
+  .adornment {
+    margin-left: auto;
+    display: inline-flex;
+    align-items: center;
+    gap: c.$grid * 2;
+  }
+}

package/lib/components/AppSidebar/AppSidebarItem/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppSidebar_AppSidebarItem_AppSidebarItem = require('./AppSidebarItem.js');
-
-
-
-exports.AppSidebarItem = components_AppSidebar_AppSidebarItem_AppSidebarItem.AppSidebarItem;
-//# sourceMappingURL=index.js.map
+export * from './AppSidebarItem';
+//# sourceMappingURL=index.js.map

package/lib/components/AppSidebar/AppSidebarItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js

@@ -1,17 +1,6 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var AppSidebarMenuItemCounter_module = require('./AppSidebarMenuItemCounter.module.scss.js');
-
-const AppSidebarMenuItemCounter = ({
-  children,
-  className
-}) => (/*#__PURE__*/React.createElement("span", {
-  className: cn(AppSidebarMenuItemCounter_module.default.root, className)
-}, /*#__PURE__*/React.createElement("span", {
-  className: AppSidebarMenuItemCounter_module.default.content
-}, children)));
-
-exports.AppSidebarMenuItemCounter = AppSidebarMenuItemCounter;
-//# sourceMappingURL=AppSidebarMenuItemCounter.js.map
+import React from 'react';
+import cn from 'classnames';
+import styles from './AppSidebarMenuItemCounter.module.scss';
+export const AppSidebarMenuItemCounter = ({ children, className }) => (React.createElement("span", { className: cn(styles.root, className) },
+    React.createElement("span", { className: styles.content }, children)));
+//# sourceMappingURL=AppSidebarMenuItemCounter.js.map

package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarMenuItemCounter.js","sources":["../../../../src/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.tsx"],"sourcesContent":[null],"names":["AppSidebarMenuItemCounter","children","className","React","createElement","cn","styles","root","content"],"mappings":";;;;;;AAUO,MAAMA,yBAAyB,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA;AAAS,CAAkC,mBAC/FC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMF,EAAAA,SAAS,EAAEG,EAAE,CAACC,wCAAM,CAACC,IAAI,EAAEL,SAAS;AAAC,CAAA,eACzCC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;EAAMF,SAAS,EAAEI,wCAAM,CAACE;GAAUP,QAAQ,CAAQ,CAC7C;;;;"}
+{"version":3,"file":"AppSidebarMenuItemCounter.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,MAAM,MAAM,yCAAyC,CAAA;AAO5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAkC,EAAE,EAAE,CAAC,CACpG,8BAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACzC,8BAAM,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAQ,CAC7C,CACR,CAAA"}

package/lib/components/AppSidebar/AppSidebarMenuItemCounter/AppSidebarMenuItemCounter.module.scss

@@ -0,0 +1,24 @@
+@use 'sass:math';
+@use '../../../../styles/constants' as c;
+
+.root {
+  color: #353d49;
+  background-color: #e3e7ed;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: c.$grid * 4;
+  height: c.$grid * 4;
+  padding: math.div(c.$grid, 2);
+  font-size: c.$fontSizeBodyTiny;
+
+  &:hover {
+    color: #353d49;
+    background-color: #e3e7ed;
+  }
+
+  .content {
+    @include c.typographyBodyWeight('bold');
+  }
+}

package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js

@@ -1,8 +1,2 @@
-'use strict';
-
-var components_AppSidebar_AppSidebarMenuItemCounter_AppSidebarMenuItemCounter = require('./AppSidebarMenuItemCounter.js');
-
-
-
-exports.AppSidebarMenuItemCounter = components_AppSidebar_AppSidebarMenuItemCounter_AppSidebarMenuItemCounter.AppSidebarMenuItemCounter;
-//# sourceMappingURL=index.js.map
+export * from './AppSidebarMenuItemCounter';
+//# sourceMappingURL=index.js.map

package/lib/components/AppSidebar/AppSidebarMenuItemCounter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarMenuItemCounter/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA"}

package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js

@@ -1,40 +1,15 @@
-'use strict';
-
-var React = require('react');
-var cn = require('classnames');
-var components_AppSidebar_appSidebarContext = require('../appSidebarContext.js');
-var components_AppSidebar_AppSidebarSection_AppSidebarSectionExpandable = require('./AppSidebarSectionExpandable.js');
-var AppSidebarSection_module = require('./AppSidebarSection.module.scss.js');
-
-const AppSidebarSection = ({
-  id,
-  icon,
-  active,
-  title,
-  children,
-  ariaLabel,
-  'data-test': dataTest
-}) => {
-  const {
-    isOpen
-  } = React.useContext(components_AppSidebar_appSidebarContext.appSidebarContext);
-  if (id) {
-    return /*#__PURE__*/React.createElement(components_AppSidebar_AppSidebarSection_AppSidebarSectionExpandable.AppSidebarSectionExpandable, {
-      "data-test": dataTest,
-      id: id,
-      icon: icon,
-      title: title,
-      active: active,
-      ariaLabel: ariaLabel
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement("section", {
-    "data-test": dataTest,
-    className: cn(AppSidebarSection_module.default.root, {
-      [AppSidebarSection_module.default.collapsed]: !isOpen
-    })
-  }, /*#__PURE__*/React.createElement("h3", null, title), children);
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { appSidebarContext } from '../appSidebarContext';
+import { AppSidebarSectionExpandable } from './AppSidebarSectionExpandable';
+import styles from './AppSidebarSection.module.scss';
+export const AppSidebarSection = ({ id, icon, active, title, children, ariaLabel, 'data-test': dataTest }) => {
+    const { isOpen } = useContext(appSidebarContext);
+    if (id) {
+        return (React.createElement(AppSidebarSectionExpandable, { "data-test": dataTest, id: id, icon: icon, title: title, active: active, ariaLabel: ariaLabel }, children));
+    }
+    return (React.createElement("section", { "data-test": dataTest, className: cn(styles.root, { [styles.collapsed]: !isOpen }) },
+        React.createElement("h3", null, title),
+        children));
 };
-
-exports.AppSidebarSection = AppSidebarSection;
-//# sourceMappingURL=AppSidebarSection.js.map
+//# sourceMappingURL=AppSidebarSection.js.map

package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarSection.js","sources":["../../../../src/components/AppSidebar/AppSidebarSection/AppSidebarSection.tsx"],"sourcesContent":[null],"names":["AppSidebarSection","id","icon","active","title","children","ariaLabel","dataTest","isOpen","useContext","appSidebarContext","React","createElement","AppSidebarSectionExpandable","className","cn","styles","root","collapsed"],"mappings":";;;;;;;;AAeO,MAAMA,iBAAiB,GAAGA,CAAC;EAAEC,EAAE;EAAEC,IAAI;EAAEC,MAAM;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;AAAE,EAAA,WAAW,EAAEC;AAAQ,CAA0B,KAAI;EACnI,MAAM;AAAEC,IAAAA;AAAM,GAAE,GAAGC,gBAAU,CAACC,yDAAiB,CAAC;AAEhD,EAAA,IAAIT,EAAE,EAAE;AACN,IAAA,oBACEU,KAAA,CAAAC,aAAA,CAACC,+FAA2B,EAAA;AAAA,MAAA,WAAA,EAAYN,QAAQ;AAAEN,MAAAA,EAAE,EAAEA,EAAE;AAAEC,MAAAA,IAAI,EAAEA,IAAI;AAAEE,MAAAA,KAAK,EAAEA,KAAK;AAAED,MAAAA,MAAM,EAAEA,MAAM;AAAEG,MAAAA,SAAS,EAAEA;KAAS,EACrHD,QAAQ,CACmB;AAElC,EAAA;AAEA,EAAA,oBACEM;iBAAoBJ,QAAQ;AAAEO,IAAAA,SAAS,EAAEC,EAAE,CAACC,gCAAM,CAACC,IAAI,EAAE;AAAE,MAAA,CAACD,gCAAM,CAACE,SAAS,GAAG,CAACV;KAAQ;AAAC,GAAA,eACvFG,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAA,EAAKR,KAAK,CAAM,EACfC,QAAQ,CACD;AAEd;;;;"}
+{"version":3,"file":"AppSidebarSection.js","sourceRoot":"","sources":["../../../../src/components/AppSidebar/AppSidebarSection/AppSidebarSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,EAAE,2BAA2B,EAAoC,MAAM,+BAA+B,CAAA;AAE7G,OAAO,MAAM,MAAM,iCAAiC,CAAA;AAQpD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACnI,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAEhD,IAAI,EAAE,EAAE,CAAC;QACP,OAAO,CACL,oBAAC,2BAA2B,iBAAY,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,IACrH,QAAQ,CACmB,CAC/B,CAAA;IACH,CAAC;IAED,OAAO,CACL,8CAAoB,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;QACvF,gCAAK,KAAK,CAAM;QACf,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAA"}

package/lib/components/AppSidebar/AppSidebarSection/AppSidebarSection.module.scss

@@ -0,0 +1,58 @@
+@use '../../../../styles/constants' as c;
+
+$transitionLength: 125ms;
+$sideBarMenuSectionTransitionMaxHeight: 1000px;
+
+.root {
+  display: flex;
+  gap: c.$grid * 2;
+  align-items: stretch;
+  flex-direction: column;
+  padding-top: c.$grid * 2;
+  border-top: 1px solid transparent;
+
+  h3 {
+    margin: 0;
+    color: c.$colorNeutralLight;
+    font-size: c.$fontSizeBodySmall;
+  }
+}
+
+.collapsed {
+  border-color: c.$colorNeutralLight;
+
+  h3 {
+    display: none;
+  }
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  gap: c.$grid;
+}
+
+.icon {
+  margin-left: auto;
+  color: c.$colorNeutralLighter;
+}
+
+.toggle {
+  margin-bottom: c.$grid;
+
+  .adornment {
+    margin-right: -#{c.$grid * 1.5};
+  }
+}
+
+.transitionLeave {
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height $transitionLength ease-out;
+}
+
+.transitionEnter {
+  max-height: $sideBarMenuSectionTransitionMaxHeight;
+  overflow: visible;
+  transition: max-height $transitionLength ease-in;
+}