@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.5

package/components/NotificationPanel/index.js

@@ -1,110 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { AnalyticsId, IconSize } from "../../constants.js";
-import { useIdWithFallback } from "../../hooks/useIdWithFallback.js";
-import { getAriaLabelAttributes } from "../../utils/accessibility.js";
-import { N as NotificationBadge } from "../../NotificationBadge.js";
-import { C as Close } from "../../Close.js";
-import { E as Expander } from "../../Expander.js";
-import styles from "./styles.module.scss";
-const FluidWrapper = ({ fluid, children }) => {
-  if (fluid) {
-    const fluidClasses = classNames(styles["fluid-wrapper"]);
-    return /* @__PURE__ */ jsx("div", { className: fluidClasses, children });
-  }
-  return children;
-};
-const NotificationPanel = React__default.forwardRef((props, ref) => {
-  const {
-    children,
-    variant = "info",
-    dismissable = false,
-    onClick,
-    expanderChildren,
-    expanderButtonText,
-    expanderButtonClosedText,
-    expanderOpenFromStart = false,
-    compactVariant,
-    label,
-    labelHtmlMarkup = "h1",
-    fluid = false,
-    size,
-    className,
-    role,
-    testId
-  } = props;
-  const labelId = useIdWithFallback(props.labelId);
-  const [expanderOpen, setExpanderOpen] = React__default.useState(expanderOpenFromStart);
-  const renderContent = () => {
-    const outlineVariant = compactVariant === "outline";
-    const contentClasses = classNames(styles["notification-panel__content"]);
-    const labelClasses = classNames(styles["notification-panel__label"], {
-      [styles["notification-panel__label--no-content"]]: !children && !expanderChildren,
-      [styles["notification-panel__label--compact"]]: !!compactVariant,
-      [styles["notification-panel__label--outline"]]: outlineVariant
-    });
-    const childrenClasses = classNames(styles["notification-panel__children"], {
-      [styles["notification-panel__children--with-label"]]: label,
-      [styles["notification-panel__children--expander-no-label"]]: expanderChildren && !label,
-      [styles["notification-panel__children--outline"]]: outlineVariant
-    });
-    const CustomTag = labelHtmlMarkup;
-    return /* @__PURE__ */ jsxs("div", { className: contentClasses, id: !label ? labelId : void 0, children: [
-      label && /* @__PURE__ */ jsx(CustomTag, { className: labelClasses, id: labelId, children: label }),
-      children && /* @__PURE__ */ jsx("div", { className: childrenClasses, children }),
-      expanderChildren && expanderButtonText && expanderButtonClosedText && !compactVariant && /* @__PURE__ */ jsx(
-        Expander,
-        {
-          title: expanderOpen ? expanderButtonText : expanderButtonClosedText,
-          onExpand: setExpanderOpen,
-          expanded: expanderOpen,
-          testId: "expand",
-          children: expanderChildren
-        }
-      )
-    ] });
-  };
-  const notificationPanelClasses = classNames(
-    styles["notification-panel"],
-    styles[`notification-panel--${variant}`],
-    size && styles[`notification-panel--${size}`],
-    {
-      [styles["notification-panel--compact"]]: !!compactVariant,
-      [styles["notification-panel--compact--basic"]]: compactVariant === "basic",
-      [styles["notification-panel--compact--outline"]]: compactVariant === "outline",
-      [styles["notification-panel--with-content"]]: expanderChildren || label && children,
-      [styles["notification-panel--dismissable"]]: dismissable
-    },
-    className
-  );
-  const ariaRole = role || variant === "error" && "alert" || void 0;
-  const ariaLabelAttributes = ariaRole ? getAriaLabelAttributes({ label, id: labelId }) : void 0;
-  return /* @__PURE__ */ jsx(FluidWrapper, { fluid, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      role: ariaRole,
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.NotificationPanel,
-      className: notificationPanelClasses,
-      ...ariaLabelAttributes,
-      children: [
-        /* @__PURE__ */ jsx(
-          NotificationBadge,
-          {
-            variant,
-            size: compactVariant ? IconSize.XSmall : IconSize.Small,
-            className: styles["notification-panel__icon"]
-          }
-        ),
-        dismissable && /* @__PURE__ */ jsx("span", { className: styles["notification-panel__close"], children: /* @__PURE__ */ jsx(Close, { ariaLabel: props.ariaLabelCloseBtn, onClick, color: "black" }) }),
-        renderContent()
-      ]
-    }
-  ) });
-});
-export {
-  NotificationPanel as default
-};
-//# sourceMappingURL=index.js.map

