@redsift/design-system 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.5

package/components/alert/types.js

@@ -1,20 +0,0 @@
-/**
- * Component variant.
- */
-const AlertVariant = {
-  success: 'success',
-  error: 'error',
-  warning: 'warning',
-  info: 'info'
-};
-const AlertStyleVariant = {
-  default: 'default',
-  minimal: 'minimal'
-};
-
-/**
- * Component props.
- */
-
-export { AlertStyleVariant, AlertVariant };
-//# sourceMappingURL=types.js.map

package/components/alert/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/alert/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, StylingProps, Theme } from '../..';\n\n/**\n * Component variant.\n */\nexport const AlertVariant = {\n  success: 'success',\n  error: 'error',\n  warning: 'warning',\n  info: 'info',\n} as const;\nexport type AlertVariant = ValueOf<typeof AlertVariant>;\n\nexport const AlertStyleVariant = {\n  default: 'default',\n  minimal: 'minimal',\n} as const;\nexport type AlertStyleVariant = ValueOf<typeof AlertStyleVariant>;\n\n/**\n * Component props.\n */\nexport interface AlertProps extends ComponentProps<'div'>, StylingProps {\n  /** Whether the component can be closed or not. */\n  isClosable?: boolean;\n  /** Whether the component is closed or not. Used for controlled version. */\n  isClosed?: boolean;\n  /** Method to handle component change. */\n  onClose?(isClosed: boolean): void;\n  /** Title. */\n  title?: string;\n  /** Theme. */\n  theme?: Theme;\n  /** Variant */\n  variant?: AlertVariant;\n  /** Style variant. */\n  styleVariant?: AlertStyleVariant;\n}\n\nexport type StyledAlertProps = Omit<AlertProps, 'variant' | 'styleVariant'> & {\n  $hasTitle: boolean;\n  $isClosable: AlertProps['isClosable'];\n  $isClosed: AlertProps['isClosed'];\n  $variant: AlertProps['variant'];\n  $theme: AlertProps['theme'];\n  $styleVariant: AlertProps['styleVariant'];\n};\n"],"names":["AlertVariant","success","error","warning","info","AlertStyleVariant","default","minimal"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,YAAY,GAAG;AAC1BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAU;AAGH,MAAMC,iBAAiB,GAAG;AAC/BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAA;AACX,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/app-bar/AppBar.d.ts

