@redsift/design-system 11.6.0-muiv5-alpha.9 → 11.6.0-muiv5-alpha.11

package/_virtual/_internal/_rollupPluginBabelHelpers.js

@@ -0,0 +1,133 @@
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _classPrivateFieldGet(receiver, privateMap) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
+function _classPrivateFieldSet(receiver, privateMap, value) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
+  _classApplyDescriptorSet(receiver, descriptor, value);
+  return value;
+}
+function _classExtractFieldDescriptor(receiver, privateMap, action) {
+  if (!privateMap.has(receiver)) {
+    throw new TypeError("attempted to " + action + " private field on non-instance");
+  }
+  return privateMap.get(receiver);
+}
+function _classApplyDescriptorGet(receiver, descriptor) {
+  if (descriptor.get) {
+    return descriptor.get.call(receiver);
+  }
+  return descriptor.value;
+}
+function _classApplyDescriptorSet(receiver, descriptor, value) {
+  if (descriptor.set) {
+    descriptor.set.call(receiver, value);
+  } else {
+    if (!descriptor.writable) {
+      throw new TypeError("attempted to set read only private field");
+    }
+    descriptor.value = value;
+  }
+}
+function _checkPrivateRedeclaration(obj, privateCollection) {
+  if (privateCollection.has(obj)) {
+    throw new TypeError("Cannot initialize the same private elements twice on an object");
+  }
+}
+function _classPrivateFieldInitSpec(obj, privateMap, value) {
+  _checkPrivateRedeclaration(obj, privateMap);
+  privateMap.set(obj, value);
+}
+
+export { _checkPrivateRedeclaration as checkPrivateRedeclaration, _classApplyDescriptorGet as classApplyDescriptorGet, _classApplyDescriptorSet as classApplyDescriptorSet, _classExtractFieldDescriptor as classExtractFieldDescriptor, _classPrivateFieldGet as classPrivateFieldGet, _classPrivateFieldInitSpec as classPrivateFieldInitSpec, _classPrivateFieldSet as classPrivateFieldSet, _defineProperty as defineProperty, _extends as extends, _objectSpread2 as objectSpread2, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _toPrimitive as toPrimitive, _toPropertyKey as toPropertyKey };
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/_virtual/_internal/jsx-runtime.js

@@ -0,0 +1,4 @@
+var jsxRuntime = {exports: {}};
+
+export { jsxRuntime as __module };
+//# sourceMappingURL=jsx-runtime.js.map

package/_virtual/_internal/jsx-runtime.js.map

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

package/_virtual/_internal/react-jsx-runtime.development.js

@@ -0,0 +1,4 @@
+var reactJsxRuntime_development = {};
+
+export { reactJsxRuntime_development as __exports };
+//# sourceMappingURL=react-jsx-runtime.development.js.map

package/_virtual/_internal/react-jsx-runtime.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/_virtual/_internal/react-jsx-runtime.production.min.js

@@ -0,0 +1,4 @@
+var reactJsxRuntime_production_min = {};
+
+export { reactJsxRuntime_production_min as __exports };
+//# sourceMappingURL=react-jsx-runtime.production.min.js.map

package/_virtual/_internal/react-jsx-runtime.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/package.json

@@ -33,7 +33,7 @@
     "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
   },
   "types": "index.d.ts",
-  "version": "11.6.0-muiv5-alpha.9",
+  "version": "11.6.0-muiv5-alpha.11",
   "dependencies": {
     "@react-spring/web": "^9.7.1",
     "classnames": "^2.3.1",
@@ -100,5 +100,5 @@
     "react-dom": ">=17",
     "styled-components": "^5.3.5"
   },
-  "gitHead": "233a8f0a7ffeaf1ca8477a5dbf947a453ab2fb33"
+  "gitHead": "aa2b60078c31ab64a6d5d7d77aa7a9dc71eb4031"
 }

package/packages/design-system/src/components/alert/_internal/Alert2.js

