@redsift/design-system 11.6.0-muiv5-alpha.2 → 11.6.0-muiv5-alpha.3

package/components/alert/Alert.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useEffect, useCallback } from 'react';
+import React, { forwardRef, useState, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import intlMessages from './intl/index.js';
 import { mdiClose, mdiAlert, mdiTriangleOutline, mdiCheckCircle, mdiCheck, mdiAlertCircle, mdiAlertOutline, mdiInformation, mdiInformationOutline } from '@redsift/icons';
@@ -79,7 +79,7 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
       setIsClosed(true);
     }
   }, [onClose]);
-  return /*#__PURE__*/React__default.createElement(StyledAlert, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledAlert, _extends({}, forwardedProps, {
     className: classNames(Alert.className, className),
     ref: ref,
     $hasTitle: Boolean(title),
@@ -88,25 +88,25 @@ const Alert = /*#__PURE__*/forwardRef((props, ref) => {
     $theme: theme,
     $variant: variant,
     $styleVariant: styleVariant
-  }), /*#__PURE__*/React__default.createElement(Flexbox, {
+  }), /*#__PURE__*/React.createElement(Flexbox, {
     className: `${Alert.className}__header`,
     justifyContent: "space-between"
-  }, /*#__PURE__*/React__default.createElement(Flexbox, {
+  }, /*#__PURE__*/React.createElement(Flexbox, {
     className: `${Alert.className}-header__title`,
     gap: "14px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     color: color
-  }), title ? /*#__PURE__*/React__default.createElement(Text, {
+  }), title ? /*#__PURE__*/React.createElement(Text, {
     fontWeight: RedsiftTypographyFontWeightSemiBold
-  }, title) : null), isClosable ? /*#__PURE__*/React__default.createElement(IconButton, {
+  }, title) : null), isClosable ? /*#__PURE__*/React.createElement(IconButton, {
     "aria-label": format('close'),
     className: `${Alert.className}-header__icon-button`,
     icon: mdiClose,
     onClick: handleClose,
     color: color
-  }) : null), children ? /*#__PURE__*/React__default.createElement("div", {
+  }) : null), children ? /*#__PURE__*/React.createElement("div", {
     className: `${Alert.className}__content`
   }, children) : null);
 });

package/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport {\n  mdiAlert,\n  mdiTriangleOutline,\n  mdiAlertCircle,\n  mdiAlertOutline,\n  mdiCheck,\n  mdiCheckCircle,\n  mdiClose,\n  mdiInformation,\n  mdiInformationOutline,\n} from '@redsift/icons';\nimport { IconButton } from '../icon-button';\nimport { NotificationsColorPalette, Comp, Theme } from '../../types';\nimport { StyledAlert } from './styles';\nimport { AlertProps, AlertVariant, AlertStyleVariant } from './types';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { Flexbox } from '../flexbox';\nimport { RedsiftTypographyFontWeightSemiBold } from '../../utils';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Alert';\nconst CLASSNAME = 'redsift-alert';\n\nconst getVariant = (variant: AlertVariant, styleVariant: AlertStyleVariant, theme: Theme) => {\n  switch (variant) {\n    case AlertVariant.info:\n    default:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.info : 'white',\n        icon: styleVariant == 'default' ? mdiInformation : mdiInformationOutline,\n      };\n    case AlertVariant.error:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.error : 'white',\n        icon: styleVariant == 'default' ? mdiAlertCircle : mdiAlertOutline,\n      };\n    case AlertVariant.success:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.success : 'white',\n        icon: styleVariant == 'default' ? mdiCheckCircle : mdiCheck,\n      };\n    case AlertVariant.warning:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.warning : 'white',\n        icon: styleVariant == 'default' ? mdiAlert : mdiTriangleOutline,\n      };\n  }\n};\n\n/**\n * The Alert component.\n */\nexport const Alert: Comp<AlertProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    isClosable,\n    isClosed: propsIsClosed,\n    onClose,\n    theme: propsTheme,\n    title,\n    variant: propsVariant,\n    styleVariant: propsStyleVariant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const variant = Object.values(AlertVariant).includes(propsVariant!) ? propsVariant : 'info';\n  const styleVariant = Object.values(AlertStyleVariant).includes(propsStyleVariant!) ? propsStyleVariant : 'default';\n\n  const format = useMessageFormatter(intlMessages);\n\n  const { color, icon } = getVariant(variant!, styleVariant!, theme);\n  const [isClosed, setIsClosed] = useState(propsIsClosed);\n\n  useEffect(() => {\n    setIsClosed(propsIsClosed);\n  }, [propsIsClosed]);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose(true);\n    }\n    if (propsIsClosed === undefined || propsIsClosed === null) {\n      setIsClosed(true);\n    }\n  }, [onClose]);\n\n  return (\n    <StyledAlert\n      {...forwardedProps}\n      className={classNames(Alert.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $hasTitle={Boolean(title)}\n      $isClosable={isClosable}\n      $isClosed={isClosed}\n      $theme={theme}\n      $variant={variant}\n      $styleVariant={styleVariant}\n    >\n      <Flexbox className={`${Alert.className}__header`} justifyContent=\"space-between\">\n        <Flexbox className={`${Alert.className}-header__title`} gap=\"14px\" alignItems=\"center\">\n          <Icon icon={icon} color={color} />\n          {title ? <Text fontWeight={RedsiftTypographyFontWeightSemiBold}>{title}</Text> : null}\n        </Flexbox>\n\n        {isClosable ? (\n          <IconButton\n            aria-label={format('close')}\n            className={`${Alert.className}-header__icon-button`}\n            icon={mdiClose}\n            onClick={handleClose}\n            color={color}\n          />\n        ) : null}\n      </Flexbox>\n\n      {children ? <div className={`${Alert.className}__content`}>{children}</div> : null}\n    </StyledAlert>\n  );\n});\nAlert.className = CLASSNAME;\nAlert.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getVariant","variant","styleVariant","theme","AlertVariant","info","color","Theme","light","NotificationsColorPalette","icon","mdiInformation","mdiInformationOutline","error","mdiAlertCircle","mdiAlertOutline","success","mdiCheckCircle","mdiCheck","warning","mdiAlert","mdiTriangleOutline","Alert","forwardRef","props","ref","children","className","isClosable","isClosed","propsIsClosed","onClose","propsTheme","title","propsVariant","propsStyleVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","includes","AlertStyleVariant","format","useMessageFormatter","intlMessages","setIsClosed","useState","useEffect","handleClose","useCallback","undefined","React","createElement","StyledAlert","_extends","classNames","$hasTitle","Boolean","$isClosable","$isClosed","$theme","$variant","$styleVariant","Flexbox","justifyContent","gap","alignItems","Icon","Text","fontWeight","RedsiftTypographyFontWeightSemiBold","IconButton","mdiClose","onClick","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport {\n  mdiAlert,\n  mdiTriangleOutline,\n  mdiAlertCircle,\n  mdiAlertOutline,\n  mdiCheck,\n  mdiCheckCircle,\n  mdiClose,\n  mdiInformation,\n  mdiInformationOutline,\n} from '@redsift/icons';\nimport { IconButton } from '../icon-button';\nimport { NotificationsColorPalette, Comp, Theme } from '../../types';\nimport { StyledAlert } from './styles';\nimport { AlertProps, AlertVariant, AlertStyleVariant } from './types';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { Flexbox } from '../flexbox';\nimport { RedsiftTypographyFontWeightSemiBold } from '../../utils';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Alert';\nconst CLASSNAME = 'redsift-alert';\n\nconst getVariant = (variant: AlertVariant, styleVariant: AlertStyleVariant, theme: Theme) => {\n  switch (variant) {\n    case AlertVariant.info:\n    default:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.info : 'white',\n        icon: styleVariant == 'default' ? mdiInformation : mdiInformationOutline,\n      };\n    case AlertVariant.error:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.error : 'white',\n        icon: styleVariant == 'default' ? mdiAlertCircle : mdiAlertOutline,\n      };\n    case AlertVariant.success:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.success : 'white',\n        icon: styleVariant == 'default' ? mdiCheckCircle : mdiCheck,\n      };\n    case AlertVariant.warning:\n      return {\n        color: theme === Theme.light ? NotificationsColorPalette.warning : 'white',\n        icon: styleVariant == 'default' ? mdiAlert : mdiTriangleOutline,\n      };\n  }\n};\n\n/**\n * The Alert component.\n */\nexport const Alert: Comp<AlertProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    children,\n    className,\n    isClosable,\n    isClosed: propsIsClosed,\n    onClose,\n    theme: propsTheme,\n    title,\n    variant: propsVariant,\n    styleVariant: propsStyleVariant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const variant = Object.values(AlertVariant).includes(propsVariant!) ? propsVariant : 'info';\n  const styleVariant = Object.values(AlertStyleVariant).includes(propsStyleVariant!) ? propsStyleVariant : 'default';\n\n  const format = useMessageFormatter(intlMessages);\n\n  const { color, icon } = getVariant(variant!, styleVariant!, theme);\n  const [isClosed, setIsClosed] = useState(propsIsClosed);\n\n  useEffect(() => {\n    setIsClosed(propsIsClosed);\n  }, [propsIsClosed]);\n\n  const handleClose = useCallback(() => {\n    if (onClose) {\n      onClose(true);\n    }\n    if (propsIsClosed === undefined || propsIsClosed === null) {\n      setIsClosed(true);\n    }\n  }, [onClose]);\n\n  return (\n    <StyledAlert\n      {...forwardedProps}\n      className={classNames(Alert.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $hasTitle={Boolean(title)}\n      $isClosable={isClosable}\n      $isClosed={isClosed}\n      $theme={theme}\n      $variant={variant}\n      $styleVariant={styleVariant}\n    >\n      <Flexbox className={`${Alert.className}__header`} justifyContent=\"space-between\">\n        <Flexbox className={`${Alert.className}-header__title`} gap=\"14px\" alignItems=\"center\">\n          <Icon icon={icon} color={color} />\n          {title ? <Text fontWeight={RedsiftTypographyFontWeightSemiBold}>{title}</Text> : null}\n        </Flexbox>\n\n        {isClosable ? (\n          <IconButton\n            aria-label={format('close')}\n            className={`${Alert.className}-header__icon-button`}\n            icon={mdiClose}\n            onClick={handleClose}\n            color={color}\n          />\n        ) : null}\n      </Flexbox>\n\n      {children ? <div className={`${Alert.className}__content`}>{children}</div> : null}\n    </StyledAlert>\n  );\n});\nAlert.className = CLASSNAME;\nAlert.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getVariant","variant","styleVariant","theme","AlertVariant","info","color","Theme","light","NotificationsColorPalette","icon","mdiInformation","mdiInformationOutline","error","mdiAlertCircle","mdiAlertOutline","success","mdiCheckCircle","mdiCheck","warning","mdiAlert","mdiTriangleOutline","Alert","forwardRef","props","ref","children","className","isClosable","isClosed","propsIsClosed","onClose","propsTheme","title","propsVariant","propsStyleVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","includes","AlertStyleVariant","format","useMessageFormatter","intlMessages","setIsClosed","useState","useEffect","handleClose","useCallback","undefined","React","createElement","StyledAlert","_extends","classNames","$hasTitle","Boolean","$isClosable","$isClosed","$theme","$variant","$styleVariant","Flexbox","justifyContent","gap","alignItems","Icon","Text","fontWeight","RedsiftTypographyFontWeightSemiBold","IconButton","mdiClose","onClick","displayName"],"mappings":"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"}

package/components/app-bar/AppBar.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useState, useEffect, useContext } from 'react';
+import React, { forwardRef, useState, useEffect, useContext } from 'react';
 import classNames from 'classnames';
 import intlMessages from './intl/index.js';
 import { mdiMenuOpen } from '@redsift/icons';