package/components/NotificationPanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport NotificationBadge from '../Badge/NotificationBadge';\nimport Close from '../Close';\nimport Expander from '../Expander';\n\nimport styles from './styles.module.scss';\n\nexport type NotificationPanelVariants = 'info' | 'warn' | 'error' | 'success';\nexport type NotificationCompactVariants = 'basic' | 'outline';\nexport type NotificationPanelSizes = 'small' | 'medium' | 'large';\nexport type LabelTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span';\n\nexport interface NotificationPanelProps {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds inner child elements. */\n  children?: React.ReactNode;\n  /** Adds inner expander elements. */\n  expanderChildren?: React.ReactNode;\n  /** Text for expanderButton. */\n  expanderButtonText?: string;\n  /** Text for expanderButton when closed. */\n  expanderButtonClosedText?: string;\n  /** Makes expander be open from start. */\n  expanderOpenFromStart?: boolean;\n  /** Changes the visual representation of the notification panel. */\n  variant?: NotificationPanelVariants;\n  /** Makes the panel more compact. Available in basic and outline. */\n  compactVariant?: NotificationCompactVariants;\n  /** Sets a fixed size for the content container. */\n  size?: NotificationPanelSizes;\n  /** Used in combination with dismissiable property to close the notification panel. */\n  onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Toggles the close button in the top right corner. */\n  dismissable?: boolean;\n  /** Enables a fluid outer container that spans the entire width of parent. */\n  fluid?: boolean;\n  /** Sets a label for the notification panel. */\n  label?: string;\n  /** Changes the underlying element of the label. */\n  labelHtmlMarkup?: LabelTags;\n  /** Close button aria-label */\n  ariaLabelCloseBtn?: string;\n  /** Custom id for the label */\n  labelId?: string;\n  /** Custom role for the panel. Default is no role. If variant is alert or crisis, the aria role will be set to \"alert\" unless the role-prop is also set. */\n  role?: 'region' | 'alert' | 'status';\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\ntype WrapFluidProps = Pick<NotificationPanelProps, 'fluid'> & {\n  children: React.ReactElement;\n};\n\nconst FluidWrapper: React.FC<WrapFluidProps> = ({ fluid, children }) => {\n  if (fluid) {\n    const fluidClasses = classNames(styles['fluid-wrapper']);\n\n    return <div className={fluidClasses}>{children}</div>;\n  }\n  return children;\n};\n\nconst NotificationPanel = React.forwardRef<HTMLDivElement, NotificationPanelProps>((props, ref) => {\n  const {\n    children,\n    variant = 'info',\n    dismissable = false,\n    onClick,\n    expanderChildren,\n    expanderButtonText,\n    expanderButtonClosedText,\n    expanderOpenFromStart = false,\n    compactVariant,\n    label,\n    labelHtmlMarkup = 'h1',\n    fluid = false,\n    size,\n    className,\n    role,\n    testId,\n  } = props;\n  const labelId = useIdWithFallback(props.labelId);\n  const [expanderOpen, setExpanderOpen] = React.useState(expanderOpenFromStart);\n\n  const renderContent = (): JSX.Element => {\n    const outlineVariant = compactVariant === 'outline';\n    const contentClasses = classNames(styles['notification-panel__content']);\n    const labelClasses = classNames(styles['notification-panel__label'], {\n      [styles['notification-panel__label--no-content']]: !children && !expanderChildren,\n      [styles['notification-panel__label--compact']]: !!compactVariant,\n      [styles['notification-panel__label--outline']]: outlineVariant,\n    });\n    const childrenClasses = classNames(styles['notification-panel__children'], {\n      [styles['notification-panel__children--with-label']]: label,\n      [styles['notification-panel__children--expander-no-label']]: expanderChildren && !label,\n      [styles['notification-panel__children--outline']]: outlineVariant,\n    });\n    const CustomTag = labelHtmlMarkup;\n\n    return (\n      <div className={contentClasses} id={!label ? labelId : undefined}>\n        {label && (\n          <CustomTag className={labelClasses} id={labelId}>\n            {label}\n          </CustomTag>\n        )}\n        {children && <div className={childrenClasses}>{children}</div>}\n        {expanderChildren && expanderButtonText && expanderButtonClosedText && !compactVariant && (\n          <Expander\n            title={expanderOpen ? expanderButtonText : expanderButtonClosedText}\n            onExpand={setExpanderOpen}\n            expanded={expanderOpen}\n            testId=\"expand\"\n          >\n            {expanderChildren}\n          </Expander>\n        )}\n      </div>\n    );\n  };\n\n  const notificationPanelClasses = classNames(\n    styles['notification-panel'],\n    styles[`notification-panel--${variant}`],\n    size && styles[`notification-panel--${size}`],\n    {\n      [styles['notification-panel--compact']]: !!compactVariant,\n      [styles['notification-panel--compact--basic']]: compactVariant === 'basic',\n      [styles['notification-panel--compact--outline']]: compactVariant === 'outline',\n      [styles['notification-panel--with-content']]: expanderChildren || (label && children),\n      [styles['notification-panel--dismissable']]: dismissable,\n    },\n    className\n  );\n\n  const ariaRole = role || (variant === 'error' && 'alert') || undefined;\n  const ariaLabelAttributes = ariaRole ? getAriaLabelAttributes({ label, id: labelId }) : undefined;\n\n  return (\n    <FluidWrapper fluid={fluid}>\n      <div\n        ref={ref}\n        role={ariaRole}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.NotificationPanel}\n        className={notificationPanelClasses}\n        {...ariaLabelAttributes}\n      >\n        <NotificationBadge\n          variant={variant}\n          size={compactVariant ? IconSize.XSmall : IconSize.Small}\n          className={styles['notification-panel__icon']}\n        />\n        {dismissable && (\n          <span className={styles['notification-panel__close']}>\n            <Close ariaLabel={props.ariaLabelCloseBtn} onClick={onClick} color=\"black\" />\n          </span>\n        )}\n        {renderContent()}\n      </div>\n    </FluidWrapper>\n  );\n});\n\nexport default NotificationPanel;\n"],"names":["React"],"mappings":"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"}