@@ -0,0 +1,117 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { 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';
+import { StyledAlert } from './styles.js';
+import { AlertVariant, AlertStyleVariant } from './types.js';
+import { useMessageFormatter } from '../../../react-aria/react-aria/i18n/_internal/useMessageFormatter.js';
+import { Flexbox } from '../../flexbox/_internal/Flexbox2.js';
+import { Text } from '../../text/_internal/Text2.js';
+import { RedsiftTypographyFontWeightSemiBold } from '../../../utils/_internal/redsift-design-tokens.js';
+import { IconButton } from '../../icon-button/_internal/IconButton.js';
+import { useTheme } from '../../theme/_internal/useTheme.js';
+import { Icon } from '../../icon/_internal/Icon2.js';
+import { Theme, NotificationsColorPalette } from '../../../types/_internal/colors.js';
+
+const _excluded = ["children", "className", "isClosable", "isClosed", "onClose", "theme", "title", "variant", "styleVariant"];
+const COMPONENT_NAME = 'Alert';
+const CLASSNAME = 'redsift-alert';
+const getVariant = (variant, styleVariant, theme) => {
+  switch (variant) {
+    case AlertVariant.info:
+    default:
+      return {
+        color: theme === Theme.light ? NotificationsColorPalette.info : 'white',
+        icon: styleVariant == 'default' ? mdiInformation : mdiInformationOutline
+      };
+    case AlertVariant.error:
+      return {
+        color: theme === Theme.light ? NotificationsColorPalette.error : 'white',
+        icon: styleVariant == 'default' ? mdiAlertCircle : mdiAlertOutline
+      };
+    case AlertVariant.success:
+      return {
+        color: theme === Theme.light ? NotificationsColorPalette.success : 'white',
+        icon: styleVariant == 'default' ? mdiCheckCircle : mdiCheck
+      };
+    case AlertVariant.warning:
+      return {
+        color: theme === Theme.light ? NotificationsColorPalette.warning : 'white',
+        icon: styleVariant == 'default' ? mdiAlert : mdiTriangleOutline
+      };
+  }
+};
+
+/**
+ * The Alert component.
+ */
+const Alert = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      children,
+      className,
+      isClosable,
+      isClosed: propsIsClosed,
+      onClose,
+      theme: propsTheme,
+      title,
+      variant: propsVariant,
+      styleVariant: propsStyleVariant
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  const variant = Object.values(AlertVariant).includes(propsVariant) ? propsVariant : 'info';
+  const styleVariant = Object.values(AlertStyleVariant).includes(propsStyleVariant) ? propsStyleVariant : 'default';
+  const format = useMessageFormatter(intlMessages);
+  const {
+    color,
+    icon
+  } = getVariant(variant, styleVariant, theme);
+  const [isClosed, setIsClosed] = useState(propsIsClosed);
+  useEffect(() => {
+    setIsClosed(propsIsClosed);
+  }, [propsIsClosed]);
+  const handleClose = useCallback(() => {
+    if (onClose) {
+      onClose(true);
+    }
+    if (propsIsClosed === undefined || propsIsClosed === null) {
+      setIsClosed(true);
+    }
+  }, [onClose]);
+  return /*#__PURE__*/React__default.createElement(StyledAlert, _extends({}, forwardedProps, {
+    className: classNames(Alert.className, className),
+    ref: ref,
+    $hasTitle: Boolean(title),
+    $isClosable: isClosable,
+    $isClosed: isClosed,
+    $theme: theme,
+    $variant: variant,
+    $styleVariant: styleVariant
+  }), /*#__PURE__*/React__default.createElement(Flexbox, {
+    className: `${Alert.className}__header`,
+    justifyContent: "space-between"
+  }, /*#__PURE__*/React__default.createElement(Flexbox, {
+    className: `${Alert.className}-header__title`,
+    gap: "14px",
+    alignItems: "center"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    icon: icon,
+    color: color
+  }), title ? /*#__PURE__*/React__default.createElement(Text, {
+    fontWeight: RedsiftTypographyFontWeightSemiBold
+  }, title) : null), isClosable ? /*#__PURE__*/React__default.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", {
+    className: `${Alert.className}__content`
+  }, children) : null);
+});
+Alert.className = CLASSNAME;
+Alert.displayName = COMPONENT_NAME;
+
+export { Alert };
+//# sourceMappingURL=Alert2.js.map

package/packages/design-system/src/components/alert/_internal/Alert2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert2.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/packages/design-system/src/components/alert/_internal/alert.js

@@ -0,0 +1,3 @@
+export { AlertStyleVariant, AlertVariant } from './types.js';
+export { Alert } from './Alert2.js';
+//# sourceMappingURL=alert.js.map

package/packages/design-system/src/components/alert/_internal/alert.js.map

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

package/packages/design-system/src/components/alert/_internal/styles.js