@@ -46,7 +46,7 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
   const appContainerState = useContext(AppContainerContext);
   const theme = useTheme(propsTheme);
   const format = useMessageFormatter(intlMessages);
-  return /*#__PURE__*/React__default.createElement(StyledAppBar, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledAppBar, _extends({}, forwardedProps, {
     $hasBorder: scroll,
     $isLoaded: isLoaded,
     $isSidePanelCollapsed: appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true,
@@ -54,15 +54,15 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     $theme: theme,
     className: classNames(AppBar.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${AppBar.className}__left`
-  }, appContainerState ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React__default.createElement("div", {
+  }, appContainerState ? /*#__PURE__*/React.createElement(React.Fragment, null, appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React.createElement("div", {
     style: {
       width: '30px',
       height: '30px',
       marginRight: '3px'
     }
-  }) : /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  }) : /*#__PURE__*/React.createElement(IconButton, _extends({
     className: `${AppBar.className}-left__collapse-button`
   }, iconButtonProps, {
     "aria-label": format('collapse'),
@@ -70,21 +70,21 @@ const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
     onClick: appContainerState.collapseSidePanel,
     ref: iconButtonRef,
     color: "grey"
-  }))) : null, propsTitle && typeof propsTitle !== 'string' ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, propsTitle) : typeof propsTitle === 'string' ? /*#__PURE__*/React__default.createElement(Heading, {
+  }))) : null, propsTitle && typeof propsTitle !== 'string' ? /*#__PURE__*/React.createElement(React.Fragment, null, propsTitle) : typeof propsTitle === 'string' ? /*#__PURE__*/React.createElement(Heading, {
     as: "h1"
-  }, propsTitle) : breadcrumbs ? /*#__PURE__*/React__default.createElement(Breadcrumbs, {
+  }, propsTitle) : breadcrumbs ? /*#__PURE__*/React.createElement(Breadcrumbs, {
     "aria-label": "Breadcrumb"
-  }, appContainerState && appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React__default.createElement(Breadcrumbs.Item, {
+  }, appContainerState && appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React.createElement(Breadcrumbs.Item, {
     href: "/",
     as: ((_breadcrumbs$ = breadcrumbs[0]) === null || _breadcrumbs$ === void 0 ? void 0 : _breadcrumbs$.as) || 'a'
-  }, typeof appContainerState.product === 'string' ? ProductName[appContainerState.product] : (_appContainerState$pr = appContainerState.product) === null || _appContainerState$pr === void 0 ? void 0 : _appContainerState$pr.name) : null, breadcrumbs.map((breadcrumbItem, index) => /*#__PURE__*/React__default.createElement(Breadcrumbs.Item, _extends({
+  }, typeof appContainerState.product === 'string' ? ProductName[appContainerState.product] : (_appContainerState$pr = appContainerState.product) === null || _appContainerState$pr === void 0 ? void 0 : _appContainerState$pr.name) : null, breadcrumbs.map((breadcrumbItem, index) => /*#__PURE__*/React.createElement(Breadcrumbs.Item, _extends({
     key: index
   }, breadcrumbItem, {
     isDisabled: breadcrumbItem.isDisabled || breadcrumbItem.href === undefined,
     as: index === breadcrumbs.length - 1 ? 'h1' : breadcrumbItem.href === undefined ? 'span' : breadcrumbItem.as || 'a'
-  })))) : fallbackTitle ? /*#__PURE__*/React__default.createElement(Heading, {
+  })))) : fallbackTitle ? /*#__PURE__*/React.createElement(Heading, {
     as: "h1"
-  }, fallbackTitle) : null), children ? /*#__PURE__*/React__default.createElement("div", {
+  }, fallbackTitle) : null), children ? /*#__PURE__*/React.createElement("div", {
     className: `${AppBar.className}__right`
   }, children) : null);
 });

package/components/app-bar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","sources":["../../../src/components/app-bar/AppBar.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useContext, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { mdiMenuOpen } from '@redsift/icons';\nimport { Comp, ProductName } from '../../types';\nimport { IconButton } from '../icon-button';\nimport { AppContainerContext } from '../app-container/context';\nimport { useIsLoaded } from '../../hooks/useIsLoaded';\nimport { StyledAppBar } from './styles';\nimport { AppBarProps } from './types';\nimport { Heading } from '../heading';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { Breadcrumbs } from '../breadcrumbs';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppBar';\nconst CLASSNAME = 'redsift-app-bar';\n\n/**\n * The AppBar component.\n */\nexport const AppBar: Comp<AppBarProps, HTMLHeadingElement> = forwardRef((props, ref) => {\n  const {\n    breadcrumbs,\n    children,\n    className,\n    iconButtonProps,\n    iconButtonRef,\n    fallbackTitle,\n    theme: propsTheme,\n    title: propsTitle,\n    ...forwardedProps\n  } = props;\n\n  const [scroll, setScroll] = useState(false);\n  useEffect(() => {\n    window.addEventListener('scroll', () => {\n      setScroll(window.scrollY > 8);\n    });\n  }, []);\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n\n  const format = useMessageFormatter(intlMessages);\n\n  return (\n    <StyledAppBar\n      {...forwardedProps}\n      $hasBorder={scroll}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={\n        appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true\n      }\n      $isAppFullScreen={appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false}\n      $theme={theme}\n      className={classNames(AppBar.className, className)}\n      ref={ref as RefObject<HTMLHeadingElement>}\n    >\n      <div className={`${AppBar.className}__left`}>\n        {appContainerState ? (\n          <>\n            {appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? (\n              <div style={{ width: '30px', height: '30px', marginRight: '3px' }} />\n            ) : (\n              <IconButton\n                className={`${AppBar.className}-left__collapse-button`}\n                {...iconButtonProps}\n                aria-label={format('collapse')}\n                icon={mdiMenuOpen}\n                onClick={appContainerState.collapseSidePanel}\n                ref={iconButtonRef as RefObject<HTMLButtonElement>}\n                color=\"grey\"\n              />\n            )}\n          </>\n        ) : null}\n        {propsTitle && typeof propsTitle !== 'string' ? (\n          <>{propsTitle}</>\n        ) : typeof propsTitle === 'string' ? (\n          <Heading as=\"h1\">{propsTitle}</Heading>\n        ) : breadcrumbs ? (\n          <Breadcrumbs aria-label=\"Breadcrumb\">\n            {appContainerState && appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? (\n              <Breadcrumbs.Item href=\"/\" as={breadcrumbs[0]?.as || 'a'}>\n                {typeof appContainerState.product === 'string'\n                  ? ProductName[appContainerState.product]\n                  : appContainerState.product?.name}\n              </Breadcrumbs.Item>\n            ) : null}\n            {breadcrumbs.map((breadcrumbItem, index) => (\n              <Breadcrumbs.Item\n                key={index}\n                {...breadcrumbItem}\n                isDisabled={breadcrumbItem.isDisabled || breadcrumbItem.href === undefined}\n                as={\n                  index === breadcrumbs.length - 1\n                    ? 'h1'\n                    : breadcrumbItem.href === undefined\n                    ? 'span'\n                    : breadcrumbItem.as || 'a'\n                }\n              />\n            ))}\n          </Breadcrumbs>\n        ) : fallbackTitle ? (\n          <Heading as=\"h1\">{fallbackTitle}</Heading>\n        ) : null}\n      </div>\n      {children ? <div className={`${AppBar.className}__right`}>{children}</div> : null}\n    </StyledAppBar>\n  );\n});\nAppBar.className = CLASSNAME;\nAppBar.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","AppBar","forwardRef","props","ref","_breadcrumbs$","_appContainerState$pr","breadcrumbs","children","className","iconButtonProps","iconButtonRef","fallbackTitle","theme","propsTheme","title","propsTitle","forwardedProps","_objectWithoutProperties","_excluded","scroll","setScroll","useState","useEffect","window","addEventListener","scrollY","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","React","createElement","StyledAppBar","_extends","$hasBorder","$isLoaded","$isSidePanelCollapsed","sidePanelVariant","AppSidePanelVariant","shrinked","$isAppFullScreen","hidden","$theme","classNames","Fragment","style","width","height","marginRight","IconButton","icon","mdiMenuOpen","onClick","collapseSidePanel","color","Heading","as","Breadcrumbs","Item","href","product","ProductName","name","map","breadcrumbItem","index","key","isDisabled","undefined","length","displayName"],"mappings":"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"}
+{"version":3,"file":"AppBar.js","sources":["../../../src/components/app-bar/AppBar.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useContext, useEffect, useState } from 'react';\nimport classNames from 'classnames';\n\nimport { useMessageFormatter } from '../../react-aria/react-aria/i18n';\nimport intlMessages from './intl';\n\nimport { mdiMenuOpen } from '@redsift/icons';\nimport { Comp, ProductName } from '../../types';\nimport { IconButton } from '../icon-button';\nimport { AppContainerContext } from '../app-container/context';\nimport { useIsLoaded } from '../../hooks/useIsLoaded';\nimport { StyledAppBar } from './styles';\nimport { AppBarProps } from './types';\nimport { Heading } from '../heading';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { Breadcrumbs } from '../breadcrumbs';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppBar';\nconst CLASSNAME = 'redsift-app-bar';\n\n/**\n * The AppBar component.\n */\nexport const AppBar: Comp<AppBarProps, HTMLHeadingElement> = forwardRef((props, ref) => {\n  const {\n    breadcrumbs,\n    children,\n    className,\n    iconButtonProps,\n    iconButtonRef,\n    fallbackTitle,\n    theme: propsTheme,\n    title: propsTitle,\n    ...forwardedProps\n  } = props;\n\n  const [scroll, setScroll] = useState(false);\n  useEffect(() => {\n    window.addEventListener('scroll', () => {\n      setScroll(window.scrollY > 8);\n    });\n  }, []);\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n\n  const format = useMessageFormatter(intlMessages);\n\n  return (\n    <StyledAppBar\n      {...forwardedProps}\n      $hasBorder={scroll}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={\n        appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true\n      }\n      $isAppFullScreen={appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false}\n      $theme={theme}\n      className={classNames(AppBar.className, className)}\n      ref={ref as RefObject<HTMLHeadingElement>}\n    >\n      <div className={`${AppBar.className}__left`}>\n        {appContainerState ? (\n          <>\n            {appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? (\n              <div style={{ width: '30px', height: '30px', marginRight: '3px' }} />\n            ) : (\n              <IconButton\n                className={`${AppBar.className}-left__collapse-button`}\n                {...iconButtonProps}\n                aria-label={format('collapse')}\n                icon={mdiMenuOpen}\n                onClick={appContainerState.collapseSidePanel}\n                ref={iconButtonRef as RefObject<HTMLButtonElement>}\n                color=\"grey\"\n              />\n            )}\n          </>\n        ) : null}\n        {propsTitle && typeof propsTitle !== 'string' ? (\n          <>{propsTitle}</>\n        ) : typeof propsTitle === 'string' ? (\n          <Heading as=\"h1\">{propsTitle}</Heading>\n        ) : breadcrumbs ? (\n          <Breadcrumbs aria-label=\"Breadcrumb\">\n            {appContainerState && appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? (\n              <Breadcrumbs.Item href=\"/\" as={breadcrumbs[0]?.as || 'a'}>\n                {typeof appContainerState.product === 'string'\n                  ? ProductName[appContainerState.product]\n                  : appContainerState.product?.name}\n              </Breadcrumbs.Item>\n            ) : null}\n            {breadcrumbs.map((breadcrumbItem, index) => (\n              <Breadcrumbs.Item\n                key={index}\n                {...breadcrumbItem}\n                isDisabled={breadcrumbItem.isDisabled || breadcrumbItem.href === undefined}\n                as={\n                  index === breadcrumbs.length - 1\n                    ? 'h1'\n                    : breadcrumbItem.href === undefined\n                    ? 'span'\n                    : breadcrumbItem.as || 'a'\n                }\n              />\n            ))}\n          </Breadcrumbs>\n        ) : fallbackTitle ? (\n          <Heading as=\"h1\">{fallbackTitle}</Heading>\n        ) : null}\n      </div>\n      {children ? <div className={`${AppBar.className}__right`}>{children}</div> : null}\n    </StyledAppBar>\n  );\n});\nAppBar.className = CLASSNAME;\nAppBar.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","AppBar","forwardRef","props","ref","_breadcrumbs$","_appContainerState$pr","breadcrumbs","children","className","iconButtonProps","iconButtonRef","fallbackTitle","theme","propsTheme","title","propsTitle","forwardedProps","_objectWithoutProperties","_excluded","scroll","setScroll","useState","useEffect","window","addEventListener","scrollY","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","React","createElement","StyledAppBar","_extends","$hasBorder","$isLoaded","$isSidePanelCollapsed","sidePanelVariant","AppSidePanelVariant","shrinked","$isAppFullScreen","hidden","$theme","classNames","Fragment","style","width","height","marginRight","IconButton","icon","mdiMenuOpen","onClick","collapseSidePanel","color","Heading","as","Breadcrumbs","Item","href","product","ProductName","name","map","breadcrumbItem","index","key","isDisabled","undefined","length","displayName"],"mappings":"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"}

package/components/app-container/AppContainer.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { AppContainerContext } from './context.js';
 import { StyledAppContainer } from './styles.js';
@@ -11,43 +11,43 @@ import { ThemeProvider } from '../theme/context.js';
 const _excluded = ["children", "className", "locale", "product", "theme", "isFullScreen"];
 const COMPONENT_NAME = 'AppContainer';
 const CLASSNAME = 'redsift-app-container';
-const RadarSvgLinearGradient = () => /*#__PURE__*/React__default.createElement("svg", {
+const RadarSvgLinearGradient = () => /*#__PURE__*/React.createElement("svg", {
   width: "0",
   height: "0"
-}, /*#__PURE__*/React__default.createElement("linearGradient", {
+}, /*#__PURE__*/React.createElement("linearGradient", {
   id: "radar-gradient-default",
   x1: "100%",
   y1: "100%",
   x2: "0%",
   y2: "0%"
-}, /*#__PURE__*/React__default.createElement("stop", {
+}, /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(81, 183, 164, 1)",
   offset: "0%"
-}), /*#__PURE__*/React__default.createElement("stop", {
+}), /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(0, 129, 195, 1)",
   offset: "100%"
-})), /*#__PURE__*/React__default.createElement("linearGradient", {
+})), /*#__PURE__*/React.createElement("linearGradient", {
   id: "radar-gradient-hover",
   x1: "100%",
   y1: "100%",
   x2: "0%",
   y2: "0%"
-}, /*#__PURE__*/React__default.createElement("stop", {
+}, /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(65, 146, 131, 1)",
   offset: "0%"
-}), /*#__PURE__*/React__default.createElement("stop", {
+}), /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(3, 114, 171, 1)",
   offset: "100%"
-})), /*#__PURE__*/React__default.createElement("linearGradient", {
+})), /*#__PURE__*/React.createElement("linearGradient", {
   id: "radar-gradient-active",
   x1: "100%",
   y1: "100%",
   x2: "0%",
   y2: "0%"
-}, /*#__PURE__*/React__default.createElement("stop", {
+}, /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(58, 122, 110, 1)",
   offset: "0%"
-}), /*#__PURE__*/React__default.createElement("stop", {
+}), /*#__PURE__*/React.createElement("stop", {
   stopColor: "rgba(0, 96, 145, 1)",
   offset: "100%"
 })));
@@ -94,21 +94,21 @@ const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
     appContainerRef: divRef,
     isFullScreen
   };
-  return /*#__PURE__*/React__default.createElement(StyledAppContainer, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledAppContainer, _extends({}, forwardedProps, {
     id: "redsift-app-container",
     $theme: theme,
     $product: product,
     className: classNames(AppContainer.className, className),
     ref: divRef
-  }), /*#__PURE__*/React__default.createElement(AppContainerContext.Provider, {
+  }), /*#__PURE__*/React.createElement(AppContainerContext.Provider, {
     value: state
-  }, /*#__PURE__*/React__default.createElement(ThemeProvider, {
+  }, /*#__PURE__*/React.createElement(ThemeProvider, {
     value: {
       theme
     }
-  }, /*#__PURE__*/React__default.createElement(I18nProvider, {
+  }, /*#__PURE__*/React.createElement(I18nProvider, {
     locale: locale
-  }, children))), /*#__PURE__*/React__default.createElement(RadarSvgLinearGradient, null));
+  }, children))), /*#__PURE__*/React.createElement(RadarSvgLinearGradient, null));
 });
 AppContainer.className = CLASSNAME;
 AppContainer.displayName = COMPONENT_NAME;

package/components/app-container/AppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppContainer.js","sources":["../../../src/components/app-container/AppContainer.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef, useState } from 'react';\nimport { I18nProvider } from '../../react-aria/react-aria/i18n';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { AppContainerProps } from './types';\nimport { AppContainerContext } from './context';\nimport { StyledAppContainer } from './styles';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { BreadcrumbItemProps } from '../breadcrumb-item';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppContainer';\nconst CLASSNAME = 'redsift-app-container';\n\nexport const RadarSvgLinearGradient: React.FC = () => (\n  <svg width=\"0\" height=\"0\">\n    <linearGradient id=\"radar-gradient-default\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(81, 183, 164, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(0, 129, 195, 1)\" offset=\"100%\" />\n    </linearGradient>\n    <linearGradient id=\"radar-gradient-hover\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(65, 146, 131, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(3, 114, 171, 1)\" offset=\"100%\" />\n    </linearGradient>\n    <linearGradient id=\"radar-gradient-active\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(58, 122, 110, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(0, 96, 145, 1)\" offset=\"100%\" />\n    </linearGradient>\n  </svg>\n);\n\n/**\n * The AppContainer component.\n */\nexport const AppContainer: Comp<AppContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const _ref = useRef<HTMLDivElement>();\n  const divRef = ref || _ref;\n\n  const { children, className, locale, product, theme: propsTheme, isFullScreen = false, ...forwardedProps } = props;\n  const theme = useTheme(propsTheme);\n\n  const [sidePanelVariant, setSidePanelVariant] = useState<AppSidePanelVariant>(\n    isFullScreen ? AppSidePanelVariant.hidden : AppSidePanelVariant.standard\n  );\n  const [breadcrumbs, setBreadcrumbs] = useState<Omit<BreadcrumbItemProps, 'ref'>[] | undefined>();\n\n  useEffect(() => {\n    if (isFullScreen && sidePanelVariant !== AppSidePanelVariant.hidden) {\n      setSidePanelVariant(AppSidePanelVariant.hidden);\n    } else if (!isFullScreen && sidePanelVariant !== AppSidePanelVariant.standard) {\n      setSidePanelVariant(AppSidePanelVariant.standard);\n    }\n  }, [isFullScreen]);\n\n  const state = {\n    collapseSidePanel() {\n      setSidePanelVariant(AppSidePanelVariant.shrinked);\n    },\n    expandSidePanel() {\n      setSidePanelVariant(AppSidePanelVariant.standard);\n    },\n    setBreadcrumbs(breadcrumbs: Omit<BreadcrumbItemProps, 'ref'>[]) {\n      setBreadcrumbs(breadcrumbs);\n    },\n    product,\n    breadcrumbs,\n    sidePanelVariant,\n    setSidePanelVariant,\n    appContainerRef: divRef as RefObject<HTMLDivElement>,\n    isFullScreen,\n  };\n\n  return (\n    <StyledAppContainer\n      {...forwardedProps}\n      id=\"redsift-app-container\"\n      $theme={theme}\n      $product={product}\n      className={classNames(AppContainer.className, className)}\n      ref={divRef as RefObject<HTMLDivElement>}\n    >\n      <AppContainerContext.Provider value={state}>\n        <ThemeProvider value={{ theme }}>\n          <I18nProvider locale={locale}>{children}</I18nProvider>\n        </ThemeProvider>\n      </AppContainerContext.Provider>\n      <RadarSvgLinearGradient />\n    </StyledAppContainer>\n  );\n});\nAppContainer.className = CLASSNAME;\nAppContainer.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RadarSvgLinearGradient","React","createElement","width","height","id","x1","y1","x2","y2","stopColor","offset","AppContainer","forwardRef","props","ref","_ref","useRef","divRef","children","className","locale","product","theme","propsTheme","isFullScreen","forwardedProps","_objectWithoutProperties","_excluded","useTheme","sidePanelVariant","setSidePanelVariant","useState","AppSidePanelVariant","hidden","standard","breadcrumbs","setBreadcrumbs","useEffect","state","collapseSidePanel","shrinked","expandSidePanel","appContainerRef","StyledAppContainer","_extends","$theme","$product","classNames","AppContainerContext","Provider","value","ThemeProvider","I18nProvider","displayName"],"mappings":";;;;;;;;;;;AAWA,MAAMA,cAAc,GAAG,cAAc,CAAA;AACrC,MAAMC,SAAS,GAAG,uBAAuB,CAAA;MAE5BC,sBAAgC,GAAGA,mBAC9CC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,EAAAA,KAAK,EAAC,GAAG;AAACC,EAAAA,MAAM,EAAC,GAAA;AAAG,CACvBH,eAAAA,cAAA,CAAAC,aAAA,CAAA,gBAAA,EAAA;AAAgBG,EAAAA,EAAE,EAAC,wBAAwB;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,IAAI;AAACC,EAAAA,EAAE,EAAC,IAAA;AAAI,CAC7ER,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,uBAAuB;AAACC,EAAAA,MAAM,EAAC,IAAA;AAAI,CAAE,CAAC,eACtDV,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,sBAAsB;AAACC,EAAAA,MAAM,EAAC,MAAA;AAAM,CAAE,CACxC,CAAC,eACjBV,cAAA,CAAAC,aAAA,CAAA,gBAAA,EAAA;AAAgBG,EAAAA,EAAE,EAAC,sBAAsB;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,IAAI;AAACC,EAAAA,EAAE,EAAC,IAAA;AAAI,CAC3ER,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,uBAAuB;AAACC,EAAAA,MAAM,EAAC,IAAA;AAAI,CAAE,CAAC,eACtDV,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,sBAAsB;AAACC,EAAAA,MAAM,EAAC,MAAA;AAAM,CAAE,CACxC,CAAC,eACjBV,cAAA,CAAAC,aAAA,CAAA,gBAAA,EAAA;AAAgBG,EAAAA,EAAE,EAAC,uBAAuB;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,MAAM;AAACC,EAAAA,EAAE,EAAC,IAAI;AAACC,EAAAA,EAAE,EAAC,IAAA;AAAI,CAC5ER,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,uBAAuB;AAACC,EAAAA,MAAM,EAAC,IAAA;AAAI,CAAE,CAAC,eACtDV,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,EAAAA,SAAS,EAAC,qBAAqB;AAACC,EAAAA,MAAM,EAAC,MAAA;AAAM,CAAE,CACvC,CACb,EACN;;AAED;AACA;AACA;AACO,MAAMC,YAAqD,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;AAC9F,EAAA,MAAMC,IAAI,GAAGC,MAAM,EAAkB,CAAA;AACrC,EAAA,MAAMC,MAAM,GAAGH,GAAG,IAAIC,IAAI,CAAA;EAE1B,MAAM;MAAEG,QAAQ;MAAEC,SAAS;MAAEC,MAAM;MAAEC,OAAO;AAAEC,MAAAA,KAAK,EAAEC,UAAU;AAAEC,MAAAA,YAAY,GAAG,KAAA;AAAyB,KAAC,GAAGX,KAAK;AAAxBY,IAAAA,cAAc,GAAAC,wBAAA,CAAKb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAClH,EAAA,MAAML,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,MAAM,CAACM,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,QAAQ,CACtDP,YAAY,GAAGQ,mBAAmB,CAACC,MAAM,GAAGD,mBAAmB,CAACE,QAClE,CAAC,CAAA;EACD,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,QAAQ,EAAkD,CAAA;AAEhGM,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIb,YAAY,IAAIK,gBAAgB,KAAKG,mBAAmB,CAACC,MAAM,EAAE;AACnEH,MAAAA,mBAAmB,CAACE,mBAAmB,CAACC,MAAM,CAAC,CAAA;KAChD,MAAM,IAAI,CAACT,YAAY,IAAIK,gBAAgB,KAAKG,mBAAmB,CAACE,QAAQ,EAAE;AAC7EJ,MAAAA,mBAAmB,CAACE,mBAAmB,CAACE,QAAQ,CAAC,CAAA;AACnD,KAAA;AACF,GAAC,EAAE,CAACV,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,MAAMc,KAAK,GAAG;AACZC,IAAAA,iBAAiBA,GAAG;AAClBT,MAAAA,mBAAmB,CAACE,mBAAmB,CAACQ,QAAQ,CAAC,CAAA;KAClD;AACDC,IAAAA,eAAeA,GAAG;AAChBX,MAAAA,mBAAmB,CAACE,mBAAmB,CAACE,QAAQ,CAAC,CAAA;KAClD;IACDE,cAAcA,CAACD,WAA+C,EAAE;MAC9DC,cAAc,CAACD,WAAW,CAAC,CAAA;KAC5B;IACDd,OAAO;IACPc,WAAW;IACXN,gBAAgB;IAChBC,mBAAmB;AACnBY,IAAAA,eAAe,EAAEzB,MAAmC;AACpDO,IAAAA,YAAAA;GACD,CAAA;EAED,oBACExB,cAAA,CAAAC,aAAA,CAAC0C,kBAAkB,EAAAC,QAAA,KACbnB,cAAc,EAAA;AAClBrB,IAAAA,EAAE,EAAC,uBAAuB;AAC1ByC,IAAAA,MAAM,EAAEvB,KAAM;AACdwB,IAAAA,QAAQ,EAAEzB,OAAQ;IAClBF,SAAS,EAAE4B,UAAU,CAACpC,YAAY,CAACQ,SAAS,EAAEA,SAAS,CAAE;AACzDL,IAAAA,GAAG,EAAEG,MAAAA;AAAoC,GAAA,CAAA,eAEzCjB,cAAA,CAAAC,aAAA,CAAC+C,mBAAmB,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEZ,KAAAA;AAAM,GAAA,eACzCtC,cAAA,CAAAC,aAAA,CAACkD,aAAa,EAAA;AAACD,IAAAA,KAAK,EAAE;AAAE5B,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,eAC9BtB,cAAA,CAAAC,aAAA,CAACmD,YAAY,EAAA;AAAChC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EAAEF,QAAuB,CACzC,CACa,CAAC,eAC/BlB,cAAA,CAAAC,aAAA,CAACF,sBAAsB,EAAE,IAAA,CACP,CAAC,CAAA;AAEzB,CAAC,EAAC;AACFY,YAAY,CAACQ,SAAS,GAAGrB,SAAS,CAAA;AAClCa,YAAY,CAAC0C,WAAW,GAAGxD,cAAc;;;;"}
+{"version":3,"file":"AppContainer.js","sources":["../../../src/components/app-container/AppContainer.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useEffect, useRef, useState } from 'react';\nimport { I18nProvider } from '../../react-aria/react-aria/i18n';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { AppContainerProps } from './types';\nimport { AppContainerContext } from './context';\nimport { StyledAppContainer } from './styles';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { BreadcrumbItemProps } from '../breadcrumb-item';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppContainer';\nconst CLASSNAME = 'redsift-app-container';\n\nexport const RadarSvgLinearGradient: React.FC = () => (\n  <svg width=\"0\" height=\"0\">\n    <linearGradient id=\"radar-gradient-default\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(81, 183, 164, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(0, 129, 195, 1)\" offset=\"100%\" />\n    </linearGradient>\n    <linearGradient id=\"radar-gradient-hover\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(65, 146, 131, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(3, 114, 171, 1)\" offset=\"100%\" />\n    </linearGradient>\n    <linearGradient id=\"radar-gradient-active\" x1=\"100%\" y1=\"100%\" x2=\"0%\" y2=\"0%\">\n      <stop stopColor=\"rgba(58, 122, 110, 1)\" offset=\"0%\" />\n      <stop stopColor=\"rgba(0, 96, 145, 1)\" offset=\"100%\" />\n    </linearGradient>\n  </svg>\n);\n\n/**\n * The AppContainer component.\n */\nexport const AppContainer: Comp<AppContainerProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const _ref = useRef<HTMLDivElement>();\n  const divRef = ref || _ref;\n\n  const { children, className, locale, product, theme: propsTheme, isFullScreen = false, ...forwardedProps } = props;\n  const theme = useTheme(propsTheme);\n\n  const [sidePanelVariant, setSidePanelVariant] = useState<AppSidePanelVariant>(\n    isFullScreen ? AppSidePanelVariant.hidden : AppSidePanelVariant.standard\n  );\n  const [breadcrumbs, setBreadcrumbs] = useState<Omit<BreadcrumbItemProps, 'ref'>[] | undefined>();\n\n  useEffect(() => {\n    if (isFullScreen && sidePanelVariant !== AppSidePanelVariant.hidden) {\n      setSidePanelVariant(AppSidePanelVariant.hidden);\n    } else if (!isFullScreen && sidePanelVariant !== AppSidePanelVariant.standard) {\n      setSidePanelVariant(AppSidePanelVariant.standard);\n    }\n  }, [isFullScreen]);\n\n  const state = {\n    collapseSidePanel() {\n      setSidePanelVariant(AppSidePanelVariant.shrinked);\n    },\n    expandSidePanel() {\n      setSidePanelVariant(AppSidePanelVariant.standard);\n    },\n    setBreadcrumbs(breadcrumbs: Omit<BreadcrumbItemProps, 'ref'>[]) {\n      setBreadcrumbs(breadcrumbs);\n    },\n    product,\n    breadcrumbs,\n    sidePanelVariant,\n    setSidePanelVariant,\n    appContainerRef: divRef as RefObject<HTMLDivElement>,\n    isFullScreen,\n  };\n\n  return (\n    <StyledAppContainer\n      {...forwardedProps}\n      id=\"redsift-app-container\"\n      $theme={theme}\n      $product={product}\n      className={classNames(AppContainer.className, className)}\n      ref={divRef as RefObject<HTMLDivElement>}\n    >\n      <AppContainerContext.Provider value={state}>\n        <ThemeProvider value={{ theme }}>\n          <I18nProvider locale={locale}>{children}</I18nProvider>\n        </ThemeProvider>\n      </AppContainerContext.Provider>\n      <RadarSvgLinearGradient />\n    </StyledAppContainer>\n  );\n});\nAppContainer.className = CLASSNAME;\nAppContainer.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","RadarSvgLinearGradient","React","createElement","width","height","id","x1","y1","x2","y2","stopColor","offset","AppContainer","forwardRef","props","ref","_ref","useRef","divRef","children","className","locale","product","theme","propsTheme","isFullScreen","forwardedProps","_objectWithoutProperties","_excluded","useTheme","sidePanelVariant","setSidePanelVariant","useState","AppSidePanelVariant","hidden","standard","breadcrumbs","setBreadcrumbs","useEffect","state","collapseSidePanel","shrinked","expandSidePanel","appContainerRef","StyledAppContainer","_extends","$theme","$product","classNames","AppContainerContext","Provider","value","ThemeProvider","I18nProvider","displayName"],"mappings":"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"}

package/components/app-container/context.js

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 
-const AppContainerContext = /*#__PURE__*/React__default.createContext(null);
+const AppContainerContext = /*#__PURE__*/React.createContext(null);
 
 export { AppContainerContext };
 //# sourceMappingURL=context.js.map

package/components/app-container/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/app-container/context.ts"],"sourcesContent":["import React from 'react';\nimport { AppContainerState } from './types';\n\nexport const AppContainerContext =\n  React.createContext<AppContainerState | null>(null);\n"],"names":["AppContainerContext","React","createContext"],"mappings":";;AAGO,MAAMA,mBAAmB,gBAC9BC,cAAK,CAACC,aAAa,CAA2B,IAAI;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/app-container/context.ts"],"sourcesContent":["import React from 'react';\nimport { AppContainerState } from './types';\n\nexport const AppContainerContext =\n  React.createContext<AppContainerState | null>(null);\n"],"names":["AppContainerContext","React","createContext"],"mappings":";;AAGO,MAAMA,mBAAmB,gBAC9BC,KAAK,CAACC,aAAa,CAA2B,IAAI;;;;"}

package/components/app-content/AppContent.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import classNames from 'classnames';
 import { AppContainerContext } from '../app-container/context.js';
 import { useIsLoaded } from '../../hooks/useIsLoaded.js';
@@ -26,7 +26,7 @@ const AppContent = /*#__PURE__*/forwardRef((props, ref) => {
   } = useIsLoaded();
   const appContainerState = useContext(AppContainerContext);
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledAppContent, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledAppContent, _extends({}, forwardedProps, {
     $isLoaded: isLoaded,
     $isSidePanelCollapsed: appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true,
     $isAppFullScreen: appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false,

package/components/app-content/AppContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppContent.js","sources":["../../../src/components/app-content/AppContent.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useContext } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { AppContainerContext } from '../app-container/context';\nimport { useIsLoaded } from '../../hooks/useIsLoaded';\nimport { StyledAppContent } from './styles';\nimport { AppContentProps } from './types';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppContent';\nconst CLASSNAME = 'redsift-app-content';\n\n/**\n * The AppContent component.\n */\nexport const AppContent: Comp<AppContentProps, HTMLElement> = forwardRef((props, ref) => {\n  const { children, className, theme: propsTheme, ...forwardedProps } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledAppContent\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={\n        appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true\n      }\n      $isAppFullScreen={appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false}\n      $theme={theme}\n      className={classNames(AppContent.className, className)}\n      ref={ref as RefObject<HTMLElement>}\n    >\n      {children}\n    </StyledAppContent>\n  );\n});\nAppContent.className = CLASSNAME;\nAppContent.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","AppContent","forwardRef","props","ref","children","className","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","useTheme","React","createElement","StyledAppContent","_extends","$isLoaded","$isSidePanelCollapsed","sidePanelVariant","AppSidePanelVariant","shrinked","$isAppFullScreen","hidden","$theme","classNames","displayName"],"mappings":";;;;;;;;;;AAUA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACO,MAAMC,UAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;EAE3E,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,WAAW,EAAE,CAAA;AAClC,EAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;AACzD,EAAA,MAAMT,KAAK,GAAGU,QAAQ,CAACT,UAAU,CAAC,CAAA;EAElC,oBACEU,cAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAAC,QAAA,KACXZ,cAAc,EAAA;AAClBa,IAAAA,SAAS,EAAEV,QAAS;IACpBW,qBAAqB,EACnBT,iBAAiB,GAAGA,iBAAiB,CAACU,gBAAgB,KAAKC,mBAAmB,CAACC,QAAQ,GAAG,IAC3F;IACDC,gBAAgB,EAAEb,iBAAiB,GAAGA,iBAAiB,CAACU,gBAAgB,KAAKC,mBAAmB,CAACG,MAAM,GAAG,KAAM;AAChHC,IAAAA,MAAM,EAAEtB,KAAM;IACdD,SAAS,EAAEwB,UAAU,CAAC7B,UAAU,CAACK,SAAS,EAAEA,SAAS,CAAE;AACvDF,IAAAA,GAAG,EAAEA,GAAAA;AAA8B,GAAA,CAAA,EAElCC,QACe,CAAC,CAAA;AAEvB,CAAC,EAAC;AACFJ,UAAU,CAACK,SAAS,GAAGN,SAAS,CAAA;AAChCC,UAAU,CAAC8B,WAAW,GAAGhC,cAAc;;;;"}
+{"version":3,"file":"AppContent.js","sources":["../../../src/components/app-content/AppContent.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useContext } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { AppContainerContext } from '../app-container/context';\nimport { useIsLoaded } from '../../hooks/useIsLoaded';\nimport { StyledAppContent } from './styles';\nimport { AppContentProps } from './types';\nimport { AppSidePanelVariant } from '../app-side-panel';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'AppContent';\nconst CLASSNAME = 'redsift-app-content';\n\n/**\n * The AppContent component.\n */\nexport const AppContent: Comp<AppContentProps, HTMLElement> = forwardRef((props, ref) => {\n  const { children, className, theme: propsTheme, ...forwardedProps } = props;\n\n  const { isLoaded } = useIsLoaded();\n  const appContainerState = useContext(AppContainerContext);\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledAppContent\n      {...forwardedProps}\n      $isLoaded={isLoaded}\n      $isSidePanelCollapsed={\n        appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true\n      }\n      $isAppFullScreen={appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false}\n      $theme={theme}\n      className={classNames(AppContent.className, className)}\n      ref={ref as RefObject<HTMLElement>}\n    >\n      {children}\n    </StyledAppContent>\n  );\n});\nAppContent.className = CLASSNAME;\nAppContent.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","AppContent","forwardRef","props","ref","children","className","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","isLoaded","useIsLoaded","appContainerState","useContext","AppContainerContext","useTheme","React","createElement","StyledAppContent","_extends","$isLoaded","$isSidePanelCollapsed","sidePanelVariant","AppSidePanelVariant","shrinked","$isAppFullScreen","hidden","$theme","classNames","displayName"],"mappings":";;;;;;;;;;AAUA,MAAMA,cAAc,GAAG,YAAY,CAAA;AACnC,MAAMC,SAAS,GAAG,qBAAqB,CAAA;;AAEvC;AACA;AACA;AACO,MAAMC,UAA8C,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACvF,MAAM;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;EAE3E,MAAM;AAAEC,IAAAA,QAAAA;GAAU,GAAGC,WAAW,EAAE,CAAA;AAClC,EAAA,MAAMC,iBAAiB,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;AACzD,EAAA,MAAMT,KAAK,GAAGU,QAAQ,CAACT,UAAU,CAAC,CAAA;EAElC,oBACEU,KAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAAC,QAAA,KACXZ,cAAc,EAAA;AAClBa,IAAAA,SAAS,EAAEV,QAAS;IACpBW,qBAAqB,EACnBT,iBAAiB,GAAGA,iBAAiB,CAACU,gBAAgB,KAAKC,mBAAmB,CAACC,QAAQ,GAAG,IAC3F;IACDC,gBAAgB,EAAEb,iBAAiB,GAAGA,iBAAiB,CAACU,gBAAgB,KAAKC,mBAAmB,CAACG,MAAM,GAAG,KAAM;AAChHC,IAAAA,MAAM,EAAEtB,KAAM;IACdD,SAAS,EAAEwB,UAAU,CAAC7B,UAAU,CAACK,SAAS,EAAEA,SAAS,CAAE;AACvDF,IAAAA,GAAG,EAAEA,GAAAA;AAA8B,GAAA,CAAA,EAElCC,QACe,CAAC,CAAA;AAEvB,CAAC,EAAC;AACFJ,UAAU,CAACK,SAAS,GAAGN,SAAS,CAAA;AAChCC,UAAU,CAAC8B,WAAW,GAAGhC,cAAc;;;;"}

package/components/app-side-panel/AppSidePanel.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useContext, useEffect } from 'react';
+import React, { forwardRef, useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import intlMessages from './intl/index.js';
 import { AppContainerContext } from '../app-container/context.js';
@@ -49,24 +49,24 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
   };
   const computedVariant = appContainerState ? appContainerState.sidePanelVariant : variant;
   const product = appContainerState && appContainerState.product;
-  return /*#__PURE__*/React__default.createElement(StyledAppSidePanel, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledAppSidePanel, _extends({}, forwardedProps, {
     $theme: theme,
     $variant: computedVariant,
     className: classNames(AppSidePanel.className, className),
     ref: ref
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${AppSidePanel.className}__header`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${AppSidePanel.className}-header__logo`
-  }, /*#__PURE__*/React__default.isValidElement(logo) ? logo : logo ? /*#__PURE__*/React__default.createElement("img", {
+  }, /*#__PURE__*/React.isValidElement(logo) ? logo : logo ? /*#__PURE__*/React.createElement("img", {
     src: logo.src,
     alt: logo.alt
-  }) : product && (typeof product === 'string' || product.logo) ? /*#__PURE__*/React__default.createElement(Icon, {
+  }) : product && (typeof product === 'string' || product.logo) ? /*#__PURE__*/React.createElement(Icon, {
     icon: typeof product === 'string' ? ProductLogo[product] : product.logo,
     size: {
       height: width && width > 1080 ? 41 : 36
     }
-  }) : null), /*#__PURE__*/React__default.createElement(IconButton, _extends({
+  }) : null), /*#__PURE__*/React.createElement(IconButton, _extends({
     className: `${AppSidePanel.className}-header__expand-button`
   }, iconButtonProps, {
     "aria-label": format('expand'),
@@ -75,7 +75,7 @@ const AppSidePanel = /*#__PURE__*/forwardRef((props, ref) => {
     ref: iconButtonRef,
     color: "grey",
     isDisabled: computedVariant === 'standard'
-  }))), featuredElements ? /*#__PURE__*/React__default.createElement("div", {
+  }))), featuredElements ? /*#__PURE__*/React.createElement("div", {
     className: `${AppSidePanel.className}__featured`
   }, featuredElements) : null, children);
 });

package/components/app-side-panel/AppSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidePanel.js","sources":["../../../src/components/app-side-panel/AppSidePanel.tsx"],"sourcesContent":["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"],"names":["COMPONENT_NAME","CLASSNAME","AppSidePanel","forwardRef","props","ref","children","className","featuredElements","iconButtonProps","iconButtonRef","logo","onOpen","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","width","useWindowSize","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","useEffect","sidePanelVariant","setSidePanelVariant","handleClose","event","expandSidePanel","computedVariant","product","React","createElement","StyledAppSidePanel","_extends","$theme","$variant","classNames","isValidElement","src","alt","Icon","icon","ProductLogo","size","height","IconButton","mdiMenu","onClick","color","isDisabled","displayName"],"mappings":"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"}
+{"version":3,"file":"AppSidePanel.js","sources":["../../../src/components/app-side-panel/AppSidePanel.tsx"],"sourcesContent":["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"],"names":["COMPONENT_NAME","CLASSNAME","AppSidePanel","forwardRef","props","ref","children","className","featuredElements","iconButtonProps","iconButtonRef","logo","onOpen","theme","propsTheme","variant","forwardedProps","_objectWithoutProperties","_excluded","width","useWindowSize","appContainerState","useContext","AppContainerContext","useTheme","format","useMessageFormatter","intlMessages","useEffect","sidePanelVariant","setSidePanelVariant","handleClose","event","expandSidePanel","computedVariant","product","React","createElement","StyledAppSidePanel","_extends","$theme","$variant","classNames","isValidElement","src","alt","Icon","icon","ProductLogo","size","height","IconButton","mdiMenu","onClick","color","isDisabled","displayName"],"mappings":"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"}

package/components/app-side-panel/useAppSidePanel.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import { useSideNavigationMenuBar } from '../side-navigation-menu-bar/useSideNavigationMenuBar.js';
 import { SideNavigationMenuBar } from '../side-navigation-menu-bar/SideNavigationMenuBar.js';
 
@@ -13,7 +13,7 @@ const useAppSidePanel = _ref => {
     isActive
   });
   return {
-    children: /*#__PURE__*/React__default.createElement(SideNavigationMenuBar, _extends({}, sideNavigationMenuBarProps, {
+    children: /*#__PURE__*/React.createElement(SideNavigationMenuBar, _extends({}, sideNavigationMenuBarProps, {
       "aria-label": "Navigation"
     }))
   };

package/components/app-side-panel/useAppSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAppSidePanel.js","sources":["../../../src/components/app-side-panel/useAppSidePanel.tsx"],"sourcesContent":["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":["useAppSidePanel","_ref","items","isActive","sideNavigationMenuBarProps","useSideNavigationMenuBar","children","React","createElement","SideNavigationMenuBar","_extends"],"mappings":";;;;;AAQaA,MAAAA,eAAe,GAAGC,IAAA,IAAwF;EAAA,IAAvF;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;AAAwC,GAAC,GAAAF,IAAA,CAAA;EAChF,MAAMG,0BAA0B,GAAGC,wBAAwB,CAAC;IAC1DH,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLG,QAAQ,eAAEC,cAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAAC,QAAA,CAAA,EAAA,EAAKN,0BAA0B,EAAA;MAAE,YAAW,EAAA,YAAA;KAAc,CAAA,CAAA;GAC3F,CAAA;AACH;;;;"}
+{"version":3,"file":"useAppSidePanel.js","sources":["../../../src/components/app-side-panel/useAppSidePanel.tsx"],"sourcesContent":["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":["useAppSidePanel","_ref","items","isActive","sideNavigationMenuBarProps","useSideNavigationMenuBar","children","React","createElement","SideNavigationMenuBar","_extends"],"mappings":";;;;;AAQaA,MAAAA,eAAe,GAAGC,IAAA,IAAwF;EAAA,IAAvF;IAAEC,KAAK;AAAEC,IAAAA,QAAAA;AAAwC,GAAC,GAAAF,IAAA,CAAA;EAChF,MAAMG,0BAA0B,GAAGC,wBAAwB,CAAC;IAC1DH,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,CAAC,CAAA;EAEF,OAAO;IACLG,QAAQ,eAAEC,KAAA,CAAAC,aAAA,CAACC,qBAAqB,EAAAC,QAAA,CAAA,EAAA,EAAKN,0BAA0B,EAAA;MAAE,YAAW,EAAA,YAAA;KAAc,CAAA,CAAA;GAC3F,CAAA;AACH;;;;"}

package/components/badge/Badge.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { StyledBadge } from './styles.js';
 import { BadgeVariant } from './types.js';
@@ -27,7 +27,7 @@ const Badge = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme(propsTheme);
   const color = [...Object.values(NotificationsColorPalette), ...Object.values(PresentationColorPalette)].includes(propsColor) ? propsColor : 'question';
   const variant = Object.values(BadgeVariant).includes(propsVariant) ? propsVariant : 'dot';
-  return /*#__PURE__*/React__default.createElement(StyledBadge, _extends({}, forwardedProps, {
+  return /*#__PURE__*/React.createElement(StyledBadge, _extends({}, forwardedProps, {
     $autoBreak: autoBreak,
     $color: color,
     $isReversed: isReversed,

package/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { NotificationsColorPalette, Comp, PresentationColorPalette } from '../../types';\nimport { StyledBadge } from './styles';\nimport { BadgeProps, BadgeVariant } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Badge';\nconst CLASSNAME = 'redsift-badge';\n\n/**\n * The Badge component.\n */\nexport const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoBreak,\n    children,\n    className,\n    color: propsColor,\n    isReversed,\n    theme: propsTheme,\n    variant: propsVariant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = [...Object.values(NotificationsColorPalette), ...Object.values(PresentationColorPalette)].includes(\n    propsColor!\n  )\n    ? propsColor\n    : 'question';\n  const variant = Object.values(BadgeVariant).includes(propsVariant!) ? propsVariant : 'dot';\n\n  return (\n    <StyledBadge\n      {...forwardedProps}\n      $autoBreak={autoBreak}\n      $color={color}\n      $isReversed={isReversed}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(Badge.className, `${Badge.className}-${variant}`, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {variant === BadgeVariant.standard ? children : null}\n    </StyledBadge>\n  );\n});\nBadge.className = CLASSNAME;\nBadge.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Badge","forwardRef","props","ref","autoBreak","children","className","color","propsColor","isReversed","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","NotificationsColorPalette","PresentationColorPalette","includes","BadgeVariant","React","createElement","StyledBadge","_extends","$autoBreak","$color","$isReversed","$theme","$variant","classNames","standard","displayName"],"mappings":";;;;;;;;;AAOA,MAAMA,cAAc,GAAG,OAAO,CAAA;AAC9B,MAAMC,SAAS,GAAG,eAAe,CAAA;;AAEjC;AACA;AACA;AACO,MAAMC,KAAuC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChF,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;MACjBC,UAAU;AACVC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAO,EAAEC,YAAAA;AAEX,KAAC,GAAGX,KAAK;AADJY,IAAAA,cAAc,GAAAC,wBAAA,CACfb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,EAAA,MAAMN,KAAK,GAAGO,QAAQ,CAACN,UAAU,CAAC,CAAA;EAClC,MAAMJ,KAAK,GAAG,CAAC,GAAGW,MAAM,CAACC,MAAM,CAACC,yBAAyB,CAAC,EAAE,GAAGF,MAAM,CAACC,MAAM,CAACE,wBAAwB,CAAC,CAAC,CAACC,QAAQ,CAC9Gd,UACF,CAAC,GACGA,UAAU,GACV,UAAU,CAAA;AACd,EAAA,MAAMI,OAAO,GAAGM,MAAM,CAACC,MAAM,CAACI,YAAY,CAAC,CAACD,QAAQ,CAACT,YAAa,CAAC,GAAGA,YAAY,GAAG,KAAK,CAAA;EAE1F,oBACEW,cAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,KACNb,cAAc,EAAA;AAClBc,IAAAA,UAAU,EAAExB,SAAU;AACtByB,IAAAA,MAAM,EAAEtB,KAAM;AACduB,IAAAA,WAAW,EAAErB,UAAW;AACxBsB,IAAAA,MAAM,EAAErB,KAAM;AACdsB,IAAAA,QAAQ,EAAEpB,OAAQ;AAClBN,IAAAA,SAAS,EAAE2B,UAAU,CAACjC,KAAK,CAACM,SAAS,EAAG,CAAA,EAAEN,KAAK,CAACM,SAAU,CAAGM,CAAAA,EAAAA,OAAQ,CAAC,CAAA,EAAEN,SAAS,CAAE;AACnFH,IAAAA,GAAG,EAAEA,GAAAA;GAEJS,CAAAA,EAAAA,OAAO,KAAKW,YAAY,CAACW,QAAQ,GAAG7B,QAAQ,GAAG,IACrC,CAAC,CAAA;AAElB,CAAC,EAAC;AACFL,KAAK,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC3BC,KAAK,CAACmC,WAAW,GAAGrC,cAAc;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { NotificationsColorPalette, Comp, PresentationColorPalette } from '../../types';\nimport { StyledBadge } from './styles';\nimport { BadgeProps, BadgeVariant } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Badge';\nconst CLASSNAME = 'redsift-badge';\n\n/**\n * The Badge component.\n */\nexport const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    autoBreak,\n    children,\n    className,\n    color: propsColor,\n    isReversed,\n    theme: propsTheme,\n    variant: propsVariant,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n  const color = [...Object.values(NotificationsColorPalette), ...Object.values(PresentationColorPalette)].includes(\n    propsColor!\n  )\n    ? propsColor\n    : 'question';\n  const variant = Object.values(BadgeVariant).includes(propsVariant!) ? propsVariant : 'dot';\n\n  return (\n    <StyledBadge\n      {...forwardedProps}\n      $autoBreak={autoBreak}\n      $color={color}\n      $isReversed={isReversed}\n      $theme={theme}\n      $variant={variant}\n      className={classNames(Badge.className, `${Badge.className}-${variant}`, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n    >\n      {variant === BadgeVariant.standard ? children : null}\n    </StyledBadge>\n  );\n});\nBadge.className = CLASSNAME;\nBadge.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","Badge","forwardRef","props","ref","autoBreak","children","className","color","propsColor","isReversed","theme","propsTheme","variant","propsVariant","forwardedProps","_objectWithoutProperties","_excluded","useTheme","Object","values","NotificationsColorPalette","PresentationColorPalette","includes","BadgeVariant","React","createElement","StyledBadge","_extends","$autoBreak","$color","$isReversed","$theme","$variant","classNames","standard","displayName"],"mappings":";;;;;;;;;AAOA,MAAMA,cAAc,GAAG,OAAO,CAAA;AAC9B,MAAMC,SAAS,GAAG,eAAe,CAAA;;AAEjC;AACA;AACA;AACO,MAAMC,KAAuC,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChF,MAAM;MACJC,SAAS;MACTC,QAAQ;MACRC,SAAS;AACTC,MAAAA,KAAK,EAAEC,UAAU;MACjBC,UAAU;AACVC,MAAAA,KAAK,EAAEC,UAAU;AACjBC,MAAAA,OAAO,EAAEC,YAAAA;AAEX,KAAC,GAAGX,KAAK;AADJY,IAAAA,cAAc,GAAAC,wBAAA,CACfb,KAAK,EAAAc,SAAA,CAAA,CAAA;AAET,EAAA,MAAMN,KAAK,GAAGO,QAAQ,CAACN,UAAU,CAAC,CAAA;EAClC,MAAMJ,KAAK,GAAG,CAAC,GAAGW,MAAM,CAACC,MAAM,CAACC,yBAAyB,CAAC,EAAE,GAAGF,MAAM,CAACC,MAAM,CAACE,wBAAwB,CAAC,CAAC,CAACC,QAAQ,CAC9Gd,UACF,CAAC,GACGA,UAAU,GACV,UAAU,CAAA;AACd,EAAA,MAAMI,OAAO,GAAGM,MAAM,CAACC,MAAM,CAACI,YAAY,CAAC,CAACD,QAAQ,CAACT,YAAa,CAAC,GAAGA,YAAY,GAAG,KAAK,CAAA;EAE1F,oBACEW,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,KACNb,cAAc,EAAA;AAClBc,IAAAA,UAAU,EAAExB,SAAU;AACtByB,IAAAA,MAAM,EAAEtB,KAAM;AACduB,IAAAA,WAAW,EAAErB,UAAW;AACxBsB,IAAAA,MAAM,EAAErB,KAAM;AACdsB,IAAAA,QAAQ,EAAEpB,OAAQ;AAClBN,IAAAA,SAAS,EAAE2B,UAAU,CAACjC,KAAK,CAACM,SAAS,EAAG,CAAA,EAAEN,KAAK,CAACM,SAAU,CAAGM,CAAAA,EAAAA,OAAQ,CAAC,CAAA,EAAEN,SAAS,CAAE;AACnFH,IAAAA,GAAG,EAAEA,GAAAA;GAEJS,CAAAA,EAAAA,OAAO,KAAKW,YAAY,CAACW,QAAQ,GAAG7B,QAAQ,GAAG,IACrC,CAAC,CAAA;AAElB,CAAC,EAAC;AACFL,KAAK,CAACM,SAAS,GAAGP,SAAS,CAAA;AAC3BC,KAAK,CAACmC,WAAW,GAAGrC,cAAc;;;;"}

package/components/breadcrumb-item/BreadcrumbItem.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound.js';
 import { StyledBreadcrumbItem } from './styles.js';
@@ -25,7 +25,7 @@ const BreadcrumbItem = /*#__PURE__*/forwardRef((props, ref) => {
     forwardedProps = _objectWithoutProperties(props, _excluded);
   warnIfNoAccessibleLabelFound(props, [children], 'BreadcrumbItem');
   const theme = useTheme(propsTheme);
-  return /*#__PURE__*/React__default.createElement(StyledBreadcrumbItem, _extends({
+  return /*#__PURE__*/React.createElement(StyledBreadcrumbItem, _extends({
     as: as || 'a',
     role: !isCurrent ? 'link' : undefined,
     tabIndex: !isDisabled && !isCurrent ? 0 : undefined

package/components/breadcrumb-item/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { StyledBreadcrumbItem } from './styles';\nimport { BreadcrumbItemProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'BreadcrumbItem';\nconst CLASSNAME = 'redsift-breadcrumb-item';\n\n/**\n * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const { as, children, className, href, isCurrent, isDisabled, theme: propsTheme, ...forwardedProps } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children], 'BreadcrumbItem');\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledBreadcrumbItem\n      as={(as || 'a') as any}\n      role={!isCurrent ? 'link' : undefined}\n      tabIndex={!isDisabled && !isCurrent ? 0 : undefined}\n      {...forwardedProps}\n      $isCurrent={isCurrent}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      aria-current={isCurrent ? 'page' : undefined}\n      aria-disabled={isDisabled || isCurrent}\n      className={classNames(BreadcrumbItem.className, className)}\n      href={!isDisabled && !isCurrent ? href : undefined}\n      ref={ref as RefObject<HTMLAnchorElement>}\n    >\n      {children}\n    </StyledBreadcrumbItem>\n  );\n});\nBreadcrumbItem.className = CLASSNAME;\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","BreadcrumbItem","forwardRef","props","ref","as","children","className","href","isCurrent","isDisabled","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","useTheme","React","createElement","StyledBreadcrumbItem","_extends","role","undefined","tabIndex","$isCurrent","$isDisabled","$theme","classNames","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAA4D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrG,MAAM;MAAEC,EAAE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,IAAI;MAAEC,SAAS;MAAEC,UAAU;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGT,KAAK;AAAxBU,IAAAA,cAAc,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAE5GC,4BAA4B,CAACb,KAAK,EAAE,CAACG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAA;AAEjE,EAAA,MAAMK,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEM,cAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAAC,QAAA,CAAA;IACnBhB,EAAE,EAAGA,EAAE,IAAI,GAAY;AACvBiB,IAAAA,IAAI,EAAE,CAACb,SAAS,GAAG,MAAM,GAAGc,SAAU;IACtCC,QAAQ,EAAE,CAACd,UAAU,IAAI,CAACD,SAAS,GAAG,CAAC,GAAGc,SAAAA;AAAU,GAAA,EAChDV,cAAc,EAAA;AAClBY,IAAAA,UAAU,EAAEhB,SAAU;AACtBiB,IAAAA,WAAW,EAAEhB,UAAW;AACxBiB,IAAAA,MAAM,EAAEhB,KAAM;AACd,IAAA,cAAA,EAAcF,SAAS,GAAG,MAAM,GAAGc,SAAU;IAC7C,eAAeb,EAAAA,UAAU,IAAID,SAAU;IACvCF,SAAS,EAAEqB,UAAU,CAAC3B,cAAc,CAACM,SAAS,EAAEA,SAAS,CAAE;IAC3DC,IAAI,EAAE,CAACE,UAAU,IAAI,CAACD,SAAS,GAAGD,IAAI,GAAGe,SAAU;AACnDnB,IAAAA,GAAG,EAAEA,GAAAA;AAAoC,GAAA,CAAA,EAExCE,QACmB,CAAC,CAAA;AAE3B,CAAC,EAAC;AACFL,cAAc,CAACM,SAAS,GAAGP,SAAS,CAAA;AACpCC,cAAc,CAAC4B,WAAW,GAAG9B,cAAc;;;;"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/breadcrumb-item/BreadcrumbItem.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { Comp } from '../../types';\nimport { warnIfNoAccessibleLabelFound } from '../../utils/warnIfNoAccessibleLabelFound';\nimport { StyledBreadcrumbItem } from './styles';\nimport { BreadcrumbItemProps } from './types';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'BreadcrumbItem';\nconst CLASSNAME = 'redsift-breadcrumb-item';\n\n/**\n * The BreadcrumbItem components is a list of links to the parent pages of the current page in hierarchical order.\n */\nexport const BreadcrumbItem: Comp<BreadcrumbItemProps, HTMLAnchorElement> = forwardRef((props, ref) => {\n  const { as, children, className, href, isCurrent, isDisabled, theme: propsTheme, ...forwardedProps } = props;\n\n  warnIfNoAccessibleLabelFound(props, [children], 'BreadcrumbItem');\n\n  const theme = useTheme(propsTheme);\n\n  return (\n    <StyledBreadcrumbItem\n      as={(as || 'a') as any}\n      role={!isCurrent ? 'link' : undefined}\n      tabIndex={!isDisabled && !isCurrent ? 0 : undefined}\n      {...forwardedProps}\n      $isCurrent={isCurrent}\n      $isDisabled={isDisabled}\n      $theme={theme}\n      aria-current={isCurrent ? 'page' : undefined}\n      aria-disabled={isDisabled || isCurrent}\n      className={classNames(BreadcrumbItem.className, className)}\n      href={!isDisabled && !isCurrent ? href : undefined}\n      ref={ref as RefObject<HTMLAnchorElement>}\n    >\n      {children}\n    </StyledBreadcrumbItem>\n  );\n});\nBreadcrumbItem.className = CLASSNAME;\nBreadcrumbItem.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","BreadcrumbItem","forwardRef","props","ref","as","children","className","href","isCurrent","isDisabled","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","warnIfNoAccessibleLabelFound","useTheme","React","createElement","StyledBreadcrumbItem","_extends","role","undefined","tabIndex","$isCurrent","$isDisabled","$theme","classNames","displayName"],"mappings":";;;;;;;;AAQA,MAAMA,cAAc,GAAG,gBAAgB,CAAA;AACvC,MAAMC,SAAS,GAAG,yBAAyB,CAAA;;AAE3C;AACA;AACA;AACO,MAAMC,cAA4D,gBAAGC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrG,MAAM;MAAEC,EAAE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,IAAI;MAAEC,SAAS;MAAEC,UAAU;AAAEC,MAAAA,KAAK,EAAEC,UAAAA;AAA8B,KAAC,GAAGT,KAAK;AAAxBU,IAAAA,cAAc,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAE5GC,4BAA4B,CAACb,KAAK,EAAE,CAACG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAA;AAEjE,EAAA,MAAMK,KAAK,GAAGM,QAAQ,CAACL,UAAU,CAAC,CAAA;AAElC,EAAA,oBACEM,KAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAAC,QAAA,CAAA;IACnBhB,EAAE,EAAGA,EAAE,IAAI,GAAY;AACvBiB,IAAAA,IAAI,EAAE,CAACb,SAAS,GAAG,MAAM,GAAGc,SAAU;IACtCC,QAAQ,EAAE,CAACd,UAAU,IAAI,CAACD,SAAS,GAAG,CAAC,GAAGc,SAAAA;AAAU,GAAA,EAChDV,cAAc,EAAA;AAClBY,IAAAA,UAAU,EAAEhB,SAAU;AACtBiB,IAAAA,WAAW,EAAEhB,UAAW;AACxBiB,IAAAA,MAAM,EAAEhB,KAAM;AACd,IAAA,cAAA,EAAcF,SAAS,GAAG,MAAM,GAAGc,SAAU;IAC7C,eAAeb,EAAAA,UAAU,IAAID,SAAU;IACvCF,SAAS,EAAEqB,UAAU,CAAC3B,cAAc,CAACM,SAAS,EAAEA,SAAS,CAAE;IAC3DC,IAAI,EAAE,CAACE,UAAU,IAAI,CAACD,SAAS,GAAGD,IAAI,GAAGe,SAAU;AACnDnB,IAAAA,GAAG,EAAEA,GAAAA;AAAoC,GAAA,CAAA,EAExCE,QACmB,CAAC,CAAA;AAE3B,CAAC,EAAC;AACFL,cAAc,CAACM,SAAS,GAAGP,SAAS,CAAA;AACpCC,cAAc,CAAC4B,WAAW,GAAG9B,cAAc;;;;"}