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

package/components/checkbox-group/types.d.ts

@@ -1,72 +0,0 @@
-import { ComponentProps } from 'react';
-import { ValueOf } from '../../types/helpers.js';
-import { StylingProps } from '../../types/styles.js';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Context props.
- */
-type CheckboxGroupState = {
-    /** Adds a value to the set of selected values. */
-    addValue(value: string): void;
-    /** Whether the checkbox group is disabled or not. */
-    readonly isDisabled: boolean;
-    /** Whether the checkbox group is read only or not. */
-    readonly isReadOnly: boolean;
-    /** Removes a value from the set of selected values. */
-    removeValue(value: string): void;
-    /** Sets the selected values. */
-    setValue(value: string[]): void;
-    /** Current selected values. */
-    readonly value: readonly string[];
-};
-/**
- * Component orientation.
- */
-declare const CheckboxGroupOrientation: {
-    readonly vertical: "vertical";
-    readonly horizontal: "horizontal";
-};
-type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;
-/**
- * Component props.
- */
-interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {
-    /**
-     * Default selected values.
-     * Used for uncontrolled version.
-     */
-    defaultValues?: string[];
-    /** Description of the checkbox group. */
-    description?: string;
-    /** Whether the component is disabled or not. */
-    isDisabled?: boolean;
-    /** Whether the component is invalid or not. */
-    isInvalid?: boolean;
-    /** Whether the component is read only or not. */
-    isReadOnly?: boolean;
-    /** Whether the component is required or not. */
-    isRequired?: boolean;
-    /** Label of the checkbox group. */
-    label?: string;
-    /** Method to handle component change. */
-    onChange?(values: string[]): void;
-    /** Method to handle component change. */
-    orientation?: CheckboxGroupOrientation;
-    /** Theme. */
-    theme?: Theme;
-    /**
-     * Currently selected values.
-     * Used for controlled version.
-     */
-    value?: string[];
-}
-type StyledCheckboxGroupProps = Omit<CheckboxGroupProps, 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'> & {
-    $isDisabled: CheckboxGroupProps['isDisabled'];
-    $isInvalid: CheckboxGroupProps['isInvalid'];
-    $isReadOnly: CheckboxGroupProps['isReadOnly'];
-    $orientation: CheckboxGroupProps['orientation'];
-    $theme: CheckboxGroupProps['theme'];
-};
-
-export { CheckboxGroupOrientation, CheckboxGroupProps, CheckboxGroupState, StyledCheckboxGroupProps };

package/components/checkbox-group/types.js

@@ -1,18 +0,0 @@
-/**
- * Context props.
- */
-
-/**
- * Component orientation.
- */
-const CheckboxGroupOrientation = {
-  vertical: 'vertical',
-  horizontal: 'horizontal'
-};
-
-/**
- * Component props.
- */
-
-export { CheckboxGroupOrientation };
-//# sourceMappingURL=types.js.map

package/components/checkbox-group/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/checkbox-group/types.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { ValueOf, StylingProps, Theme } from '../../types';\n\n/**\n * Context props.\n */\nexport type CheckboxGroupState = {\n  /** Adds a value to the set of selected values. */\n  addValue(value: string): void;\n  /** Whether the checkbox group is disabled or not. */\n  readonly isDisabled: boolean;\n  /** Whether the checkbox group is read only or not. */\n  readonly isReadOnly: boolean;\n  /** Removes a value from the set of selected values. */\n  removeValue(value: string): void;\n  /** Sets the selected values. */\n  setValue(value: string[]): void;\n  /** Current selected values. */\n  readonly value: readonly string[];\n};\n\n/**\n * Component orientation.\n */\nexport const CheckboxGroupOrientation = {\n  vertical: 'vertical',\n  horizontal: 'horizontal',\n} as const;\nexport type CheckboxGroupOrientation = ValueOf<typeof CheckboxGroupOrientation>;\n\n/**\n * Component props.\n */\nexport interface CheckboxGroupProps extends Omit<ComponentProps<'div'>, 'onChange'>, StylingProps {\n  /**\n   * Default selected values.\n   * Used for uncontrolled version.\n   */\n  defaultValues?: string[];\n  /** Description of the checkbox group. */\n  description?: string;\n  /** Whether the component is disabled or not. */\n  isDisabled?: boolean;\n  /** Whether the component is invalid or not. */\n  isInvalid?: boolean;\n  /** Whether the component is read only or not. */\n  isReadOnly?: boolean;\n  /** Whether the component is required or not. */\n  isRequired?: boolean;\n  /** Label of the checkbox group. */\n  label?: string;\n  /** Method to handle component change. */\n  onChange?(values: string[]): void;\n  /** Method to handle component change. */\n  orientation?: CheckboxGroupOrientation;\n  /** Theme. */\n  theme?: Theme;\n  /**\n   * Currently selected values.\n   * Used for controlled version.\n   */\n  value?: string[];\n}\n\nexport type StyledCheckboxGroupProps = Omit<\n  CheckboxGroupProps,\n  'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'isRequired'\n> & {\n  $isDisabled: CheckboxGroupProps['isDisabled'];\n  $isInvalid: CheckboxGroupProps['isInvalid'];\n  $isReadOnly: CheckboxGroupProps['isReadOnly'];\n  $orientation: CheckboxGroupProps['orientation'];\n  $theme: CheckboxGroupProps['theme'];\n};\n"],"names":["CheckboxGroupOrientation","vertical","horizontal"],"mappings":"AAGA;AACA;AACA;;AAgBA;AACA;AACA;AACO,MAAMA,wBAAwB,GAAG;AACtCC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,UAAU,EAAE,YAAA;AACd,EAAU;;AAGV;AACA;AACA;;;;"}