@@ -0,0 +1,54 @@
+import styled, { css } from 'styled-components';
+import { baseStyling } from '../../shared/_internal/styles.js';
+import { Theme } from '../../../types/_internal/colors.js';
+
+/**
+ * Component style.
+ */
+const StyledAlert = styled.div`
+  ${baseStyling}
+
+  padding: 16px;
+  ${_ref => {
+  let {
+    $hasTitle,
+    $isClosable,
+    $isClosed,
+    $variant,
+    $styleVariant,
+    $theme
+  } = _ref;
+  return css`
+    color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'white'});
+    display: ${!$isClosed ? 'block' : 'none'};
+    background-color: ${$styleVariant == 'minimal' ? `var(--redsift-color-neutral-${$theme !== Theme.light ? 'x-dark-grey' : 'white'})` : `var(--redsift-color-${$theme}-components-alert-${$variant}-background)`};
+
+    border: ${$styleVariant == 'minimal' ? `1px solid var(--redsift-color-${$theme}-components-alert-${$variant}-border)` : 'none'};
+    border-radius: ${$styleVariant == 'minimal' ? '8px' : '4px'};
+
+    .redsift-alert-header__icon-button {
+      background-color: transparent;
+      padding: 0px;
+      .redsift-icon {
+        color: var(--redsift-color-neutral-x-dark-grey);
+      }
+
+      &:hover,
+      &:focus-visible {
+        background-color: var(--redsift-color-notifications-${$variant}-active);
+      }
+    }
+
+    .redsift-alert__content {
+      margin-top: ${$hasTitle ? '8px' : '-24px'};
+      margin-left: 38px;
+      ${$isClosable ? css`
+            margin-right: 24px;
+          ` : ''};
+    }
+  `;
+}}
+`;
+
+export { StyledAlert };
+//# sourceMappingURL=styles.js.map

package/packages/design-system/src/components/alert/_internal/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/alert/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledAlertProps } from './types';\nimport { Theme } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledAlert = styled.div<StyledAlertProps>`\n  ${baseStyling}\n\n  padding: 16px;\n  ${({ $hasTitle, $isClosable, $isClosed, $variant, $styleVariant, $theme }) => css`\n    color: var(--redsift-color-neutral-${$theme === Theme.light ? 'x-dark-grey' : 'white'});\n    display: ${!$isClosed ? 'block' : 'none'};\n    background-color: ${$styleVariant == 'minimal'\n      ? `var(--redsift-color-neutral-${$theme !== Theme.light ? 'x-dark-grey' : 'white'})`\n      : `var(--redsift-color-${$theme}-components-alert-${$variant}-background)`};\n\n    border: ${$styleVariant == 'minimal'\n      ? `1px solid var(--redsift-color-${$theme}-components-alert-${$variant}-border)`\n      : 'none'};\n    border-radius: ${$styleVariant == 'minimal' ? '8px' : '4px'};\n\n    .redsift-alert-header__icon-button {\n      background-color: transparent;\n      padding: 0px;\n      .redsift-icon {\n        color: var(--redsift-color-neutral-x-dark-grey);\n      }\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--redsift-color-notifications-${$variant}-active);\n      }\n    }\n\n    .redsift-alert__content {\n      margin-top: ${$hasTitle ? '8px' : '-24px'};\n      margin-left: 38px;\n      ${$isClosable\n        ? css`\n            margin-right: 24px;\n          `\n        : ''};\n    }\n  `}\n`;\n"],"names":["StyledAlert","styled","div","baseStyling","_ref","$hasTitle","$isClosable","$isClosed","$variant","$styleVariant","$theme","css","Theme","light"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,WAAW,GAAGC,MAAM,CAACC,GAAsB,CAAA;AACxD,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;IAAEC,SAAS;IAAEC,WAAW;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,aAAa;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAN,IAAA,CAAA;AAAA,EAAA,OAAKO,GAAI,CAAA;AACpF,uCAAyCD,EAAAA,MAAM,KAAKE,KAAK,CAACC,KAAK,GAAG,aAAa,GAAG,OAAQ,CAAA;AAC1F,aAAA,EAAe,CAACN,SAAS,GAAG,OAAO,GAAG,MAAO,CAAA;AAC7C,sBAAwBE,EAAAA,aAAa,IAAI,SAAS,GACzC,+BAA8BC,MAAM,KAAKE,KAAK,CAACC,KAAK,GAAG,aAAa,GAAG,OAAQ,CAAE,CAAA,CAAA,GACjF,uBAAsBH,MAAO,CAAA,kBAAA,EAAoBF,QAAS,CAAc,YAAA,CAAA,CAAA;AACjF;AACA,YAAcC,EAAAA,aAAa,IAAI,SAAS,GAC/B,CAAA,8BAAA,EAAgCC,MAAO,CAAoBF,kBAAAA,EAAAA,QAAS,CAAS,QAAA,CAAA,GAC9E,MAAO,CAAA;AACf,mBAAA,EAAqBC,aAAa,IAAI,SAAS,GAAG,KAAK,GAAG,KAAM,CAAA;AAChE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4DAAA,EAA8DD,QAAS,CAAA;AACvE;AACA;AACA;AACA;AACA,kBAAA,EAAoBH,SAAS,GAAG,KAAK,GAAG,OAAQ,CAAA;AAChD;AACA,MAAQC,EAAAA,WAAW,GACTK,GAAI,CAAA;AACd;AACA,UAAA,CAAW,GACD,EAAG,CAAA;AACb;AACA,EAAG,CAAA,CAAA;AAAA,CAAC,CAAA;AACJ;;;;"}