package/components/NotificationPanel/styles.module.scss

@@ -1,193 +0,0 @@
-@use 'sass:map';
-@use '../../scss/spacers' as spacers;
-@use '../../scss/font-settings' as font-settings;
-@use '../../scss/palette' as palette;
-@use '../../scss/breakpoints' as breakpoints;
-
-.notification-panel {
-  $panel: &;
-
-  display: flex;
-  padding: spacers.getSpacer(2xs) spacers.getSpacer(s) spacers.getSpacer(2xs) spacers.getSpacer(2xs);
-  box-shadow: 0.25rem 0.25rem 0.375rem rgb(0 0 0 / 15%);
-  border-radius: 0.25rem;
-
-  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
-    padding-left: spacers.getSpacer(s);
-    padding-right: spacers.getSpacer(m);
-    #{$panel}__icon {
-      margin-right: spacers.getSpacer(m);
-    }
-  }
-
-  &--compact {
-    width: fit-content;
-    font-size: font-settings.$font-size-xs;
-    line-height: 1.25rem;
-    box-shadow: none;
-
-    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
-      padding-left: spacers.getSpacer(2xs);
-      padding-right: spacers.getSpacer(s);
-    }
-
-    &--outline {
-      border: none;
-    }
-  }
-  #{$panel}__icon {
-    margin-right: spacers.getSpacer(2xs);
-  }
-
-  &--dismissable {
-    padding: spacers.getSpacer(2xs) spacers.getSpacer(2xs) spacers.getSpacer(m);
-  }
-
-  &--small {
-    max-width: map.get(breakpoints.$grid-breakpoints, sm);
-  }
-
-  &--medium {
-    max-width: map.get(breakpoints.$grid-breakpoints, md);
-  }
-
-  &--large {
-    max-width: map.get(breakpoints.$grid-breakpoints, lg);
-  }
-
-  &--info {
-    border: 0.125rem solid palette.$blueberry700;
-    background-color: palette.$blueberry50;
-  }
-
-  &--info#{&}--compact {
-    box-shadow: none;
-    background-color: transparent;
-  }
-
-  &--info#{&}--compact--basic {
-    border: none;
-  }
-
-  &--warn {
-    border: 0.125rem solid palette.$banana800;
-    background-color: palette.$banana50;
-  }
-
-  &--warn#{&}--compact {
-    box-shadow: none;
-    background-color: transparent;
-  }
-
-  &--warn#{&}--compact--basic {
-    border: none;
-  }
-
-  &--error {
-    border: 0.125rem solid palette.$cherry700;
-    background-color: palette.$cherry50;
-  }
-
-  &--error#{&}--compact {
-    box-shadow: none;
-    background-color: transparent;
-  }
-
-  &--error#{&}--compact--basic {
-    border: none;
-  }
-
-  &--success {
-    border: 0.125rem solid palette.$kiwi900;
-    background-color: palette.$kiwi50;
-  }
-
-  &--success#{&}--compact {
-    box-shadow: none;
-    background-color: transparent;
-  }
-
-  &--success#{&}--compact--basic {
-    border: none;
-  }
-
-  &__close {
-    order: 1;
-    margin-left: auto;
-    padding-left: spacers.getSpacer(2xs);
-  }
-
-  &__content {
-    align-self: center;
-  }
-
-  &__label,
-  &__children {
-    font-size: font-settings.$font-size-xs;
-    line-height: font-settings.$lineheight-size-xs;
-    margin: 0;
-
-    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
-      font-size: font-settings.$font-size-sm;
-      line-height: 1.625rem;
-    }
-  }
-
-  &__label {
-    font-weight: 700;
-    margin: spacers.getSpacer(2xs) 0 0;
-
-    &--compact {
-      font-size: font-settings.$font-size-xs;
-      line-height: 1.25rem;
-    }
-
-    &--no-content {
-      margin: 0;
-    }
-
-    &--compact,
-    &--no-content {
-      font-weight: 600;
-    }
-
-    &--outline {
-      font-weight: 500;
-    }
-  }
-
-  &__children {
-    font-weight: 600;
-    padding: spacers.getSpacer(3xs) 0;
-
-    &--with-label {
-      font-weight: 500;
-    }
-
-    &--expander-no-label {
-      margin: spacers.getSpacer(2xs) 0 0;
-
-      @media (max-width: map.get(breakpoints.$grid-breakpoints, lg)) {
-        padding-top: 0;
-      }
-    }
-
-    &--outline {
-      font-weight: 500;
-    }
-  }
-
-  &__icon {
-    line-height: 0;
-  }
-
-  &--with-content {
-    padding-bottom: spacers.getSpacer(xs);
-  }
-}
-
-.fluid-wrapper {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-}