package/components/conditional-wrapper/ConditionalWrapper.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ConditionalWrapperProps } from './types.js';
-
-declare const ConditionalWrapper: React.FC<ConditionalWrapperProps>;
-
-export { ConditionalWrapper };

package/components/conditional-wrapper/ConditionalWrapper.js

@@ -1,13 +0,0 @@
-import React from 'react';
-
-const ConditionalWrapper = _ref => {
-  let {
-    children,
-    condition,
-    wrapper
-  } = _ref;
-  return condition ? wrapper(children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-
-export { ConditionalWrapper };
-//# sourceMappingURL=ConditionalWrapper.js.map

package/components/conditional-wrapper/ConditionalWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionalWrapper.js","sources":["../../../src/components/conditional-wrapper/ConditionalWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { ConditionalWrapperProps } from './types';\n\nexport const ConditionalWrapper: React.FC<ConditionalWrapperProps> = ({\n  children,\n  condition,\n  wrapper,\n}) => (condition ? wrapper(children) : <>{children}</>);\n"],"names":["ConditionalWrapper","_ref","children","condition","wrapper","React","createElement","Fragment"],"mappings":";;AAGO,MAAMA,kBAAqD,GAAGC,IAAA,IAAA;EAAA,IAAC;IACpEC,QAAQ;IACRC,SAAS;AACTC,IAAAA,OAAAA;AACF,GAAC,GAAAH,IAAA,CAAA;AAAA,EAAA,OAAME,SAAS,GAAGC,OAAO,CAACF,QAAQ,CAAC,gBAAGG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAGL,QAAW,CAAC,CAAA;AAAA;;;;"}

package/components/conditional-wrapper/types.d.ts

@@ -1,10 +0,0 @@
-interface ConditionalWrapperProps<T = {}> {
-    /** Children to render with or without the wrapper. */
-    children: React.ReactElement<T> | null;
-    /** Condition to define whether or not the children should be wrapped. */
-    condition: boolean;
-    /** Wrapper to conditionaly put around the children. */
-    wrapper: (children: React.ReactElement<T> | null) => React.ReactElement<T> | null;
-}
-
-export { ConditionalWrapperProps };

package/components/detailed-card/DetailedCard.d.ts

@@ -1,15 +0,0 @@
-import { DetailedCardProps } from './types.js';
-import { DetailedCardSectionProps } from '../detailed-card-section/types.js';
-import { Comp } from '../../types/helpers.js';
-import { DetailedCardHeaderProps } from '../detailed-card-header/types.js';
-import { DetailedCardCollapsibleSectionItemsProps } from '../detailed-card-collapsible-section-items/types.js';
-import { DetailedCardSectionItemProps } from '../detailed-card-section-item/types.js';
-
-declare const DetailedCard: Comp<DetailedCardProps, HTMLDivElement> & {
-    Header: Comp<DetailedCardHeaderProps, HTMLDivElement>;
-    Section: Comp<DetailedCardSectionProps, HTMLDivElement>;
-    CollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement>;
-    SectionItem: Comp<DetailedCardSectionItemProps, HTMLDivElement>;
-};
-
-export { DetailedCard };

package/components/detailed-card/DetailedCard.js

@@ -1,170 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useState, useEffect, useCallback } from 'react';
-import classNames from 'classnames';
-import intlMessages from './intl/index.js';
-import { mdiPageLast, mdiKeyboardCaps } from '@redsift/icons';
-import { StyledDetailedCard } from './styles.js';
-import { DetailedCardHeader } from '../detailed-card-header/DetailedCardHeader.js';
-import { DetailedCardSection } from '../detailed-card-section/DetailedCardSection.js';
-import { DetailedCardSectionItem } from '../detailed-card-section-item/DetailedCardSectionItem.js';
-import { useMessageFormatter } from '../../react-aria/react-aria/i18n/useMessageFormatter.js';
-import { partitionComponents } from '../../utils/partitionComponents.js';
-import { DetailedCardCollapsibleSectionItems } from '../detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.js';
-import { useTheme } from '../theme/useTheme.js';
-import { isComponent } from '../../utils/isComponent.js';
-import { ThemeProvider } from '../theme/context.js';
-import { Skeleton } from '../skeleton/Skeleton.js';
-import { Flexbox } from '../flexbox/Flexbox.js';
-import { Shield } from '../shield/Shield.js';
-import { Icon } from '../icon/Icon.js';
-import { IconButton } from '../icon-button/IconButton.js';
-
-const _excluded = ["areAllCollapsed", "bannerVariant", "children", "className", "color", "defaultAllCollapsed", "icon", "isCollapsible", "isLoading", "onCollapseAll", "shield", "theme", "width", "Tooltip"];
-const COMPONENT_NAME = 'DetailedCard';
-const CLASSNAME = 'redsift-detailed-card';
-const hasMultipleCollapsibleChildren = children => {
-  const collapsibleChildren = [];
-  const childrenArray = React.Children.toArray(children);
-  for (const child of childrenArray) {
-    if (isComponent(DetailedCardSection)(child)) {
-      let hasCollapsibleItems = Boolean(child.isCollapsible);
-      React.Children.forEach(child.props.children, sectionChild => {
-        if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {
-          hasCollapsibleItems = true;
-        }
-      });
-      if (hasCollapsibleItems) {
-        collapsibleChildren.push(child);
-      }
-    }
-  }
-  return collapsibleChildren.length > 1;
-};
-
-/**
- * The DetailedCard component.
- */
-const BaseDetailedCard = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      areAllCollapsed: propsAreAllCollapsed,
-      bannerVariant,
-      children,
-      className,
-      color,
-      defaultAllCollapsed,
-      icon,
-      isCollapsible: propsIsCollapsible = true,
-      isLoading,
-      onCollapseAll,
-      shield,
-      theme: propsTheme,
-      width = '400px',
-      Tooltip
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme(propsTheme);
-  const format = useMessageFormatter(intlMessages);
-  const isCollapsible = propsIsCollapsible && hasMultipleCollapsibleChildren(children);
-  const [allCollapsed, setAllCollapsed] = useState({
-    state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
-  });
-  useEffect(() => {
-    setAllCollapsed({
-      state: propsAreAllCollapsed !== null && propsAreAllCollapsed !== void 0 ? propsAreAllCollapsed : defaultAllCollapsed
-    });
-  }, [propsAreAllCollapsed, defaultAllCollapsed]);
-  const handleCollapse = useCallback(allCollapsed => {
-    if (onCollapseAll) {
-      onCollapseAll(allCollapsed);
-    }
-    if (propsAreAllCollapsed === undefined || propsAreAllCollapsed === null) {
-      setAllCollapsed({
-        state: allCollapsed
-      });
-    }
-  }, [onCollapseAll]);
-  const [[header], content] = partitionComponents(React.Children.toArray(children), [isComponent('DetailedCardHeader')]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    value: {
-      theme
-    }
-  }, /*#__PURE__*/React.createElement(StyledDetailedCard, _extends({
-    width: width
-  }, forwardedProps, {
-    className: classNames(BaseDetailedCard.className, className),
-    ref: ref,
-    $color: color,
-    $theme: theme
-  }), color ? isLoading ? /*#__PURE__*/React.createElement(Skeleton, {
-    theme: theme,
-    height: bannerVariant === 'condensed' ? '8px' : '80px',
-    width: "calc(100% + 32px)",
-    margin: "-16px -16px 16px -16px"
-  }) : /*#__PURE__*/React.createElement(Flexbox, {
-    className: `${BaseDetailedCard.className}__banner`,
-    alignItems: "center",
-    height: bannerVariant === 'condensed' ? '8px' : '80px',
-    justifyContent: "center",
-    margin: "-16px -16px 16px -16px",
-    width: "calc(100% + 32px)"
-  }, bannerVariant === 'condensed' ? null : shield ? /*#__PURE__*/React.createElement(Shield, {
-    variant: shield,
-    isOutlined: true,
-    isReversed: true,
-    svgProps: {
-      width: '40px',
-      height: '40px'
-    },
-    style: {
-      width: '40px',
-      height: '40px'
-    }
-  }) : icon ? /*#__PURE__*/React.createElement(Icon, {
-    icon: icon,
-    color: "white",
-    size: "xlarge"
-  }) : null) : null, header && isComponent('DetailedCardHeader')(header) ? /*#__PURE__*/React.createElement("div", {
-    className: `${BaseDetailedCard.className}__header`
-  }, header) : null, isCollapsible ? /*#__PURE__*/React.createElement(Flexbox, {
-    justifyContent: "flex-end",
-    className: `${BaseDetailedCard.className}__collapse-buttons`
-  }, /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(Tooltip.Trigger, null, /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": format('collapse-all'),
-    "aria-describedby": undefined,
-    icon: mdiPageLast,
-    onClick: () => handleCollapse(true),
-    style: {
-      transform: 'rotate(-90deg)'
-    },
-    color: "grey"
-  })), /*#__PURE__*/React.createElement(Tooltip.Content, null, format('collapse-all'))), /*#__PURE__*/React.createElement(Tooltip, null, /*#__PURE__*/React.createElement(Tooltip.Trigger, null, /*#__PURE__*/React.createElement(IconButton, {
-    "aria-label": format('expand-all'),
-    "aria-describedby": undefined,
-    icon: mdiKeyboardCaps,
-    onClick: () => handleCollapse(false),
-    style: {
-      transform: 'rotate(180deg)'
-    },
-    color: "grey"
-  })), /*#__PURE__*/React.createElement(Tooltip.Content, null, format('expand-all')))) : null, React.Children.map(content, child => {
-    if (isComponent(DetailedCardSection)(child)) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        theme,
-        isCollapsed: allCollapsed.state,
-        key: Math.random()
-      });
-    }
-    return child;
-  })));
-});
-BaseDetailedCard.className = CLASSNAME;
-BaseDetailedCard.displayName = COMPONENT_NAME;
-const DetailedCard = Object.assign(BaseDetailedCard, {
-  Header: DetailedCardHeader,
-  Section: DetailedCardSection,
-  CollapsibleSectionItems: DetailedCardCollapsibleSectionItems,
-  SectionItem: DetailedCardSectionItem
-});
-
-export { DetailedCard };
-//# sourceMappingURL=DetailedCard.js.map