package/packages/design-system/src/components/alert/_internal/types.js

@@ -0,0 +1,20 @@
+/**
+ * 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/packages/design-system/src/components/alert/_internal/types.js.map

@@ -0,0 +1 @@
+{"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/packages/design-system/src/components/alert/intl/_internal/en-US.js

@@ -0,0 +1,7 @@
+var close = "Close";
+var enUS = {
+	close: close
+};
+
+export { close, enUS as default };
+//# sourceMappingURL=en-US.js.map

package/packages/design-system/src/components/alert/intl/_internal/en-US.js.map

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

package/packages/design-system/src/components/alert/intl/_internal/fr-FR.js

@@ -0,0 +1,7 @@
+var close = "Fermer";
+var frFR = {
+	close: close
+};
+
+export { close, frFR as default };
+//# sourceMappingURL=fr-FR.js.map

package/packages/design-system/src/components/alert/intl/_internal/fr-FR.js.map

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

package/packages/design-system/src/components/alert/intl/index.js

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

package/packages/design-system/src/components/alert/intl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/alert/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/packages/design-system/src/components/app-bar/_internal/AppBar.js

@@ -0,0 +1,95 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
+import React__default, { 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/_internal/context.js';
+import { useIsLoaded } from '../../../hooks/_internal/useIsLoaded.js';
+import { StyledAppBar } from './styles.js';
+import { useMessageFormatter } from '../../../react-aria/react-aria/i18n/_internal/useMessageFormatter.js';
+import { Heading } from '../../heading/_internal/Heading2.js';
+import { Breadcrumbs } from '../../breadcrumbs/_internal/Breadcrumbs2.js';
+import { ProductName } from '../../../types/_internal/products.js';
+import { useTheme } from '../../theme/_internal/useTheme.js';
+import { AppSidePanelVariant } from '../../app-side-panel/_internal/types.js';
+import { IconButton } from '../../icon-button/_internal/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__default.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__default.createElement("div", {
+    className: `${AppBar.className}__left`
+  }, appContainerState ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      width: '30px',
+      height: '30px',
+      marginRight: '3px'
+    }
+  }) : /*#__PURE__*/React__default.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__default.createElement(React__default.Fragment, null, propsTitle) : typeof propsTitle === 'string' ? /*#__PURE__*/React__default.createElement(Heading, {
+    as: "h1"
+  }, propsTitle) : breadcrumbs ? /*#__PURE__*/React__default.createElement(Breadcrumbs, {
+    "aria-label": "Breadcrumb"
+  }, appContainerState && appContainerState.sidePanelVariant === AppSidePanelVariant.shrinked ? /*#__PURE__*/React__default.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({
+    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, {
+    as: "h1"
+  }, fallbackTitle) : null), children ? /*#__PURE__*/React__default.createElement("div", {
+    className: `${AppBar.className}__right`
+  }, children) : null);
+});
+AppBar.className = CLASSNAME;
+AppBar.displayName = COMPONENT_NAME;
+
+export { AppBar };
+//# sourceMappingURL=AppBar.js.map

package/packages/design-system/src/components/app-bar/_internal/AppBar.js.map

@@ -0,0 +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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"}

package/packages/design-system/src/components/app-bar/_internal/app-bar.js

@@ -0,0 +1,2 @@
+export { AppBar } from './AppBar.js';
+//# sourceMappingURL=app-bar.js.map