package/components/Panel/Panel.d.ts

@@ -1,78 +0,0 @@
-import { default as React } from 'react';
-import { PaletteNames } from '../../theme/palette';
-import { PanelTitleProps } from './PanelTitle';
-import { HNDesignsystemPanel } from '../../resources/Resources';
-export declare enum PanelLayout {
-    vertical = "vertical",
-    horizontal = "horizontal",
-    combined = "combined",
-    bAsRightCol = "bAsRightCol"
-}
-export type PanelColors = Extract<PaletteNames, 'white' | 'neutral'>;
-export declare enum PanelVariant {
-    fill = "fill",
-    line = "line",
-    outline = "outline"
-}
-export declare enum PanelStacking {
-    default = "default",
-    bFirst = "bFirst"
-}
-export declare enum PanelStatus {
-    none = "none",
-    new = "new",
-    error = "error",
-    draft = "draft"
-}
-export interface PanelProps {
-    /** Aria label on call to action button */
-    buttonBottomAriaLabel?: string;
-    /** Sets the text on the bottom call to action button */
-    buttonBottomText?: string;
-    /** Sets the action on the bottom call to action button */
-    buttonBottomOnClick?: () => void;
-    /** Expands or collapses the panel. Only applicable when ExpandedContent is used */
-    expanded?: boolean;
-    /** Sets the layout and order of the content boxes */
-    layout?: PanelLayout;
-    /** Sets the visual variant of panel */
-    variant?: PanelVariant;
-    /** Sets the color for panel if it has variant fill */
-    color?: PanelColors;
-    /** Sets classes on the outermost container of the panel */
-    className?: string;
-    /** Action called when toggling expansion of ExpandedContent */
-    onExpand?: () => void;
-    /** Sets the stacking order of the content boxes */
-    stacking?: PanelStacking;
-    /** Sets the data-testid attribute. */
-    testId?: string;
-    /** Children elements to be rendered inside the panel */
-    children?: React.ReactNode;
-    /** Displays a status on the left side: default normal */
-    status?: PanelStatus;
-    /** Resources for component */
-    resources?: Partial<HNDesignsystemPanel>;
-    /** Highlights text in title and content. Used for search results */
-    highlightText?: string;
-}
-declare const PanelRoot: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>>;
-export interface ContentProps {
-    /** Children elements to be rendered inside the content box */
-    children?: React.ReactNode;
-}
-export declare const PreContainer: React.FC<ContentProps>;
-export declare const A: React.FC<ContentProps>;
-export declare const B: React.FC<ContentProps>;
-export declare const C: React.FC<ContentProps>;
-export declare const ExpandedContent: React.FC<ContentProps>;
-type PanelComponent = typeof PanelRoot & {
-    PreContainer: React.FC<ContentProps>;
-    Title: React.FC<PanelTitleProps>;
-    A: React.FC<ContentProps>;
-    B: React.FC<ContentProps>;
-    C: React.FC<ContentProps>;
-    ExpandedContent: React.FC<ContentProps>;
-};
-declare const Panel: PanelComponent;
-export default Panel;

package/components/Panel/PanelTitle/index.js