package/components/detailed-card/DetailedCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailedCard.js","sources":["../../../src/components/detailed-card/DetailedCard.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, ReactNode, 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 { mdiKeyboardCaps, mdiPageLast } from '@redsift/icons';\nimport { Comp } from '../../types';\nimport { Icon } from '../icon';\nimport { Flexbox } from '../flexbox';\nimport { IconButton } from '../icon-button';\nimport { Shield } from '../shield';\nimport { DetailedCardSection, DetailedCardSectionProps } from '../detailed-card-section';\nimport { StyledDetailedCard } from './styles';\nimport { DetailedCardProps } from './types';\nimport { partitionComponents, isComponent } from '../../utils';\nimport { DetailedCardCollapsibleSectionItems } from '../detailed-card-collapsible-section-items';\nimport { DetailedCardHeader } from '../detailed-card-header';\nimport { DetailedCardSectionItem } from '../detailed-card-section-item';\nimport { Skeleton } from '../skeleton';\nimport { ThemeProvider, useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'DetailedCard';\nconst CLASSNAME = 'redsift-detailed-card';\n\nconst hasMultipleCollapsibleChildren = (children: ReactNode): boolean => {\n  const collapsibleChildren: ReactNode[] = [];\n\n  const childrenArray = React.Children.toArray(children);\n  for (const child of childrenArray) {\n    if (isComponent(DetailedCardSection)(child)) {\n      let hasCollapsibleItems = Boolean((child as DetailedCardSectionProps).isCollapsible);\n      React.Children.forEach(child.props.children, (sectionChild) => {\n        if (isComponent(DetailedCardCollapsibleSectionItems)(sectionChild)) {\n          hasCollapsibleItems = true;\n        }\n      });\n\n      if (hasCollapsibleItems) {\n        collapsibleChildren.push(child);\n      }\n    }\n  }\n\n  return collapsibleChildren.length > 1;\n};\n\n/**\n * The DetailedCard component.\n */\nconst BaseDetailedCard: Comp<DetailedCardProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    areAllCollapsed: propsAreAllCollapsed,\n    bannerVariant,\n    children,\n    className,\n    color,\n    defaultAllCollapsed,\n    icon,\n    isCollapsible: propsIsCollapsible = true,\n    isLoading,\n    onCollapseAll,\n    shield,\n    theme: propsTheme,\n    width = '400px',\n    Tooltip,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const format = useMessageFormatter(intlMessages);\n\n  const isCollapsible = propsIsCollapsible && hasMultipleCollapsibleChildren(children);\n\n  const [allCollapsed, setAllCollapsed] = useState({\n    state: propsAreAllCollapsed ?? defaultAllCollapsed,\n  });\n\n  useEffect(() => {\n    setAllCollapsed({\n      state: propsAreAllCollapsed ?? defaultAllCollapsed,\n    });\n  }, [propsAreAllCollapsed, defaultAllCollapsed]);\n\n  const handleCollapse = useCallback(\n    (allCollapsed: boolean) => {\n      if (onCollapseAll) {\n        onCollapseAll(allCollapsed);\n      }\n      if (propsAreAllCollapsed === undefined || propsAreAllCollapsed === null) {\n        setAllCollapsed({\n          state: allCollapsed,\n        });\n      }\n    },\n    [onCollapseAll]\n  );\n\n  const [[header], content] = partitionComponents(React.Children.toArray(children), [\n    isComponent('DetailedCardHeader'),\n  ]);\n\n  return (\n    <ThemeProvider value={{ theme }}>\n      <StyledDetailedCard\n        width={width}\n        {...forwardedProps}\n        className={classNames(BaseDetailedCard.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        $color={color}\n        $theme={theme}\n      >\n        {color ? (\n          isLoading ? (\n            <Skeleton\n              theme={theme}\n              height={bannerVariant === 'condensed' ? '8px' : '80px'}\n              width=\"calc(100% + 32px)\"\n              margin=\"-16px -16px 16px -16px\"\n            />\n          ) : (\n            <Flexbox\n              className={`${BaseDetailedCard.className}__banner`}\n              alignItems=\"center\"\n              height={bannerVariant === 'condensed' ? '8px' : '80px'}\n              justifyContent=\"center\"\n              margin=\"-16px -16px 16px -16px\"\n              width=\"calc(100% + 32px)\"\n            >\n              {bannerVariant === 'condensed' ? null : shield ? (\n                <Shield\n                  variant={shield}\n                  isOutlined\n                  isReversed\n                  svgProps={{ width: '40px', height: '40px' }}\n                  style={{ width: '40px', height: '40px' }}\n                />\n              ) : icon ? (\n                <Icon icon={icon} color=\"white\" size=\"xlarge\" />\n              ) : null}\n            </Flexbox>\n          )\n        ) : null}\n        {header && isComponent('DetailedCardHeader')(header) ? (\n          <div className={`${BaseDetailedCard.className}__header`}>{header}</div>\n        ) : null}\n        {isCollapsible ? (\n          <Flexbox justifyContent=\"flex-end\" className={`${BaseDetailedCard.className}__collapse-buttons`}>\n            <Tooltip>\n              <Tooltip.Trigger>\n                <IconButton\n                  aria-label={format('collapse-all')}\n                  aria-describedby={undefined}\n                  icon={mdiPageLast}\n                  onClick={() => handleCollapse(true)}\n                  style={{ transform: 'rotate(-90deg)' }}\n                  color=\"grey\"\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>{format('collapse-all')}</Tooltip.Content>\n            </Tooltip>\n            <Tooltip>\n              <Tooltip.Trigger>\n                <IconButton\n                  aria-label={format('expand-all')}\n                  aria-describedby={undefined}\n                  icon={mdiKeyboardCaps}\n                  onClick={() => handleCollapse(false)}\n                  style={{ transform: 'rotate(180deg)' }}\n                  color=\"grey\"\n                />\n              </Tooltip.Trigger>\n              <Tooltip.Content>{format('expand-all')}</Tooltip.Content>\n            </Tooltip>\n          </Flexbox>\n        ) : null}\n\n        {React.Children.map(content, (child) => {\n          if (isComponent(DetailedCardSection)(child)) {\n            return React.cloneElement(child as ReactElement, {\n              theme,\n              isCollapsed: allCollapsed.state,\n              key: Math.random(),\n            });\n          }\n          return child;\n        })}\n      </StyledDetailedCard>\n    </ThemeProvider>\n  );\n});\nBaseDetailedCard.className = CLASSNAME;\nBaseDetailedCard.displayName = COMPONENT_NAME;\n\nexport const DetailedCard = Object.assign(BaseDetailedCard, {\n  Header: DetailedCardHeader,\n  Section: DetailedCardSection,\n  CollapsibleSectionItems: DetailedCardCollapsibleSectionItems,\n  SectionItem: DetailedCardSectionItem,\n});\n"],"names":["COMPONENT_NAME","CLASSNAME","hasMultipleCollapsibleChildren","children","collapsibleChildren","childrenArray","React","Children","toArray","child","isComponent","DetailedCardSection","hasCollapsibleItems","Boolean","isCollapsible","forEach","props","sectionChild","DetailedCardCollapsibleSectionItems","push","length","BaseDetailedCard","forwardRef","ref","areAllCollapsed","propsAreAllCollapsed","bannerVariant","className","color","defaultAllCollapsed","icon","propsIsCollapsible","isLoading","onCollapseAll","shield","theme","propsTheme","width","Tooltip","forwardedProps","_objectWithoutProperties","_excluded","useTheme","format","useMessageFormatter","intlMessages","allCollapsed","setAllCollapsed","useState","state","useEffect","handleCollapse","useCallback","undefined","header","content","partitionComponents","createElement","ThemeProvider","value","StyledDetailedCard","_extends","classNames","$color","$theme","Skeleton","height","margin","Flexbox","alignItems","justifyContent","Shield","variant","isOutlined","isReversed","svgProps","style","Icon","size","Trigger","IconButton","mdiPageLast","onClick","transform","Content","mdiKeyboardCaps","map","cloneElement","isCollapsed","key","Math","random","displayName","DetailedCard","Object","assign","Header","DetailedCardHeader","Section","CollapsibleSectionItems","SectionItem","DetailedCardSectionItem"],"mappings":"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"}

package/components/detailed-card/intl/en-US.json.js

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

package/components/detailed-card/intl/en-US.json.js.map

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

package/components/detailed-card/intl/fr-FR.json.js

@@ -1,7 +0,0 @@
-var frFR = {
-	"collapse-all": "Réduire tous les détails",
-	"expand-all": "Développer tous les détails"
-};
-
-export { frFR as default };
-//# sourceMappingURL=fr-FR.json.js.map

package/components/detailed-card/intl/fr-FR.json.js.map

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

package/components/detailed-card/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/detailed-card/intl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/detailed-card/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/detailed-card/styles.js

@@ -1,49 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseStyling } from '../shared/styles.js';
-import { Theme } from '../../types/colors.js';
-
-/**
- * Component style.
- */
-const StyledDetailedCard = styled.div`
-  ${baseStyling}
-
-  color: var(--redsift-color-neutral-${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return $theme === Theme.light ? 'x-dark-grey' : 'white';
-}});
-  background-color: var(--redsift-color-neutral-${_ref2 => {
-  let {
-    $theme
-  } = _ref2;
-  return $theme === Theme.light ? 'white' : 'x-dark-grey';
-}});
-  border-radius: 4px;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, ${_ref3 => {
-  let {
-    $theme
-  } = _ref3;
-  return $theme === Theme.light ? '0.5' : '1';
-}});
-  box-sizing: content-box;
-  padding: 16px;
-
-  .redsift-detailed-card__banner {
-    background-color: ${_ref4 => {
-  let {
-    $color
-  } = _ref4;
-  return css`var(--redsift-color-notifications-${$color}-primary)`;
-}};
-    color: var(--redsift-color-neutral-white);
-  }
-
-  .redsift-detailed-card__collapse-buttons {
-    width: 100%;
-  }
-`;
-
-export { StyledDetailedCard };
-//# sourceMappingURL=styles.js.map

package/components/detailed-card/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/detailed-card/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledDetailedCardProps } from './types';\nimport { Theme } from '../../types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCard = styled.div<StyledDetailedCardProps>`\n  ${baseStyling}\n\n  color: var(--redsift-color-neutral-${({ $theme }) => ($theme === Theme.light ? 'x-dark-grey' : 'white')});\n  background-color: var(--redsift-color-neutral-${({ $theme }) => ($theme === Theme.light ? 'white' : 'x-dark-grey')});\n  border-radius: 4px;\n  box-shadow: 0px 1px 2px rgba(0, 0, 0, ${({ $theme }) => ($theme === Theme.light ? '0.5' : '1')});\n  box-sizing: content-box;\n  padding: 16px;\n\n  .redsift-detailed-card__banner {\n    background-color: ${({ $color }) => css`var(--redsift-color-notifications-${$color}-primary)`};\n    color: var(--redsift-color-neutral-white);\n  }\n\n  .redsift-detailed-card__collapse-buttons {\n    width: 100%;\n  }\n`;\n"],"names":["StyledDetailedCard","styled","div","baseStyling","_ref","$theme","Theme","light","_ref2","_ref3","_ref4","$color","css"],"mappings":";;;;AAKA;AACA;AACA;AACaA,MAAAA,kBAAkB,GAAGC,MAAM,CAACC,GAA6B,CAAA;AACtE,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA,qCAAA,EAAuCC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAMC,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAG,aAAa,GAAG,OAAO,CAAA;AAAA,CAAE,CAAA;AAC1G,gDAAA,EAAkDC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,MAAAA;AAAO,GAAC,GAAAG,KAAA,CAAA;EAAA,OAAMH,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAG,OAAO,GAAG,aAAa,CAAA;AAAA,CAAE,CAAA;AACrH;AACA,wCAAA,EAA0CE,KAAA,IAAA;EAAA,IAAC;AAAEJ,IAAAA,MAAAA;AAAO,GAAC,GAAAI,KAAA,CAAA;EAAA,OAAMJ,MAAM,KAAKC,KAAK,CAACC,KAAK,GAAG,KAAK,GAAG,GAAG,CAAA;AAAA,CAAE,CAAA;AACjG;AACA;AACA;AACA;AACA,sBAAA,EAAwBG,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKE,GAAI,CAAoCD,kCAAAA,EAAAA,MAAO,CAAU,SAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AAClG;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/components/detailed-card/types.d.ts

@@ -1,49 +0,0 @@
-import { ComponentProps } from 'react';
-import { ShieldVariant } from '../shield/types.js';
-import { StylingProps } from '../../types/styles.js';
-import { NotificationsColorPalette, Theme } from '../../types/colors.js';
-import { IconProps } from '../icon/types.js';
-import { Comp } from '../../types/helpers.js';
-
-/**
- * Component props.
- */
-interface DetailedCardProps extends ComponentProps<'div'>, StylingProps {
-    /** Whether the component is collapsed or not. Used for controlled version. */
-    areAllCollapsed?: boolean;
-    /** Banner variant. */
-    bannerVariant?: 'standard' | 'condensed';
-    /** Banner color. */
-    color?: NotificationsColorPalette;
-    /** Default collapse status. Used for uncontrolled version. */
-    defaultAllCollapsed?: boolean;
-    /**
-     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
-     * Can also be a ReactElement.
-     */
-    icon?: IconProps['icon'];
-    /** Whether the card has buttons to collapse and expand all section items. */
-    isCollapsible?: boolean;
-    /** Whether the card is loading or not. */
-    isLoading?: boolean;
-    /** Shield to display in place of the banner icon. */
-    shield?: ShieldVariant;
-    /** Theme. */
-    theme?: Theme;
-    /** Method to handle component change. */
-    onCollapseAll?(areAllCollapsed: boolean): void;
-    /** Tooltip component to use. */
-    Tooltip: React.FC<any> & {
-        displayName?: string;
-        className?: string;
-    } & {
-        Trigger: Comp<any, HTMLSpanElement>;
-        Content: Comp<any, HTMLDivElement>;
-    };
-}
-type StyledDetailedCardProps = Omit<DetailedCardProps, 'color' | 'Tooltip'> & {
-    $color: DetailedCardProps['color'];
-    $theme: DetailedCardProps['theme'];
-};
-
-export { DetailedCardProps, StyledDetailedCardProps };

package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.d.ts

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

package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.js

@@ -1,33 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { StyledDetailedCardCollapsibleSectionItems } from './styles.js';
-
-const _excluded = ["caption", "children", "className", "hideBackground"];
-const COMPONENT_NAME = 'DetailedCardCollapsibleSectionItems';
-const CLASSNAME = 'redsift-detailed-card-collapsible-section-items';
-
-/**
- * The DetailedCardCollapsibleSectionItems Section component.
- */
-const DetailedCardCollapsibleSectionItems = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      caption,
-      children,
-      className,
-      hideBackground
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(StyledDetailedCardCollapsibleSectionItems, _extends({}, forwardedProps, {
-    className: classNames(DetailedCardCollapsibleSectionItems.className, className),
-    ref: ref,
-    $hideBackground: hideBackground
-  }), children, caption ? /*#__PURE__*/React.createElement("div", {
-    className: `${DetailedCardCollapsibleSectionItems.className}__caption`
-  }, caption) : null);
-});
-DetailedCardCollapsibleSectionItems.className = CLASSNAME;
-DetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME;
-
-export { DetailedCardCollapsibleSectionItems };
-//# sourceMappingURL=DetailedCardCollapsibleSectionItems.js.map

package/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DetailedCardCollapsibleSectionItems.js","sources":["../../../src/components/detailed-card-collapsible-section-items/DetailedCardCollapsibleSectionItems.tsx"],"sourcesContent":["import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\n\nimport { Comp } from '../../types';\nimport { DetailedCardCollapsibleSectionItemsProps } from './types';\nimport { StyledDetailedCardCollapsibleSectionItems } from './styles';\n\nconst COMPONENT_NAME = 'DetailedCardCollapsibleSectionItems';\nconst CLASSNAME = 'redsift-detailed-card-collapsible-section-items';\n\n/**\n * The DetailedCardCollapsibleSectionItems Section component.\n */\nexport const DetailedCardCollapsibleSectionItems: Comp<DetailedCardCollapsibleSectionItemsProps, HTMLDivElement> =\n  forwardRef((props, ref) => {\n    const { caption, children, className, hideBackground, ...forwardedProps } = props;\n\n    return (\n      <StyledDetailedCardCollapsibleSectionItems\n        {...forwardedProps}\n        className={classNames(DetailedCardCollapsibleSectionItems.className, className)}\n        ref={ref as RefObject<HTMLDivElement>}\n        $hideBackground={hideBackground}\n      >\n        {children}\n        {caption ? <div className={`${DetailedCardCollapsibleSectionItems.className}__caption`}>{caption}</div> : null}\n      </StyledDetailedCardCollapsibleSectionItems>\n    );\n  });\nDetailedCardCollapsibleSectionItems.className = CLASSNAME;\nDetailedCardCollapsibleSectionItems.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","DetailedCardCollapsibleSectionItems","forwardRef","props","ref","caption","children","className","hideBackground","forwardedProps","_objectWithoutProperties","_excluded","React","createElement","StyledDetailedCardCollapsibleSectionItems","_extends","classNames","$hideBackground","displayName"],"mappings":";;;;;;AAOA,MAAMA,cAAc,GAAG,qCAAqC,CAAA;AAC5D,MAAMC,SAAS,GAAG,iDAAiD,CAAA;;AAEnE;AACA;AACA;AACO,MAAMC,mCAAmG,gBAC9GC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACzB,MAAM;MAAEC,OAAO;MAAEC,QAAQ;MAAEC,SAAS;AAAEC,MAAAA,cAAAA;AAAkC,KAAC,GAAGL,KAAK;AAAxBM,IAAAA,cAAc,GAAAC,wBAAA,CAAKP,KAAK,EAAAQ,SAAA,CAAA,CAAA;EAEjF,oBACEC,KAAA,CAAAC,aAAA,CAACC,yCAAyC,EAAAC,QAAA,KACpCN,cAAc,EAAA;IAClBF,SAAS,EAAES,UAAU,CAACf,mCAAmC,CAACM,SAAS,EAAEA,SAAS,CAAE;AAChFH,IAAAA,GAAG,EAAEA,GAAiC;AACtCa,IAAAA,eAAe,EAAET,cAAAA;AAAe,GAAA,CAAA,EAE/BF,QAAQ,EACRD,OAAO,gBAAGO,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAG,CAAA,EAAEN,mCAAmC,CAACM,SAAU,CAAA,SAAA,CAAA;AAAW,GAAA,EAAEF,OAAa,CAAC,GAAG,IACjE,CAAC,CAAA;AAEhD,CAAC,EAAC;AACJJ,mCAAmC,CAACM,SAAS,GAAGP,SAAS,CAAA;AACzDC,mCAAmC,CAACiB,WAAW,GAAGnB,cAAc;;;;"}

package/components/detailed-card-collapsible-section-items/styles.js

@@ -1,35 +0,0 @@
-import styled, { css } from 'styled-components';
-
-/**
- * Component style.
- */
-const StyledDetailedCardCollapsibleSectionItems = styled.div`
-  ${_ref => {
-  let {
-    $hideBackground
-  } = _ref;
-  return $hideBackground ? css`
-          background: none;
-        ` : css`
-          background-color: var(--redsift-color-neutral-x-light-grey);
-          margin: 8px -16px;
-          padding: 8px 16px;
-        `;
-}}
-
-  .redsift-detailed-card-collapsible-section-items__caption {
-    color: var(--redsift-color-neutral-x-dark-grey);
-    display: flex;
-    font-family: var(--redsift-typography-font-family-poppins);
-    font-size: 12px;
-    font-weight: 300;
-    justify-content: flex-end;
-    line-height: 14px;
-    margin: 8px 0px;
-    padding-top: 8px;
-    border-top: 1px solid var(--redsift-color-neutral-mid-grey);
-  }
-`;
-
-export { StyledDetailedCardCollapsibleSectionItems };
-//# sourceMappingURL=styles.js.map

package/components/detailed-card-collapsible-section-items/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/detailed-card-collapsible-section-items/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { StyledDetailedCardCollapsibleSectionItemsProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledDetailedCardCollapsibleSectionItems = styled.div<StyledDetailedCardCollapsibleSectionItemsProps>`\n  ${({ $hideBackground }) =>\n    $hideBackground\n      ? css`\n          background: none;\n        `\n      : css`\n          background-color: var(--redsift-color-neutral-x-light-grey);\n          margin: 8px -16px;\n          padding: 8px 16px;\n        `}\n\n  .redsift-detailed-card-collapsible-section-items__caption {\n    color: var(--redsift-color-neutral-x-dark-grey);\n    display: flex;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 12px;\n    font-weight: 300;\n    justify-content: flex-end;\n    line-height: 14px;\n    margin: 8px 0px;\n    padding-top: 8px;\n    border-top: 1px solid var(--redsift-color-neutral-mid-grey);\n  }\n`;\n"],"names":["StyledDetailedCardCollapsibleSectionItems","styled","div","_ref","$hideBackground","css"],"mappings":";;AAGA;AACA;AACA;AACaA,MAAAA,yCAAyC,GAAGC,MAAM,CAACC,GAAoD,CAAA;AACpH,EAAA,EAAIC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,eAAAA;AAAgB,GAAC,GAAAD,IAAA,CAAA;EAAA,OACpBC,eAAe,GACXC,GAAI,CAAA;AACZ;AACA,QAAA,CAAS,GACDA,GAAI,CAAA;AACZ;AACA;AACA;AACA,QAAS,CAAA,CAAA;AAAA,CAAC,CAAA;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/components/detailed-card-collapsible-section-items/types.d.ts

@@ -1,16 +0,0 @@
-import { ComponentProps } from 'react';
-
-/**
- * Component props.
- */
-interface DetailedCardCollapsibleSectionItemsProps extends ComponentProps<'div'> {
-    /** Small caption at the bottom right corner of the collapsible area. */
-    caption?: string;
-    /** Whether the background should be hidden or not. */
-    hideBackground?: boolean;
-}
-type StyledDetailedCardCollapsibleSectionItemsProps = Omit<DetailedCardCollapsibleSectionItemsProps, 'hideBackground'> & {
-    $hideBackground: DetailedCardCollapsibleSectionItemsProps['hideBackground'];
-};
-
-export { DetailedCardCollapsibleSectionItemsProps, StyledDetailedCardCollapsibleSectionItemsProps };

package/components/detailed-card-header/DetailedCardHeader.d.ts

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