@redsift/design-system 11.5.0 → 11.6.0-alpha.0

package/_internal/types3.js

@@ -0,0 +1,20 @@
+/**
+ * Component variant.
+ */
+const SkeletonTextVariant = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  body: 'body',
+  button: 'button',
+  caption: 'caption'
+};
+
+/**
+ * Component props.
+ */
+
+export { SkeletonTextVariant as S };
+//# sourceMappingURL=types3.js.map

package/_internal/types3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types3.js","sources":["../../src/components/skeleton-text/types.ts"],"sourcesContent":["import { ValueOf } from '../../types';\nimport { SkeletonProps } from '../skeleton/types';\n\n/**\n * Component variant.\n */\nexport const SkeletonTextVariant = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  body: 'body',\n  button: 'button',\n  caption: 'caption',\n} as const;\nexport type SkeletonTextVariant = ValueOf<typeof SkeletonTextVariant>;\n\n/**\n * Component props.\n */\nexport interface SkeletonTextProps extends SkeletonProps {\n  /** Font size. */\n  fontSize?: string;\n  /** Line height. */\n  lineHeight?: string;\n  /** Variant. */\n  variant?: SkeletonTextVariant;\n}\n\nexport type StyledSkeletonTextProps = Omit<SkeletonTextProps, 'fontSize' | 'lineHeight' | 'variant'> & {\n  $fontSize: SkeletonTextProps['fontSize'];\n  $lineHeight: SkeletonTextProps['lineHeight'];\n  $variant: SkeletonTextProps['variant'];\n  $theme: SkeletonProps['theme'];\n};\n"],"names":["SkeletonTextVariant","h1","h2","h3","h4","h5","body","button","caption"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;;AAGV;AACA;AACA;;;;"}

package/_internal/useAppSidePanel.js