@@ -1,5 +0,0 @@
-import { P as PanelTitle } from "../../../PanelTitle.js";
-export {
-  PanelTitle as default
-};
-//# sourceMappingURL=index.js.map

package/components/Panel/PanelTitle/index.js.map

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

package/components/Panel/index.js

@@ -1,15 +0,0 @@
-import { P as Panel } from "../../Panel.js";
-import { A, B, C, E, a, c, d, b, e } from "../../Panel.js";
-export {
-  A,
-  B,
-  C,
-  E as ExpandedContent,
-  a as PanelLayout,
-  c as PanelStacking,
-  d as PanelStatus,
-  b as PanelVariant,
-  e as PreContainer,
-  Panel as default
-};
-//# sourceMappingURL=index.js.map

package/components/Panel/index.js.map

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

package/components/PanelList/index.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { AnalyticsId } from "../../constants.js";
-import { b as PanelVariant, P as Panel } from "../../Panel.js";
-import styles from "./styles.module.scss";
-const isPanelComponent = (element) => React__default.isValidElement(element) && element.type === Panel;
-const PanelList = React__default.forwardRef(function BadgeForwardedRef(props, ref) {
-  const { testId, children, variant = PanelVariant.fill, highlightText } = props;
-  const renderPanel = (panel) => React__default.cloneElement(panel, {
-    variant,
-    className: classNames(panel.props.className, styles[`panel-list__panel--${variant}`]),
-    highlightText: panel.props.highlightText || highlightText
-  });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.PanelList,
-      className: classNames({ [styles["panel-list--outline"]]: variant === PanelVariant.outline }),
-      children: React__default.Children.map(children, (child) => isPanelComponent(child) ? renderPanel(child) : child)
-    }
-  );
-});
-export {
-  PanelList as default
-};
-//# sourceMappingURL=index.js.map

package/components/PanelList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PanelList/PanelList.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\nimport Panel, { PanelProps, PanelVariant } from '../Panel/Panel';\n\nimport styles from './styles.module.scss';\n\nexport interface PanelListProps {\n  /** Panels to render inside the PanelList */\n  children?: React.ReactNode;\n  /** Changes the visual representation of the panel. Default: fill */\n  variant?: PanelVariant;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Highlights text in title and content. Used for search results */\n  highlightText?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nconst isPanelComponent = (element: {} | null | undefined): element is React.ReactElement<PanelProps> =>\n  React.isValidElement<PanelProps>(element) && (element as React.ReactElement).type === Panel;\n\nconst PanelList = React.forwardRef(function BadgeForwardedRef(props: PanelListProps, ref: React.ForwardedRef<HTMLDivElement>) {\n  const { testId, children, variant = PanelVariant.fill, highlightText } = props;\n\n  const renderPanel = (panel: React.ReactElement<PanelProps>): React.ReactElement<PanelProps> =>\n    React.cloneElement(panel, {\n      variant: variant,\n      className: classNames(panel.props.className, styles[`panel-list__panel--${variant}`]),\n      highlightText: panel.props.highlightText || highlightText,\n    });\n\n  return (\n    <div\n      ref={ref}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.PanelList}\n      className={classNames({ [styles['panel-list--outline']]: variant === PanelVariant.outline })}\n    >\n      {React.Children.map(children, child => (isPanelComponent(child) ? renderPanel(child) : child))}\n    </div>\n  );\n});\n\nexport default PanelList;\n"],"names":["React"],"mappings":";;;;;;AAqBA,MAAM,mBAAmB,CAAC,YACxBA,eAAM,eAA2B,OAAO,KAAM,QAA+B,SAAS;AAExF,MAAM,YAAYA,eAAM,WAAW,SAAS,kBAAkB,OAAuB,KAAyC;AAC5H,QAAM,EAAE,QAAQ,UAAU,UAAU,aAAa,MAAM,kBAAkB;AAEzE,QAAM,cAAc,CAAC,UACnBA,eAAM,aAAa,OAAO;AAAA,IACxB;AAAA,IACA,WAAW,WAAW,MAAM,MAAM,WAAW,OAAO,sBAAsB,OAAO,EAAE,CAAC;AAAA,IACpF,eAAe,MAAM,MAAM,iBAAiB;AAAA,EAAA,CAC7C;AAEH,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MACb,oBAAkB,YAAY;AAAA,MAC9B,WAAW,WAAW,EAAE,CAAC,OAAO,qBAAqB,CAAC,GAAG,YAAY,aAAa,SAAS;AAAA,MAE1F,UAAAA,eAAM,SAAS,IAAI,UAAU,CAAA,UAAU,iBAAiB,KAAK,IAAI,YAAY,KAAK,IAAI,KAAM;AAAA,IAAA;AAAA,EAAA;AAGnG,CAAC;"}