@@ -1,9 +0,0 @@
-import { AppBarProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * The AppBar component.
- */
-declare const AppBar: Comp<AppBarProps, HTMLHeadingElement>;
-
-export { AppBar };

package/components/app-bar/AppBar.js

@@ -1,95 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import intlMessages from './intl/index.js';
-import { mdiMenuOpen } from '@redsift/icons';
-import { AppContainerContext } from '../app-container/context.js';
-import { useIsLoaded } from '../../hooks/useIsLoaded.js';
-import { StyledAppBar } from './styles.js';
-import { useMessageFormatter } from '../../react-aria/react-aria/i18n/useMessageFormatter.js';
-import { Heading } from '../heading/Heading.js';
-import { Breadcrumbs } from '../breadcrumbs/Breadcrumbs.js';
-import { ProductName } from '../../types/products.js';
-import { useTheme } from '../theme/useTheme.js';
-import { AppSidePanelVariant } from '../app-side-panel/types.js';
-import { IconButton } from '../icon-button/IconButton.js';
-
-const _excluded = ["breadcrumbs", "children", "className", "iconButtonProps", "iconButtonRef", "fallbackTitle", "theme", "title"];
-const COMPONENT_NAME = 'AppBar';
-const CLASSNAME = 'redsift-app-bar';
-
-/**
- * The AppBar component.
- */
-const AppBar = /*#__PURE__*/forwardRef((props, ref) => {
-  var _breadcrumbs$, _appContainerState$pr;
-  const {
-      breadcrumbs,
-      children,
-      className,
-      iconButtonProps,
-      iconButtonRef,
-      fallbackTitle,
-      theme: propsTheme,
-      title: propsTitle
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const [scroll, setScroll] = useState(false);
-  useEffect(() => {
-    window.addEventListener('scroll', () => {
-      setScroll(window.scrollY > 8);
-    });
-  }, []);
-  const {
-    isLoaded
-  } = useIsLoaded();
-  const appContainerState = useContext(AppContainerContext);
-  const theme = useTheme(propsTheme);
-  const format = useMessageFormatter(intlMessages);
-  return /*#__PURE__*/React.createElement(StyledAppBar, _extends({}, forwardedProps, {
-    $hasBorder: scroll,
-    $isLoaded: isLoaded,
-    $isSidePanelCollapsed: appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked : true,
-    $isAppFullScreen: appContainerState ? appContainerState.sidePanelVariant === AppSidePanelVariant.hidden : false,
-    $theme: theme,
-    className: classNames(AppBar.className, className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("div", {
-    className: `${AppBar.className}__left`
-  }, appContainerState ? /*#__PURE__*/React.createElement(React.Fragment, null, appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React.createElement("div", {
-    style: {
-      width: '30px',
-      height: '30px',
-      marginRight: '3px'
-    }
-  }) : /*#__PURE__*/React.createElement(IconButton, _extends({
-    className: `${AppBar.className}-left__collapse-button`
-  }, iconButtonProps, {
-    "aria-label": format('collapse'),
-    icon: mdiMenuOpen,
-    onClick: appContainerState.collapseSidePanel,
-    ref: iconButtonRef,
-    color: "grey"
-  }))) : 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.createElement(Breadcrumbs, {
-    "aria-label": "Breadcrumb"
-  }, 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.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.createElement(Heading, {
-    as: "h1"
-  }, fallbackTitle) : null), children ? /*#__PURE__*/React.createElement("div", {
-    className: `${AppBar.className}__right`
-  }, children) : null);
-});
-AppBar.className = CLASSNAME;
-AppBar.displayName = COMPONENT_NAME;
-
-export { AppBar };
-//# sourceMappingURL=AppBar.js.map

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

@@ -1 +0,0 @@
-{"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-bar/intl/en-US.json.js

@@ -1,9 +0,0 @@
-var expand = "Expand left side panel";
-var collapse = "Collapse left side panel";
-var enUS = {
-	expand: expand,
-	collapse: collapse
-};
-
-export { collapse, enUS as default, expand };
-//# sourceMappingURL=en-US.json.js.map

package/components/app-bar/intl/en-US.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-US.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/components/app-bar/intl/fr-FR.json.js

@@ -1,9 +0,0 @@
-var expand = "Développer le panneau latéral gauche";
-var collapse = "Réduire le panneau latéral gauche";
-var frFR = {
-	expand: expand,
-	collapse: collapse
-};
-
-export { collapse, frFR as default, expand };
-//# sourceMappingURL=fr-FR.json.js.map

package/components/app-bar/intl/fr-FR.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fr-FR.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/components/app-bar/intl/index.js

@@ -1,10 +0,0 @@
-import enUS from './en-US.json.js';
-import frFR from './fr-FR.json.js';
-
-var intlMessages = {
-  'en-US': enUS,
-  'fr-FR': frFR
-};
-
-export { intlMessages as default };
-//# sourceMappingURL=index.js.map

package/components/app-bar/intl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/app-bar/intl/index.ts"],"sourcesContent":["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"],"names":["enUS","frFR"],"mappings":";;;AAGA,mBAAe;AACb,EAAA,OAAO,EAAEA,IAAI;AACb,EAAA,OAAO,EAAEC,IAAAA;AACX,CAAC;;;;"}

package/components/app-bar/styles.js

@@ -1,139 +0,0 @@
-import styled, { css } from 'styled-components';
-
-/**
- * Component style.
- */
-const StyledAppBar = styled.header`
-  align-content: center;
-  align-items: center;
-
-  ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return css`
-    background-color: var(--redsift-color-${$theme}-components-app-bar-background);
-    color: var(--redsift-color-${$theme}-components-text);
-  `;
-}};
-
-  display: flex;
-  flex-direction: row;
-  z-index: var(--redsift-layout-z-index-header);
-
-  ${_ref2 => {
-  let {
-    $isAppFullScreen
-  } = _ref2;
-  return !$isAppFullScreen ? css`
-          height: 92px;
-          @media (max-width: 1080px) {
-            height: 72px;
-          }
-        ` : css`
-          height: 0;
-          visibility: hidden;
-          @media (max-width: 1080px) {
-            height: 0;
-          }
-        `;
-}}
-
-  justify-content: space-between;
-  left: 0;
-  position: sticky;
-  top: 0;
-
-  ${_ref3 => {
-  let {
-    $hasBorder,
-    $theme
-  } = _ref3;
-  return $hasBorder ? css`
-          border-bottom: 2px solid var(--redsift-color-${$theme}-components-app-bar-border);
-        ` : css`
-          border-bottom: none;
-        `;
-}}
-
-  ${_ref4 => {
-  let {
-    $isSidePanelCollapsed,
-    $isAppFullScreen
-  } = _ref4;
-  return $isAppFullScreen ? css`
-          width: calc(100%);
-        ` : !$isSidePanelCollapsed ? css`
-          transform: translate(254px);
-          width: calc(100% - 254px);
-        ` : css`
-          transform: translate(64px);
-          width: calc(100% - 64px);
-        `;
-}}
-
-  ${_ref5 => {
-  let {
-    $isLoaded
-  } = _ref5;
-  return $isLoaded ? css`
-          transition: transform 0.25s ease-out, width 0.25s ease-out, height 0.25s ease-out, visibility 0.25s ease-out;
-        ` : '';
-}}
-
-  h1 {
-    margin: unset;
-    padding: unset;
-  }
-
-  .redsift-icon-button {
-    > span,
-    > span > svg {
-      width: 30px;
-      height: 30px;
-    }
-  }
-
-  .redsift-app-bar__left {
-    align-content: center;
-    align-items: center;
-    display: inline-flex;
-    flex-direction: row;
-    gap: 8px;
-    justify-content: center;
-    margin-left: 19px;
-  }
-
-  .redsift-app-bar-left__expand-button,
-  .redsift-app-bar-left__collapse-button {
-    margin-right: 3px;
-    padding: 2px;
-    margin-left: -2px;
-  }
-
-  .redsift-app-bar__right {
-    display: inline-flex;
-    margin: 16px;
-  }
-
-  .redsift-breadcrumb-item,
-  .redsift-breadcrumbs__separator {
-    font-family: var(--redsift-typography-h1-font-family) !important;
-    font-size: var(--redsift-typography-h1-font-size) !important;
-    font-weight: var(--redsift-typography-body-font-weight) !important;
-    line-height: var(--redsift-typography-h1-line-height) !important;
-    color: ${_ref6 => {
-  let {
-    $theme
-  } = _ref6;
-  return css`var(--redsift-color-${$theme}-components-app-bar-breadcrumb-default) !important`;
-}};
-  }
-
-  h1.redsift-breadcrumb-item {
-    font-weight: var(--redsift-typography-h1-font-weight) !important;
-  }
-`;
-
-export { StyledAppBar };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/app-bar/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledAppBarProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppBar = styled.header<StyledAppBarProps>`\n  align-content: center;\n  align-items: center;\n\n  ${({ $theme }) => css`\n    background-color: var(--redsift-color-${$theme}-components-app-bar-background);\n    color: var(--redsift-color-${$theme}-components-text);\n  `};\n\n  display: flex;\n  flex-direction: row;\n  z-index: var(--redsift-layout-z-index-header);\n\n  ${({ $isAppFullScreen }) =>\n    !$isAppFullScreen\n      ? css`\n          height: 92px;\n          @media (max-width: 1080px) {\n            height: 72px;\n          }\n        `\n      : css`\n          height: 0;\n          visibility: hidden;\n          @media (max-width: 1080px) {\n            height: 0;\n          }\n        `}\n\n  justify-content: space-between;\n  left: 0;\n  position: sticky;\n  top: 0;\n\n  ${({ $hasBorder, $theme }) =>\n    $hasBorder\n      ? css`\n          border-bottom: 2px solid var(--redsift-color-${$theme}-components-app-bar-border);\n        `\n      : css`\n          border-bottom: none;\n        `}\n\n  ${({ $isSidePanelCollapsed, $isAppFullScreen }) =>\n    $isAppFullScreen\n      ? css`\n          width: calc(100%);\n        `\n      : !$isSidePanelCollapsed\n      ? css`\n          transform: translate(254px);\n          width: calc(100% - 254px);\n        `\n      : css`\n          transform: translate(64px);\n          width: calc(100% - 64px);\n        `}\n\n  ${({ $isLoaded }) =>\n    $isLoaded\n      ? css`\n          transition: transform 0.25s ease-out, width 0.25s ease-out, height 0.25s ease-out, visibility 0.25s ease-out;\n        `\n      : ''}\n\n  h1 {\n    margin: unset;\n    padding: unset;\n  }\n\n  .redsift-icon-button {\n    > span,\n    > span > svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  .redsift-app-bar__left {\n    align-content: center;\n    align-items: center;\n    display: inline-flex;\n    flex-direction: row;\n    gap: 8px;\n    justify-content: center;\n    margin-left: 19px;\n  }\n\n  .redsift-app-bar-left__expand-button,\n  .redsift-app-bar-left__collapse-button {\n    margin-right: 3px;\n    padding: 2px;\n    margin-left: -2px;\n  }\n\n  .redsift-app-bar__right {\n    display: inline-flex;\n    margin: 16px;\n  }\n\n  .redsift-breadcrumb-item,\n  .redsift-breadcrumbs__separator {\n    font-family: var(--redsift-typography-h1-font-family) !important;\n    font-size: var(--redsift-typography-h1-font-size) !important;\n    font-weight: var(--redsift-typography-body-font-weight) !important;\n    line-height: var(--redsift-typography-h1-line-height) !important;\n    color: ${({ $theme }) => css`var(--redsift-color-${$theme}-components-app-bar-breadcrumb-default) !important`};\n  }\n\n  h1.redsift-breadcrumb-item {\n    font-weight: var(--redsift-typography-h1-font-weight) !important;\n  }\n`;\n"],"names":["StyledAppBar","styled","header","_ref","$theme","css","_ref2","$isAppFullScreen","_ref3","$hasBorder","_ref4","$isSidePanelCollapsed","_ref5","$isLoaded","_ref6"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,MAA0B,CAAA;AAC7D;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKE,GAAI,CAAA;AACxB,0CAAA,EAA4CD,MAAO,CAAA;AACnD,+BAAA,EAAiCA,MAAO,CAAA;AACxC,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,gBAAAA;AAAiB,GAAC,GAAAD,KAAA,CAAA;EAAA,OACrB,CAACC,gBAAgB,GACbF,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ;AACA;AACA;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIG,KAAA,IAAA;EAAA,IAAC;IAAEC,UAAU;AAAEL,IAAAA,MAAAA;AAAO,GAAC,GAAAI,KAAA,CAAA;EAAA,OACvBC,UAAU,GACNJ,GAAI,CAAA;AACZ,uDAAA,EAAyDD,MAAO,CAAA;AAChE,QAAA,CAAS,GACDC,GAAI,CAAA;AACZ;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA,EAAA,EAAIK,KAAA,IAAA;EAAA,IAAC;IAAEC,qBAAqB;AAAEJ,IAAAA,gBAAAA;AAAiB,GAAC,GAAAG,KAAA,CAAA;EAAA,OAC5CH,gBAAgB,GACZF,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACD,CAACM,qBAAqB,GACtBN,GAAI,CAAA;AACZ;AACA;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA,EAAA,EAAIO,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAD,KAAA,CAAA;EAAA,OACdC,SAAS,GACLR,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAA,EAAaS,KAAA,IAAA;EAAA,IAAC;AAAEV,IAAAA,MAAAA;AAAO,GAAC,GAAAU,KAAA,CAAA;EAAA,OAAKT,GAAI,CAAsBD,oBAAAA,EAAAA,MAAO,CAAmD,kDAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAClH;AACA;AACA;AACA;AACA;AACA;;;;"}

package/components/app-bar/types.d.ts

@@ -1,31 +0,0 @@
-import { ComponentProps, RefObject, ReactElement } from 'react';
-import { BreadcrumbItemProps } from '../breadcrumb-item/types.js';
-import { IconButtonProps } from '../icon-button/types.js';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Component props.
- */
-interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
-    /** Array of breadcrumb item props to use to generate a Breadcrumbs in place of the title. The last item is considered as the current page. */
-    breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
-    /** Custom props to pass to the IconButton used to collapse the side panel. */
-    iconButtonProps?: Omit<IconButtonProps, 'icon'>;
-    /** Custom ref to pass to the IconButton used to collapse the side panel. */
-    iconButtonRef?: RefObject<HTMLButtonElement>;
-    /** Title of the page if no one provided automatically */
-    fallbackTitle?: string;
-    /** Title of the page, if no breadcrumbs used. */
-    title?: string | ReactElement;
-    /** Theme. */
-    theme?: Theme;
-}
-type StyledAppBarProps = AppBarProps & {
-    $hasBorder: boolean;
-    $isLoaded: boolean;
-    $isSidePanelCollapsed: boolean;
-    $isAppFullScreen: boolean;
-    $theme: AppBarProps['theme'];
-};
-
-export { AppBarProps, StyledAppBarProps };

package/components/app-container/AppContainer.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { AppContainerProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-declare const RadarSvgLinearGradient: React.FC;
-/**
- * The AppContainer component.
- */
-declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
-
-export { AppContainer, RadarSvgLinearGradient };

package/components/app-container/AppContainer.js

@@ -1,117 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { AppContainerContext } from './context.js';
-import { StyledAppContainer } from './styles.js';
-import { AppSidePanelVariant } from '../app-side-panel/types.js';
-import { I18nProvider } from '../../react-aria/react-aria/i18n/context.js';
-import { useTheme } from '../theme/useTheme.js';
-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.createElement("svg", {
-  width: "0",
-  height: "0"
-}, /*#__PURE__*/React.createElement("linearGradient", {
-  id: "radar-gradient-default",
-  x1: "100%",
-  y1: "100%",
-  x2: "0%",
-  y2: "0%"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(81, 183, 164, 1)",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(0, 129, 195, 1)",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "radar-gradient-hover",
-  x1: "100%",
-  y1: "100%",
-  x2: "0%",
-  y2: "0%"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(65, 146, 131, 1)",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(3, 114, 171, 1)",
-  offset: "100%"
-})), /*#__PURE__*/React.createElement("linearGradient", {
-  id: "radar-gradient-active",
-  x1: "100%",
-  y1: "100%",
-  x2: "0%",
-  y2: "0%"
-}, /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(58, 122, 110, 1)",
-  offset: "0%"
-}), /*#__PURE__*/React.createElement("stop", {
-  stopColor: "rgba(0, 96, 145, 1)",
-  offset: "100%"
-})));
-
-/**
- * The AppContainer component.
- */
-const AppContainer = /*#__PURE__*/forwardRef((props, ref) => {
-  const _ref = useRef();
-  const divRef = ref || _ref;
-  const {
-      children,
-      className,
-      locale,
-      product,
-      theme: propsTheme,
-      isFullScreen = false
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  const [sidePanelVariant, setSidePanelVariant] = useState(isFullScreen ? AppSidePanelVariant.hidden : AppSidePanelVariant.standard);
-  const [breadcrumbs, setBreadcrumbs] = useState();
-  useEffect(() => {
-    if (isFullScreen && sidePanelVariant !== AppSidePanelVariant.hidden) {
-      setSidePanelVariant(AppSidePanelVariant.hidden);
-    } else if (!isFullScreen && sidePanelVariant !== AppSidePanelVariant.standard) {
-      setSidePanelVariant(AppSidePanelVariant.standard);
-    }
-  }, [isFullScreen]);
-  const state = {
-    collapseSidePanel() {
-      setSidePanelVariant(AppSidePanelVariant.shrinked);
-    },
-    expandSidePanel() {
-      setSidePanelVariant(AppSidePanelVariant.standard);
-    },
-    setBreadcrumbs(breadcrumbs) {
-      setBreadcrumbs(breadcrumbs);
-    },
-    product,
-    breadcrumbs,
-    sidePanelVariant,
-    setSidePanelVariant,
-    appContainerRef: divRef,
-    isFullScreen
-  };
-  return /*#__PURE__*/React.createElement(StyledAppContainer, _extends({}, forwardedProps, {
-    id: "redsift-app-container",
-    $theme: theme,
-    $product: product,
-    className: classNames(AppContainer.className, className),
-    ref: divRef
-  }), /*#__PURE__*/React.createElement(AppContainerContext.Provider, {
-    value: state
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: {
-      theme
-    }
-  }, /*#__PURE__*/React.createElement(I18nProvider, {
-    locale: locale
-  }, children))), /*#__PURE__*/React.createElement(RadarSvgLinearGradient, null));
-});
-AppContainer.className = CLASSNAME;
-AppContainer.displayName = COMPONENT_NAME;
-
-export { AppContainer, RadarSvgLinearGradient };
-//# sourceMappingURL=AppContainer.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { AppContainerState } from './types.js';
-
-declare const AppContainerContext: React.Context<AppContainerState | null>;
-
-export { AppContainerContext };

package/components/app-container/context.js

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

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

@@ -1 +0,0 @@
-{"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-container/styles.js

@@ -1,30 +0,0 @@
-import styled from 'styled-components';
-
-/**
- * Component style.
- */
-const StyledAppContainer = styled.div`
-  box-sizing: content-box;
-
-  --redsift-color-text-primary: ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return `var(--redsift-color-${$theme}-components-text-primary);`;
-}};
-  --redsift-color-text-secondary: ${_ref2 => {
-  let {
-    $theme
-  } = _ref2;
-  return `var(--redsift-color-${$theme}-components-text-secondary);`;
-}};
-  color: ${_ref3 => {
-  let {
-    $theme
-  } = _ref3;
-  return `var(--redsift-color-${$theme}-components-text-primary)`;
-}};
-`;
-
-export { StyledAppContainer };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/app-container/styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledAppContainerProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledAppContainer = styled.div<StyledAppContainerProps>`\n  box-sizing: content-box;\n\n  --redsift-color-text-primary: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary);`};\n  --redsift-color-text-secondary: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-secondary);`};\n  color: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary)`};\n`;\n"],"names":["StyledAppContainer","styled","div","_ref","$theme","_ref2","_ref3"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,GAA6B,CAAA;AACtE;AACA;AACA,gCAAA,EAAkCC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBC,MAAO,CAA2B,0BAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAC5G,kCAAA,EAAoCC,KAAA,IAAA;EAAA,IAAC;AAAED,IAAAA,MAAAA;AAAO,GAAC,GAAAC,KAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBD,MAAO,CAA6B,4BAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAChH,SAAA,EAAWE,KAAA,IAAA;EAAA,IAAC;AAAEF,IAAAA,MAAAA;AAAO,GAAC,GAAAE,KAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBF,MAAO,CAA0B,yBAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACpF;;;;"}

package/components/app-container/types.d.ts

@@ -1,51 +0,0 @@
-import { Dispatch, SetStateAction, RefObject, ComponentProps, ReactElement } from 'react';
-import { AppSidePanelVariant } from '../app-side-panel/types.js';
-import { Product } from '../../types/products.js';
-import { BreadcrumbItemProps } from '../breadcrumb-item/types.js';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Context props.
- */
-type AppContainerState = {
-    /** Collapses the side panel. */
-    collapseSidePanel(): void;
-    /** Expandes the side panel. */
-    expandSidePanel(): void;
-    /** Product theme. */
-    product?: AppContainerProps['product'];
-    /** Set breadcrumbs of the page. */
-    setBreadcrumbs(breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[]): void;
-    /** Page breadcrumbs. */
-    readonly breadcrumbs?: Omit<BreadcrumbItemProps, 'ref'>[];
-    /** Side panel variant. */
-    sidePanelVariant: AppSidePanelVariant;
-    /** Change side panel variant. */
-    setSidePanelVariant: Dispatch<SetStateAction<AppSidePanelVariant>>;
-    /** AppContainer ref. */
-    appContainerRef: RefObject<HTMLDivElement>;
-    /** Whether the App takes the entire screen or not. */
-    isFullScreen?: boolean;
-};
-/**
- * Component props.
- */
-interface AppContainerProps extends ComponentProps<'div'> {
-    /** Whether the App takes the entire screen or not. */
-    isFullScreen?: boolean;
-    /** The locale to apply to the children. */
-    locale?: string;
-    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
-    product?: Product | {
-        name: string;
-        logo?: ReactElement;
-    };
-    /** Overall theme. */
-    theme?: Theme;
-}
-type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
-    $theme: Theme;
-    $product?: AppContainerProps['product'];
-};
-
-export { AppContainerProps, AppContainerState, StyledAppContainerProps };

package/components/app-content/AppContent.d.ts

@@ -1,9 +0,0 @@
-import { AppContentProps } from './types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * The AppContent component.
- */
-declare const AppContent: Comp<AppContentProps, HTMLElement>;
-
-export { AppContent };