@@ -0,0 +1,337 @@
+import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { useState, useEffect, forwardRef, useContext } from 'react';
+import classNames from 'classnames';
+import { A as AppContainerContext } from './context.js';
+import styled, { css } from 'styled-components';
+import { A as AppSidePanelVariant } from './types.js';
+import { mdiMenu } from '@redsift/icons';
+import { u as useMessageFormatter } from './useMessageFormatter.js';
+import { b as ProductLogo } from './colors.js';
+import { u as useTheme } from './useTheme.js';
+import { a as Icon } from './Icon2.js';
+import { I as IconButton } from './IconButton.js';
+import { a as useSideNavigationMenuBar, S as SideNavigationMenuBar } from './useSideNavigationMenuBar.js';
+
+const useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState({
+    width: undefined,
+    height: undefined,
+    size: undefined
+  });
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize(windowSize => {
+        if (window.innerWidth === windowSize.width && window.innerHeight === windowSize.height) {
+          return windowSize;
+        }
+        let size;
+        if (window.innerWidth <= 480) {
+          size = 'xs';
+        } else if (window.innerWidth <= 768) {
+          size = 'sm';
+        } else if (window.innerWidth <= 1024) {
+          size = 'md';
+        } else if (window.innerWidth <= 1200) {
+          size = 'lg';
+        } else {
+          size = 'xl';
+        }
+        return {
+          width: window.innerWidth,
+          height: window.innerHeight,
+          size
+        };
+      });
+    }
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return windowSize;
+};
+
+var expand$1 = "Expand left side panel";
+var collapse$1 = "Collapse left side panel";
+var enUS = {
+	expand: expand$1,
+	collapse: collapse$1
+};
+
+var expand = "Développer le panneau latéral gauche";
+var collapse = "Réduire le panneau latéral gauche";
+var frFR = {
+	expand: expand,
+	collapse: collapse
+};
+
+var intlMessages = {
+  'en-US': enUS,
+  'fr-FR': frFR
+};
+
+/**
+ * Component style.
+ */
+const StyledAppSidePanel = styled.div`
+  align-items: center;
+  background-color: ${_ref => {
+  let {
+    $theme
+  } = _ref;
+  return css`var(--redsift-color-${$theme}-components-side-navigation-background)`;
+}};
+  border-right: 4px solid ${_ref2 => {
+  let {
+    $theme
+  } = _ref2;
+  return css`var(--redsift-color-${$theme}-components-side-navigation-right-line)`;
+}};
+  box-sizing: border-box;
+  flex-direction: column;
+  height: 100%;
+  left: 0px;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  transition: width 300ms ease-out;
+  width: ${_ref3 => {
+  let {
+    $variant
+  } = _ref3;
+  return $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '68px' : '254px';
+}};
+  z-index: var(--redsift-layout-z-index-side-panel);
+
+  .redsift-app-side-panel__header {
+    box-sizing: border-box;
+    transition: padding 300ms ease-out;
+    padding: 18px
+      ${_ref4 => {
+  let {
+    $variant
+  } = _ref4;
+  return $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '16px' : '24px';
+}};
+    margin-bottom: 16px;
+    width: 100%;
+
+    height: 92px;
+    @media (max-width: 1080px) {
+      height: 72px;
+    }
+
+    display: grid;
+    justify-items: start;
+    align-items: center;
+
+    .redsift-icon-button {
+      > span,
+      > span > svg {
+        width: 24px;
+        height: 24px;
+      }
+    }
+  }
+
+  .redsift-app-side-panel-header__logo {
+    align-items: center;
+    display: flex;
+    grid-column: 1;
+    grid-row: 1;
+    transition: opacity 300ms ease-out;
+    opacity: ${_ref5 => {
+  let {
+    $variant
+  } = _ref5;
+  return $variant === AppSidePanelVariant.shrinked ? '0' : '1';
+}};
+
+    height: 56px;
+    @media (max-width: 1080px) {
+      height: 36px;
+    }
+  }
+
+  .redsift-app-side-panel-header__logo > img {
+    max-height: 56px;
+    @media (max-width: 1080px) {
+      max-height: 36px;
+    }
+    max-width: 195px;
+  }
+
+  .redsift-app-side-panel-header__expand-button {
+    grid-column: 1;
+    grid-row: 1;
+    transition: opacity 300ms ease-out;
+    opacity: ${_ref6 => {
+  let {
+    $variant
+  } = _ref6;
+  return $variant === AppSidePanelVariant.shrinked ? '1' : '0';
+}};
+    padding: 2px;
+    margin-left: -1px;
+  }
+
+  .redsift-app-side-panel__featured {
+    box-sizing: border-box;
+    border-left: 4px solid #e1e1e1;
+    border-right: unset;
+    margin-bottom: 16px;
+    padding: 0px 16px;
+    width: 100%;
+  }
+
+  [dir='rtl'] & {
+    left: unset;
+    right: 0px;
+    transform: unset;
+    transition: unset;
+  }
+
+  scrollbar-color: ${_ref7 => {
+  let {
+    $theme
+  } = _ref7;
+  return css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting) transparent`;
+}};
+  scrollbar-width: thin;
+
+  &::-webkit-scrollbar {
+    block-size: 9px;
+    inline-size: 9px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-clip: padding-box;
+    background-color: ${_ref8 => {
+  let {
+    $theme
+  } = _ref8;
+  return css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting)`;
+}};
+    border-radius: 0px;
+    border-left: 2px solid transparent;
+    border-right: 2px solid transparent;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb:horizontal,
+  &::-webkit-scrollbar-thumb:vertical {
+    &:hover {
+      background-color: ${_ref9 => {
+  let {
+    $theme
+  } = _ref9;
+  return css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`;
+}};
+    }
+  }
+
+  &::-webkit-scrollbar-corner {
+    visibility: hidden;
+  }
+`;
+
+// --redsift-color-${$theme}-components-side-navigation-background
+// --redsift-color-${$theme}-components-side-navigation-right-line
+// --redsift-color-${$theme}-components-side-navigation-current-marker
+// --redsift-color-${$theme}-components-side-navigation-text
+// --redsift-color-${$theme}-components-side-navigation-icon
+// --redsift-color-${$theme}-components-side-navigation-chat-background-hover
+// --redsift-color-${$theme}-components-side-navigation-chat-background-down
+
+// ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};
+
+const _excluded = ["children", "className", "featuredElements", "iconButtonProps", "iconButtonRef", "logo", "onOpen", "theme", "variant"];
+const COMPONENT_NAME = 'AppSidePanel';
+const CLASSNAME = 'redsift-app-side-panel';
+
+/**
+ * The AppSidePanel component.
+ */
+const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      featuredElements,
+      iconButtonProps,
+      iconButtonRef,
+      logo,
+      onOpen,
+      theme: propsTheme,
+      variant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const {
+    width
+  } = useWindowSize();
+  const appContainerState = useContext(AppContainerContext);
+  const theme = useTheme(propsTheme);
+  const format = useMessageFormatter(intlMessages);
+  useEffect(() => {
+    if (appContainerState && variant && appContainerState.sidePanelVariant !== variant) {
+      appContainerState.setSidePanelVariant(variant);
+    }
+  }, [variant]);
+  const handleClose = event => {
+    onOpen === null || onOpen === void 0 ? void 0 : onOpen(event);
+    appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.expandSidePanel();
+  };
+  const computedVariant = appContainerState ? appContainerState.sidePanelVariant : variant;
+  const product = appContainerState && appContainerState.product;
+  return /*#__PURE__*/React__default.createElement(StyledAppSidePanel, _extends({}, forwardedProps, {
+    $theme: theme,
+    $variant: computedVariant,
+    className: classNames(AppSidePanel.className, className),
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: `${AppSidePanel.className}__header`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: `${AppSidePanel.className}-header__logo`
+  }, /*#__PURE__*/React__default.isValidElement(logo) ? logo : logo ? /*#__PURE__*/React__default.createElement("img", {
+    src: logo.src,
+    alt: logo.alt
+  }) : product && (typeof product === 'string' || product.logo) ? /*#__PURE__*/React__default.createElement(Icon, {
+    icon: typeof product === 'string' ? ProductLogo[product] : product.logo,
+    size: {
+      height: width && width > 1080 ? 41 : 36
+    }
+  }) : null), /*#__PURE__*/React__default.createElement(IconButton, _extends({
+    className: `${AppSidePanel.className}-header__expand-button`
+  }, iconButtonProps, {
+    "aria-label": format('expand'),
+    icon: mdiMenu,
+    onClick: handleClose,
+    ref: iconButtonRef,
+    color: "grey",
+    isDisabled: computedVariant === 'standard'
+  }))), featuredElements ? /*#__PURE__*/React__default.createElement("div", {
+    className: `${AppSidePanel.className}__featured`
+  }, featuredElements) : null, children);
+});
+AppSidePanel.className = CLASSNAME;
+AppSidePanel.displayName = COMPONENT_NAME;
+
+const useAppSidePanel = _ref => {
+  let {
+    items,
+    isActive
+  } = _ref;
+  const sideNavigationMenuBarProps = useSideNavigationMenuBar({
+    items,
+    isActive
+  });
+  return {
+    children: /*#__PURE__*/React__default.createElement(SideNavigationMenuBar, _extends({}, sideNavigationMenuBarProps, {
+      "aria-label": "Navigation"
+    }))
+  };
+};
+
+export { AppSidePanel as A, useAppSidePanel as a, useWindowSize as u };
+//# sourceMappingURL=useAppSidePanel.js.map

package/_internal/useAppSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAppSidePanel.js","sources":["../../src/hooks/useWindowSize.ts","../../src/components/app-side-panel/intl/index.ts","../../src/components/app-side-panel/styles.ts","../../src/components/app-side-panel/AppSidePanel.tsx","../../src/components/app-side-panel/useAppSidePanel.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ninterface WindowSize {\n  height?: number;\n  width?: number;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n}\n\nexport const useWindowSize = () => {\n  const [windowSize, setWindowSize] = useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n    size: undefined,\n  });\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowSize((windowSize) => {\n        if (\n          window.innerWidth === windowSize.width &&\n          window.innerHeight === windowSize.height\n        ) {\n          return windowSize;\n        }\n\n        let size: WindowSize['size'];\n        if (window.innerWidth <= 480) {\n          size = 'xs';\n        } else if (window.innerWidth <= 768) {\n          size = 'sm';\n        } else if (window.innerWidth <= 1024) {\n          size = 'md';\n        } else if (window.innerWidth <= 1200) {\n          size = 'lg';\n        } else {\n          size = 'xl';\n        }\n        return {\n          width: window.innerWidth,\n          height: window.innerHeight,\n          size,\n        };\n      });\n    }\n\n    window.addEventListener('resize', handleResize);\n    handleResize();\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n","import enUS from './en-US.json';\nimport frFR from './fr-FR.json';\n\nexport default {\n  'en-US': enUS,\n  'fr-FR': frFR,\n};\n","import styled, { css } from 'styled-components';\nimport { AppSidePanelVariant, StyledAppSidePanelProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppSidePanel = styled.div<StyledAppSidePanelProps>`\n  align-items: center;\n  background-color: ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n  border-right: 4px solid ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-right-line)`};\n  box-sizing: border-box;\n  flex-direction: column;\n  height: 100%;\n  left: 0px;\n  overflow: hidden;\n  position: fixed;\n  top: 0;\n  transition: width 300ms ease-out;\n  width: ${({ $variant }) =>\n    $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '68px' : '254px'};\n  z-index: var(--redsift-layout-z-index-side-panel);\n\n  .redsift-app-side-panel__header {\n    box-sizing: border-box;\n    transition: padding 300ms ease-out;\n    padding: 18px\n      ${({ $variant }) =>\n        $variant === AppSidePanelVariant.hidden ? '0' : $variant === AppSidePanelVariant.shrinked ? '16px' : '24px'};\n    margin-bottom: 16px;\n    width: 100%;\n\n    height: 92px;\n    @media (max-width: 1080px) {\n      height: 72px;\n    }\n\n    display: grid;\n    justify-items: start;\n    align-items: center;\n\n    .redsift-icon-button {\n      > span,\n      > span > svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n  }\n\n  .redsift-app-side-panel-header__logo {\n    align-items: center;\n    display: flex;\n    grid-column: 1;\n    grid-row: 1;\n    transition: opacity 300ms ease-out;\n    opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '0' : '1')};\n\n    height: 56px;\n    @media (max-width: 1080px) {\n      height: 36px;\n    }\n  }\n\n  .redsift-app-side-panel-header__logo > img {\n    max-height: 56px;\n    @media (max-width: 1080px) {\n      max-height: 36px;\n    }\n    max-width: 195px;\n  }\n\n  .redsift-app-side-panel-header__expand-button {\n    grid-column: 1;\n    grid-row: 1;\n    transition: opacity 300ms ease-out;\n    opacity: ${({ $variant }) => ($variant === AppSidePanelVariant.shrinked ? '1' : '0')};\n    padding: 2px;\n    margin-left: -1px;\n  }\n\n  .redsift-app-side-panel__featured {\n    box-sizing: border-box;\n    border-left: 4px solid #e1e1e1;\n    border-right: unset;\n    margin-bottom: 16px;\n    padding: 0px 16px;\n    width: 100%;\n  }\n\n  [dir='rtl'] & {\n    left: unset;\n    right: 0px;\n    transform: unset;\n    transition: unset;\n  }\n\n  scrollbar-color: ${({ $theme }) =>\n    css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting) transparent`};\n  scrollbar-width: thin;\n\n  &::-webkit-scrollbar {\n    block-size: 9px;\n    inline-size: 9px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-clip: padding-box;\n    background-color: ${({ $theme }) =>\n      css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-resting)`};\n    border-radius: 0px;\n    border-left: 2px solid transparent;\n    border-right: 2px solid transparent;\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb:horizontal,\n  &::-webkit-scrollbar-thumb:vertical {\n    &:hover {\n      background-color: ${({ $theme }) =>\n        css`var(--redsift-color-${$theme}-components-side-navigation-scrollbar-hover)`};\n    }\n  }\n\n  &::-webkit-scrollbar-corner {\n    visibility: hidden;\n  }\n`;\n\n// --redsift-color-${$theme}-components-side-navigation-background\n// --redsift-color-${$theme}-components-side-navigation-right-line\n// --redsift-color-${$theme}-components-side-navigation-current-marker\n// --redsift-color-${$theme}-components-side-navigation-text\n// --redsift-color-${$theme}-components-side-navigation-icon\n// --redsift-color-${$theme}-components-side-navigation-chat-background-hover\n// --redsift-color-${$theme}-components-side-navigation-chat-background-down\n\n// ${({ $theme }) => css`var(--redsift-color-${$theme}-components-side-navigation-background)`};\n","import React, { ComponentProps, forwardRef, MouseEvent, RefObject, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { Comp, ProductLogo } from '../../types';\nimport { IconButton } from '../icon-button';\nimport { AppContainerContext } from '../app-container/context';\nimport { StyledAppSidePanel } from './styles';\nimport { AppSidePanelProps } from './types';\nimport { mdiMenu } from '@redsift/icons';\nimport { Icon } from '../icon';\nimport { useWindowSize } from '../../hooks';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppSidePanel';\nconst CLASSNAME = 'redsift-app-side-panel';\n\n/**\n * The AppSidePanel component.\n */\nexport const AppSidePanel: Comp<AppSidePanelProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    featuredElements,\n    iconButtonProps,\n    iconButtonRef,\n    logo,\n    onOpen,\n    theme: propsTheme,\n    variant,\n    ...forwardedProps\n  } = props;\n\n  const { width } = useWindowSize();\n\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n\n  const format = useMessageFormatter(intlMessages);\n\n  useEffect(() => {\n    if (appContainerState && variant && appContainerState.sidePanelVariant !== variant) {\n      appContainerState.setSidePanelVariant(variant);\n    }\n  }, [variant]);\n\n  const handleClose = (event: MouseEvent) => {\n    onOpen?.(event);\n    appContainerState?.expandSidePanel();\n  };\n\n  const computedVariant = appContainerState ? appContainerState.sidePanelVariant : variant;\n  const product = appContainerState && appContainerState.product;\n\n  return (\n    <StyledAppSidePanel\n      {...forwardedProps}\n      $theme={theme}\n      $variant={computedVariant}\n      className={classNames(AppSidePanel.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      <div className={`${AppSidePanel.className}__header`}>\n        <div className={`${AppSidePanel.className}-header__logo`}>\n          {React.isValidElement(logo) ? (\n            logo\n          ) : logo ? (\n            <img src={(logo as ComponentProps<'img'>).src} alt={(logo as ComponentProps<'img'>).alt} />\n          ) : product && (typeof product === 'string' || product.logo) ? (\n            <Icon\n              icon={typeof product === 'string' ? ProductLogo[product] : product.logo!}\n              size={{ height: width && width > 1080 ? 41 : 36 }}\n            />\n          ) : null}\n        </div>\n        <IconButton\n          className={`${AppSidePanel.className}-header__expand-button`}\n          {...iconButtonProps}\n          aria-label={format('expand')}\n          icon={mdiMenu}\n          onClick={handleClose}\n          ref={iconButtonRef as RefObject<HTMLButtonElement>}\n          color=\"grey\"\n          isDisabled={computedVariant === 'standard'}\n        />\n      </div>\n      {featuredElements ? <div className={`${AppSidePanel.className}__featured`}>{featuredElements}</div> : null}\n      {children}\n    </StyledAppSidePanel>\n  );\n});\nAppSidePanel.className = CLASSNAME;\nAppSidePanel.displayName = COMPONENT_NAME;\n","import React from 'react';\nimport {\n  SideNavigationMenuBar,\n  useSideNavigationMenuBar,\n  UseSideNavigationMenuBarProps,\n} from '../side-navigation-menu-bar';\nimport { AppSidePanelProps } from './types';\n\nexport const useAppSidePanel = ({ items, isActive }: UseSideNavigationMenuBarProps): Omit<AppSidePanelProps, 'ref'> => {\n  const sideNavigationMenuBarProps = useSideNavigationMenuBar({\n    items,\n    isActive,\n  });\n\n  return {\n    children: <SideNavigationMenuBar {...sideNavigationMenuBarProps} aria-label=\"Navigation\" />,\n  };\n};\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","width","undefined","height","size","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener","enUS","frFR","StyledAppSidePanel","styled","div","_ref","$theme","css","_ref2","_ref3","$variant","AppSidePanelVariant","hidden","shrinked","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","COMPONENT_NAME","CLASSNAME","AppSidePanel","forwardRef","props","ref","children","className","featuredElements","iconButtonProps","iconButtonRef","logo","onOpen","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","sidePanelVariant","setSidePanelVariant","handleClose","event","expandSidePanel","computedVariant","product","React","createElement","_extends","classNames","isValidElement","src","alt","Icon","icon","ProductLogo","IconButton","mdiMenu","onClick","color","isDisabled","displayName","useAppSidePanel","items","isActive","sideNavigationMenuBarProps","useSideNavigationMenuBar","SideNavigationMenuBar"],"mappings":"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"}