package/components/PopMenu/PopMenu.d.ts

@@ -1,41 +0,0 @@
-import { default as React } from 'react';
-import { SvgIcon } from '../Icon';
-import { IconName } from '../Icons/IconNames';
-import { LinkListProps } from '../LinkList';
-export declare enum PopMenuVariant {
-    onWhite = "on-white",
-    onGray = "on-gray",
-    onBlueberry = "on-blueberry"
-}
-export declare enum PopMenuLabelPosition {
-    right = "right",
-    left = "left"
-}
-export interface PopMenuProps {
-    /** Content shown inside PopOver. Can only be a LinkList */
-    children: React.ReactElement<LinkListProps>;
-    /** Adds custom classes to the popover element. */
-    popOverClassName?: string;
-    /** Adds custom classes to the element. */
-    popMenuClassName?: string;
-    /** Changes responsive design for the trigger buttons. */
-    popMenuVariant?: PopMenuVariant;
-    /** Sets the data-testid attribute for the button that opens. */
-    openButtonTestId?: string;
-    /** Sets the data-testid attribute for the button that closes. */
-    closeButtonTestId?: string;
-    /** Sets the data-testid attribute for the popover. */
-    popOverTestId?: string;
-    /** Sets the arial-label attribute for the openButton. */
-    openButtonAriaLabel?: string;
-    /** Sets the arial-label attribute for the closeButton. */
-    closeButtonAriaLabel?: string;
-    /** Sets the icon on the trigger button. */
-    svgIcon?: SvgIcon | IconName;
-    /** Optional text next to the trigger button. */
-    labelText?: string;
-    /** Placement of the label text relative to the trigger button. */
-    labelTextPosition?: PopMenuLabelPosition;
-}
-export declare const PopMenu: React.FC<PopMenuProps>;
-export default PopMenu;

package/components/PopMenu/index.js

@@ -1,121 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useRef, useState } from "react";
-import classNames from "classnames";
-import { IconSize, AnalyticsId } from "../../constants.js";
-import { useIsMobileBreakpoint } from "../../hooks/useIsMobileBreakpoint.js";
-import { useOutsideEvent } from "../../hooks/useOutsideEvent.js";
-import { usePseudoClasses } from "../../hooks/usePseudoClasses.js";
-import { getColor } from "../../theme/currys/color.js";
-import { isComponent } from "../../utils/component.js";
-import { I as Icon } from "../../Icon.js";
-import VerticalDots from "../Icons/VerticalDots.js";
-import X from "../Icons/X.js";
-import { L as LazyIcon } from "../../LazyIcon.js";
-import { L as LinkList } from "../../LinkList.js";
-import { P as PopOver } from "../../PopOver.js";
-import styles from "./styles.module.scss";
-var PopMenuVariant = /* @__PURE__ */ ((PopMenuVariant2) => {
-  PopMenuVariant2["onWhite"] = "on-white";
-  PopMenuVariant2["onGray"] = "on-gray";
-  PopMenuVariant2["onBlueberry"] = "on-blueberry";
-  return PopMenuVariant2;
-})(PopMenuVariant || {});
-var PopMenuLabelPosition = /* @__PURE__ */ ((PopMenuLabelPosition2) => {
-  PopMenuLabelPosition2["right"] = "right";
-  PopMenuLabelPosition2["left"] = "left";
-  return PopMenuLabelPosition2;
-})(PopMenuLabelPosition || {});
-const PopMenu = (props) => {
-  const triggerButtonRef = useRef(null);
-  const iconRef = useRef(null);
-  const outerRef = useRef(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const {
-    children,
-    popOverClassName,
-    popMenuClassName,
-    openButtonTestId,
-    closeButtonTestId,
-    popOverTestId,
-    popMenuVariant = "on-white",
-    openButtonAriaLabel,
-    closeButtonAriaLabel,
-    svgIcon,
-    labelText,
-    labelTextPosition = "right"
-    /* right */
-  } = props;
-  const buttonClasses = classNames(styles["pop-menu-button"], {
-    [styles[`pop-menu-button--${popMenuVariant}`]]: popMenuVariant
-  });
-  const isMobile = useIsMobileBreakpoint();
-  useOutsideEvent(outerRef, () => {
-    setIsOpen(false);
-  });
-  const { isHovered: triggerButtonIsHovered } = usePseudoClasses(triggerButtonRef);
-  const mobileIconSize = isMobile ? IconSize.XSmall : IconSize.Small;
-  const handleClick = (cb) => {
-    setIsOpen(false);
-    if (cb) cb();
-  };
-  const renderChildren = () => {
-    if (isComponent(children, LinkList)) {
-      return /* @__PURE__ */ jsx(
-        PopOver,
-        {
-          testId: popOverTestId,
-          className: classNames(styles["pop-menu__pop-over"], popOverClassName),
-          controllerRef: iconRef,
-          role: "dialog",
-          show: isOpen,
-          children: React__default.Children.map(
-            children,
-            (child) => React__default.cloneElement(child, {
-              children: React__default.Children.map(
-                child.props.children,
-                (child2) => isComponent(child2, LinkList.Link) ? React__default.cloneElement(child2, {
-                  onClick: (event) => handleClick(() => child2.props.onClick && child2.props.onClick(event))
-                }) : child2
-              )
-            })
-          )
-        }
-      );
-    }
-  };
-  const toggleOpenOnClick = (e) => {
-    if (e) e.stopPropagation();
-    setIsOpen(!isOpen);
-  };
-  const iconComponent = svgIcon && typeof svgIcon === "string" ? /* @__PURE__ */ jsx(LazyIcon, { iconName: svgIcon, size: IconSize.XSmall, isHovered: triggerButtonIsHovered }) : svgIcon && /* @__PURE__ */ jsx(Icon, { svgIcon, size: IconSize.XSmall, isHovered: triggerButtonIsHovered });
-  const openIcon = svgIcon ? iconComponent : /* @__PURE__ */ jsx(Icon, { svgIcon: svgIcon ?? VerticalDots, color: getColor("black"), size: mobileIconSize, isHovered: triggerButtonIsHovered });
-  const closeIcon = /* @__PURE__ */ jsx(Icon, { svgIcon: X, color: getColor("black"), size: mobileIconSize, isHovered: triggerButtonIsHovered });
-  const triggerButton = /* @__PURE__ */ jsxs(
-    "button",
-    {
-      ref: triggerButtonRef,
-      "data-testid": isOpen ? closeButtonTestId : openButtonTestId,
-      className: buttonClasses,
-      "aria-label": isOpen ? closeButtonAriaLabel : openButtonAriaLabel,
-      "aria-expanded": isOpen,
-      onClick: toggleOpenOnClick,
-      type: "button",
-      children: [
-        labelText && labelTextPosition == "left" && /* @__PURE__ */ jsx("span", { children: labelText }),
-        /* @__PURE__ */ jsx("div", { className: styles["pop-menu-button__icon-wrapper"], ref: iconRef, children: isOpen ? closeIcon : openIcon }),
-        labelText && labelTextPosition == "right" && /* @__PURE__ */ jsx("span", { children: labelText })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs("div", { ref: outerRef, className: classNames(styles["pop-menu-button"], popMenuClassName), "data-analyticsid": AnalyticsId.PopMenu, children: [
-    triggerButton,
-    isOpen && renderChildren()
-  ] });
-};
-export {
-  PopMenu,
-  PopMenuLabelPosition,
-  PopMenuVariant,
-  PopMenu as default
-};
-//# sourceMappingURL=index.js.map

package/components/PopMenu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/PopMenu/PopMenu.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../constants';\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport { useOutsideEvent } from '../../hooks/useOutsideEvent';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getColor } from '../../theme/currys';\nimport { isComponent } from '../../utils/component';\nimport Icon, { SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport VerticalDots from '../Icons/VerticalDots';\nimport X from '../Icons/X';\nimport LazyIcon from '../LazyIcon';\nimport LinkList, { LinkListProps, LinkProps } from '../LinkList';\nimport PopOver from '../PopOver';\n\nimport styles from './styles.module.scss';\n\nexport enum PopMenuVariant {\n  onWhite = 'on-white',\n  onGray = 'on-gray',\n  onBlueberry = 'on-blueberry',\n}\n\nexport enum PopMenuLabelPosition {\n  right = 'right',\n  left = 'left',\n}\n\nexport interface PopMenuProps {\n  /** Content shown inside PopOver. Can only be a LinkList */\n  children: React.ReactElement<LinkListProps>;\n  /** Adds custom classes to the popover element. */\n  popOverClassName?: string;\n  /** Adds custom classes to the element. */\n  popMenuClassName?: string;\n  /** Changes responsive design for the trigger buttons. */\n  popMenuVariant?: PopMenuVariant;\n  /** Sets the data-testid attribute for the button that opens. */\n  openButtonTestId?: string;\n  /** Sets the data-testid attribute for the button that closes. */\n  closeButtonTestId?: string;\n  /** Sets the data-testid attribute for the popover. */\n  popOverTestId?: string;\n  /** Sets the arial-label attribute for the openButton. */\n  openButtonAriaLabel?: string;\n  /** Sets the arial-label attribute for the closeButton. */\n  closeButtonAriaLabel?: string;\n  /** Sets the icon on the trigger button. */\n  svgIcon?: SvgIcon | IconName;\n  /** Optional text next to the trigger button. */\n  labelText?: string;\n  /** Placement of the label text relative to the trigger button. */\n  labelTextPosition?: PopMenuLabelPosition;\n}\n\nexport const PopMenu: React.FC<PopMenuProps> = (props: PopMenuProps) => {\n  const triggerButtonRef = useRef<HTMLButtonElement>(null);\n  const iconRef = useRef<HTMLDivElement>(null);\n  const outerRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const {\n    children,\n    popOverClassName,\n    popMenuClassName,\n    openButtonTestId,\n    closeButtonTestId,\n    popOverTestId,\n    popMenuVariant = PopMenuVariant.onWhite,\n    openButtonAriaLabel,\n    closeButtonAriaLabel,\n    svgIcon,\n    labelText,\n    labelTextPosition = PopMenuLabelPosition.right,\n  } = props;\n  const buttonClasses = classNames(styles['pop-menu-button'], {\n    [styles[`pop-menu-button--${popMenuVariant}`]]: popMenuVariant,\n  });\n  const isMobile = useIsMobileBreakpoint();\n\n  useOutsideEvent(outerRef, () => {\n    setIsOpen(false);\n  });\n\n  const { isHovered: triggerButtonIsHovered } = usePseudoClasses(triggerButtonRef);\n  const mobileIconSize = isMobile ? IconSize.XSmall : IconSize.Small;\n\n  const handleClick = (cb?: () => void): void => {\n    setIsOpen(false);\n    if (cb) cb();\n  };\n\n  const renderChildren = (): React.ReactElement | undefined => {\n    if (isComponent<LinkListProps>(children, LinkList)) {\n      return (\n        <PopOver\n          testId={popOverTestId}\n          className={classNames(styles['pop-menu__pop-over'], popOverClassName)}\n          controllerRef={iconRef}\n          role=\"dialog\"\n          show={isOpen}\n        >\n          {React.Children.map(children, child =>\n            React.cloneElement(child, {\n              children: React.Children.map(child.props.children, child =>\n                isComponent<LinkProps>(child, LinkList.Link)\n                  ? React.cloneElement(child, {\n                      onClick: (event: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) =>\n                        handleClick(() => child.props.onClick && child.props.onClick(event)),\n                    })\n                  : child\n              ),\n            })\n          )}\n        </PopOver>\n      );\n    }\n  };\n\n  const toggleOpenOnClick = (e?: React.MouseEvent<HTMLElement, MouseEvent>): void => {\n    if (e) e.stopPropagation();\n    setIsOpen(!isOpen);\n  };\n\n  const iconComponent =\n    svgIcon && typeof svgIcon === 'string' ? (\n      <LazyIcon iconName={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    ) : (\n      svgIcon && <Icon svgIcon={svgIcon} size={IconSize.XSmall} isHovered={triggerButtonIsHovered} />\n    );\n\n  const openIcon = svgIcon ? (\n    iconComponent\n  ) : (\n    <Icon svgIcon={svgIcon ?? VerticalDots} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />\n  );\n\n  const closeIcon = <Icon svgIcon={X} color={getColor('black')} size={mobileIconSize} isHovered={triggerButtonIsHovered} />;\n\n  const triggerButton = (\n    <button\n      ref={triggerButtonRef}\n      data-testid={isOpen ? closeButtonTestId : openButtonTestId}\n      className={buttonClasses}\n      aria-label={isOpen ? closeButtonAriaLabel : openButtonAriaLabel}\n      aria-expanded={isOpen}\n      onClick={toggleOpenOnClick}\n      type=\"button\"\n    >\n      {labelText && labelTextPosition == PopMenuLabelPosition.left && <span>{labelText}</span>}\n      {\n        <div className={styles['pop-menu-button__icon-wrapper']} ref={iconRef}>\n          {isOpen ? closeIcon : openIcon}\n        </div>\n      }\n      {labelText && labelTextPosition == PopMenuLabelPosition.right && <span>{labelText}</span>}\n    </button>\n  );\n\n  return (\n    <div ref={outerRef} className={classNames(styles['pop-menu-button'], popMenuClassName)} data-analyticsid={AnalyticsId.PopMenu}>\n      {triggerButton}\n      {isOpen && renderChildren()}\n    </div>\n  );\n};\n\nexport default PopMenu;\n"],"names":["PopMenuVariant","PopMenuLabelPosition","React","child"],"mappings":"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"}