@dnb/eufemia 10.62.3 → 10.63.0

package/es/extensions/payment-card/PaymentCard.js

@@ -138,12 +138,8 @@ const defaultCard = productCode => ({
 });
 process.env.NODE_ENV !== "production" ? StatusOverlay.propTypes = {
   cardStatus: PropTypes.string.isRequired,
-  translations: PropTypes.object.isRequired,
-  skeleton: PropTypes.bool
+  translations: PropTypes.object.isRequired
 } : void 0;
-StatusOverlay.defaultProps = {
-  skeleton: false
-};
 const BlockingOverlay = ({
   cardStatus,
   text
@@ -203,16 +199,12 @@ process.env.NODE_ENV !== "production" ? NormalCard.propTypes = {
   cardNumber: PropTypes.string.isRequired,
   translations: PropTypes.object.isRequired
 } : void 0;
-NormalCard.defaultProps = {
-  id: null,
-  skeleton: null
-};
 function NormalCard({
   data,
   cardStatus,
   cardNumber,
-  id,
-  skeleton,
+  id = null,
+  skeleton = null,
   translations
 }) {
   var _data$cardDesign;
@@ -246,7 +238,6 @@ function NormalCard({
     cardType: data.cardType,
     cardDesign: data.cardDesign
   }))), React.createElement(StatusOverlay, {
-    skeleton: skeleton,
     cardStatus: cardStatus,
     translations: translations
   }));

package/es/extensions/payment-card/PaymentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","P","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","ProductLogo","TypeLogo","BankLogo","StatusIcon","BankAxeptLogo","cardDataPropTypes","process","env","NODE_ENV","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","length","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","text","status","top","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","modifier","_data$cardDesign","_extends","cardStyle","backgroundImage","style","logoType","bankLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool,\n}\nStatusOverlay.defaultProps = {\n  skeleton: false,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  const cardStatusMap = {\n    not_active: translations.text_not_active,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    unknown: translations.text_unknown,\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <BlockingOverlay\n      cardStatus={cardStatus}\n      text={cardStatusMap[cardStatus]}\n    />\n  ) : null\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\nNormalCard.defaultProps = {\n  id: null,\n  skeleton: null,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id,\n  skeleton,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay\n        skeleton={skeleton}\n        cardStatus={cardStatus}\n        translations={translations}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentCard.js","names":["React","PropTypes","classnames","Context","Provider","isTrue","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","P","ProductType","CardType","BankAxeptType","Designs","defaultDesign","cardProducts","ProductLogo","TypeLogo","BankLogo","StatusIcon","BankAxeptLogo","cardDataPropTypes","process","env","NODE_ENV","shape","productCode","string","isRequired","productName","displayName","cardDesign","object","cardType","productType","bankAxept","translationDefaultPropsProps","text_card_number","text_expired","text_blocked","text_not_active","text_order_in_process","text_renewed","text_replaced","text_unknown","PaymentCard","PureComponent","render","_this$context","props","defaultProps","locale","context","skeleton","product_code","card_number","card_status","variant","digits","id","raw_data","className","class","_className","children","attributes","_objectWithoutProperties","_excluded","cardData","getCardData","params","_objectSpread","createElement","Consumer","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","length","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","text","status","top","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","modifier","_data$cardDesign","_extends","cardStyle","backgroundImage","style","logoType","bankLogo"],"sources":["../../../../src/extensions/payment-card/PaymentCard.js"],"sourcesContent":["/**\n * Web PaymentCard Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport {\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../../components/space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../../components/skeleton/SkeletonHelper'\nimport P from '../../elements/P'\n\nimport { ProductType, CardType, BankAxeptType } from './utils/Types'\nimport Designs, { defaultDesign } from './utils/CardDesigns'\nimport cardProducts from './utils/cardProducts'\nimport {\n  ProductLogo,\n  TypeLogo,\n  BankLogo,\n  StatusIcon,\n  BankAxeptLogo,\n} from './icons'\n\nexport { Designs, ProductType, CardType, BankAxeptType }\n\nconst cardDataPropTypes = PropTypes.shape({\n  productCode: PropTypes.string.isRequired,\n  productName: PropTypes.string.isRequired,\n  displayName: PropTypes.string.isRequired,\n  cardDesign: PropTypes.object.isRequired,\n  cardType: PropTypes.object.isRequired,\n  productType: PropTypes.object.isRequired,\n  bankAxept: PropTypes.object.isRequired,\n})\n\nconst translationDefaultPropsProps = {\n  text_card_number: null,\n  text_expired: null,\n  text_blocked: null,\n  text_not_active: null,\n  text_order_in_process: null,\n  text_renewed: null,\n  text_replaced: null,\n  text_unknown: null,\n}\n\nexport default class PaymentCard extends React.PureComponent {\n  static contextType = Context\n\n  static propTypes = {\n    product_code: PropTypes.string.isRequired,\n    card_number: PropTypes.string.isRequired,\n    card_status: PropTypes.oneOf([\n      'active',\n      'blocked',\n      'expired',\n      'not_active',\n      'order_in_process',\n      'renewed',\n      'replaced',\n      'unknown',\n    ]),\n    variant: PropTypes.oneOf(['normal', 'compact']),\n    digits: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    raw_data: cardDataPropTypes,\n    id: PropTypes.string,\n    locale: PropTypes.string,\n\n    skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n    ...spacingPropTypes,\n\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.node,\n      PropTypes.func,\n    ]),\n  }\n\n  static defaultProps = {\n    digits: 8,\n    locale: null,\n    card_status: 'active',\n    variant: 'normal',\n\n    id: null,\n    raw_data: null,\n\n    skeleton: false,\n    className: null,\n    children: null,\n\n    ...translationDefaultPropsProps,\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      PaymentCard.defaultProps,\n      { locale: this.context.locale },\n      { skeleton: this.context?.skeleton }\n    )\n\n    const {\n      product_code,\n      card_number,\n      card_status,\n      variant,\n      digits,\n      id,\n      raw_data,\n      locale,\n      skeleton,\n      className,\n      class: _className,\n      children, //eslint-disable-line\n      ...attributes\n    } = props\n\n    const cardData = raw_data || getCardData(product_code)\n\n    const params = {\n      className: classnames(\n        'dnb-payment-card',\n        `dnb-payment-card--${variant}`,\n        createSkeletonClass(null, skeleton, this.context),\n        createSpacingClasses(props),\n        className,\n        _className\n      ),\n      ...attributes,\n    }\n\n    skeletonDOMAttributes(params, skeleton, this.context)\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, params)\n\n    return (\n      <Provider locale={locale}>\n        <Context.Consumer>\n          {({ translation }) => {\n            const translations = extendPropsWithContextInClassComponent(\n              this.props,\n              translationDefaultPropsProps,\n              translation.PaymentCard\n            )\n            return (\n              <figure {...params}>\n                <figcaption className=\"dnb-sr-only dnb-payment-card__figcaption\">\n                  {cardData.productName}\n                </figcaption>\n                <NormalCard\n                  id={id}\n                  skeleton={isTrue(skeleton)}\n                  data={cardData}\n                  cardStatus={card_status}\n                  cardNumber={formatCardNumber(\n                    card_number,\n                    parseFloat(digits)\n                  )}\n                  translations={translations}\n                />\n              </figure>\n            )\n          }}\n        </Context.Consumer>\n      </Provider>\n    )\n  }\n}\n\nconst formatCardNumberRegex = /(?=(?:....)*$)/g\n\nexport const formatCardNumber = (cardNumber, digits = 8) => {\n  if (!cardNumber) {\n    return cardNumber\n  }\n  if (digits && digits <= cardNumber.length) {\n    return cardNumber\n      .slice(cardNumber.length - digits, cardNumber.length)\n      .replace(formatCardNumberRegex, ' ')\n      .trim()\n  }\n  return cardNumber.replace(formatCardNumberRegex, ' ').trim()\n}\n\nexport const getCardData = (productCode) => {\n  const card = cardProducts.find(\n    (item) => item.productCode === productCode\n  )\n  return card || defaultCard(productCode)\n}\n\nconst defaultCard = (productCode) => ({\n  productCode,\n  productName: '',\n  displayName: '',\n  cardDesign: defaultDesign,\n  cardType: CardType.None,\n  productType: ProductType.None,\n  bankAxept: BankAxeptType.None,\n})\n\nStatusOverlay.propTypes = {\n  cardStatus: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\n\nconst BlockingOverlay = ({ cardStatus, text }, skeleton) => {\n  return (\n    <div\n      className={classnames(\n        'dnb-payment-card__blocking__overlay',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <div className=\"dnb-payment-card__blocking__center\">\n        <StatusIcon status={cardStatus} />\n        <P top=\"xx-small\">{text}</P>\n      </div>\n    </div>\n  )\n}\n\nfunction StatusOverlay({ cardStatus, translations }) {\n  const cardStatusMap = {\n    not_active: translations.text_not_active,\n    order_in_process: translations.text_order_in_process,\n    renewed: translations.text_renewed,\n    replaced: translations.text_replaced,\n    blocked: translations.text_blocked,\n    expired: translations.text_expired,\n    unknown: translations.text_unknown,\n  }\n\n  return cardStatusMap[cardStatus] ? (\n    <BlockingOverlay\n      cardStatus={cardStatus}\n      text={cardStatusMap[cardStatus]}\n    />\n  ) : null\n}\n\nCardText.propTypes = {\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n  skeleton: PropTypes.bool.isRequired,\n}\n\nfunction CardText({ cardNumber, translations, skeleton }) {\n  return (\n    <span\n      className={classnames(\n        'dnb-payment-card__card__wrapper',\n        createSkeletonClass('font', skeleton)\n      )}\n    >\n      <P\n        className=\"dnb-payment-card__card__holder\"\n        modifier=\"x-small medium\"\n      >\n        {translations.text_card_number}\n      </P>\n      <P className=\"dnb-payment-card__card__numbers\">{cardNumber}</P>\n    </span>\n  )\n}\n\nNormalCard.propTypes = {\n  id: PropTypes.string,\n  skeleton: PropTypes.bool,\n  data: cardDataPropTypes.isRequired,\n  cardStatus: PropTypes.string.isRequired,\n  cardNumber: PropTypes.string.isRequired,\n  translations: PropTypes.object.isRequired,\n}\n\nfunction NormalCard({\n  data,\n  cardStatus,\n  cardNumber,\n  id = null,\n  skeleton = null,\n  translations,\n}) {\n  return (\n    <div\n      id={id}\n      className={classnames(\n        'dnb-payment-card__card',\n        `dnb-payment-card__${data.cardDesign.cardStyle}`\n      )}\n      {...(data.cardDesign?.backgroundImage\n        ? {\n            style: {\n              backgroundImage: `url(${data.cardDesign.backgroundImage})`,\n            },\n          }\n        : {})}\n    >\n      <div className=\"dnb-payment-card__card__content\">\n        <div className=\"dnb-payment-card__card__top\">\n          <BankLogo logoType={data.cardDesign.bankLogo} />\n          <ProductLogo\n            productType={data.productType}\n            cardDesign={data.cardDesign}\n          />\n          <BankAxeptLogo\n            bankAxept={data.bankAxept}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n        <div className=\"dnb-payment-card__card__bottom\">\n          <CardText\n            cardNumber={cardNumber}\n            displayName={data.displayName}\n            translations={translations}\n            skeleton={skeleton}\n          />\n          <TypeLogo\n            cardType={data.cardType}\n            cardDesign={data.cardDesign}\n          />\n        </div>\n      </div>\n      <StatusOverlay cardStatus={cardStatus} translations={translations} />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/es/fragments/drawer-list/DrawerList.d.ts

@@ -24,6 +24,7 @@ export type DrawerListDataArrayObject = {
   content?: DrawerListContent;
   disabled?: boolean;
   search_content?: string | React.ReactNode | string[];
+  style?: React.CSSProperties;
 };
 /** @deprecated use `DrawerListDataArrayItem` */
 export type DrawerListDataObjectUnion = DrawerListDataArrayItem;
@@ -111,7 +112,7 @@ export interface DrawerListProps {
    */
   wrapper_element?: DrawerListWrapperElement;
   /**
-   * Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to null.
+   * Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to `null`.
    */
   default_value?: DrawerListDefaultValue;
   /**
@@ -201,7 +202,7 @@ export type DrawerListItemProps = {
      */
     value: string;
   }) => void;
-};
+} & Omit<React.HTMLProps<HTMLElement>, 'children'>;
 export type DrawerListAllProps = DrawerListProps &
   SpacingProps &
   Omit<
@@ -215,6 +216,7 @@ export default class DrawerList extends React.Component<
   static defaultProps: object;
   static Options: (props: DrawerListOptionsProps) => JSX.Element;
   static Item: (props: DrawerListItemProps) => JSX.Element;
+  static HorizontalItem: (props: DrawerListItemProps) => JSX.Element;
   render(): JSX.Element;
 }
 export type ItemContentChildren =

package/es/fragments/drawer-list/DrawerList.js

@@ -4,7 +4,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["role", "align_drawer", "fixed_position", "independent_width", "scrollable", "focusable", "size", "no_animation", "no_scroll_animation", "prevent_selection", "action_menu", "is_popup", "portal_class", "list_class", "ignore_events", "options_render", "className", "cache_hash", "wrapper_element", "triangle_position", "direction", "max_height", "id", "data", "prepared_data", "raw_data", "opened", "value", "children"],
   _excluded2 = ["children", "className", "triangleRef", "cache_hash", "showFocusRing"],
   _excluded3 = ["role", "hash", "children", "className", "on_click", "selected", "active", "value", "disabled"],
-  _excluded4 = ["className"];
+  _excluded4 = ["children", "className"],
+  _excluded5 = ["className"];
 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 _objectSpread(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; }
 import React from 'react';
@@ -194,7 +195,8 @@ class DrawerListInstance extends React.PureComponent {
         selected: !dataItem.ignore_events && _id == selected_item,
         onClick: this.selectItemHandler,
         onKeyDown: this.preventTab,
-        disabled: dataItem.disabled
+        disabled: dataItem.disabled,
+        style: dataItem.style
       };
       if (ignoreEvents) {
         liParams.active = null;
@@ -247,10 +249,10 @@ process.env.NODE_ENV !== "production" ? DrawerListInstance.propTypes = DrawerLis
 DrawerList.Options = React.memo(React.forwardRef((props, ref) => {
   const {
       children,
-      className,
+      className = null,
       triangleRef = null,
-      cache_hash,
-      showFocusRing
+      cache_hash = null,
+      showFocusRing = false
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   return React.createElement("ul", _extends({
@@ -276,22 +278,16 @@ DrawerList.Options.propTypes = {
   className: PropTypes.string,
   triangleRef: PropTypes.object
 };
-DrawerList.Options.defaultProps = {
-  cache_hash: null,
-  showFocusRing: false,
-  className: null,
-  triangleRef: null
-};
 DrawerList.Item = React.forwardRef((props, ref) => {
   const {
-      role,
-      hash,
+      role = 'option',
+      hash = '',
       children,
-      className,
-      on_click,
+      className = null,
+      on_click = null,
       selected,
-      active,
-      value,
+      active = null,
+      value = null,
       disabled
     } = props,
     rest = _objectWithoutProperties(props, _excluded3);
@@ -337,64 +333,54 @@ DrawerList.Item.propTypes = {
   value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   disabled: PropTypes.bool
 };
-DrawerList.Item.defaultProps = {
-  role: 'option',
-  hash: '',
-  className: null,
-  on_click: null,
-  selected: null,
-  active: null,
-  value: null
-};
 export function ItemContent({
   hash = '',
-  children
+  children = undefined
 }) {
   let content = null;
   if (Array.isArray(children.content || children)) {
-    content = (children.content || children).map((item, n) => React.createElement("span", {
+    content = (children.content || children).map((item, n) => React.createElement(DrawerListOptionItem, {
       key: hash + n,
-      className: `dnb-drawer-list__option__item item-nr-${n + 1}`
+      className: `item-nr-${n + 1}`
     }, children.render ? children.render(item, hash + n) : item));
   } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {
     content = children.render ? children.render(children.content, hash, children) : children.content;
     if (content) {
-      content = React.createElement("span", {
-        className: "dnb-drawer-list__option__item"
-      }, content);
+      content = React.createElement(DrawerListOptionItem, null, content);
     }
   } else {
-    content = children && React.createElement("span", {
-      className: "dnb-drawer-list__option__item"
-    }, children);
+    content = children && React.createElement(DrawerListOptionItem, null, children);
   }
-  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? React.createElement(React.Fragment, null, content, React.createElement("span", {
-    className: "dnb-drawer-list__option__item dnb-drawer-list__option__suffix"
+  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? React.createElement(React.Fragment, null, content, React.createElement(DrawerListOptionItem, {
+    className: "dnb-drawer-list__option__suffix"
   }, children.suffix_value)) : content;
 }
 process.env.NODE_ENV !== "production" ? ItemContent.propTypes = {
   hash: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.object])
 } : void 0;
-ItemContent.defaultProps = {
-  hash: '',
-  children: undefined
-};
-DrawerList.HorizontalItem = _ref => {
+function DrawerListOptionItem(_ref) {
   let {
-      className
+      children = undefined,
+      className = null
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded4);
   return React.createElement("span", _extends({
-    className: classnames('dnb-drawer-list__option__item dnb-drawer-list__option__item--horizontal', className)
+    className: classnames('dnb-drawer-list__option__item', className)
+  }, props), children);
+}
+DrawerList.HorizontalItem = _ref2 => {
+  let {
+      className = null
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded5);
+  return React.createElement(DrawerListOptionItem, _extends({
+    className: classnames('dnb-drawer-list__option__item--horizontal', className)
   }, props));
 };
 DrawerList.HorizontalItem.propTypes = {
   className: PropTypes.string
 };
-DrawerList.HorizontalItem.defaultProps = {
-  className: null
-};
 class OnMounted extends React.PureComponent {
   componentDidMount() {
     this.props.addObservers();

package/es/fragments/drawer-list/DrawerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListPropTypes","drawerListDefaultProps","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","PureComponent","constructor","props","_id","id","render","_this$context","hasProvider","context","drawerList","createElement","DrawerListInstance","_extends","data","children","_defineProperty","blurDelay","_objectSpread","process","env","NODE_ENV","propTypes","e","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","setState","Object","entries","reduce","acc","key","triangle_position","_this$context2","defaultProps","getTranslation","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","prepared_data","_prepared_data","raw_data","_raw_data","opened","_opened","value","_value","attributes","_objectWithoutProperties","_excluded","hidden","active_item","showFocusRing","closestToTop","closestToBottom","usePortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","rest","_excluded2","prevProps","nextProps","displayName","oneOfType","node","func","isRequired","string","bool","object","on_click","_excluded3","params","ItemContent","number","content","Array","isArray","item","n","prototype","hasOwnProperty","call","suffix_value","undefined","HorizontalItem","_ref","_excluded4","componentDidMount","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.js"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport {\n  drawerListPropTypes,\n  drawerListDefaultProps,\n} from './DrawerListHelpers'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport default class DrawerList extends React.PureComponent {\n  static contextType = DrawerListContext // only used for the hasProvide check\n\n  static blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\n  static propTypes = {\n    ...drawerListPropTypes,\n  }\n\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n  }\n\n  render() {\n    const hasProvider = this.context?.drawerList\n\n    if (hasProvider) {\n      return <DrawerListInstance {...this.props} />\n    }\n\n    return (\n      <DrawerListProvider\n        id={this._id}\n        {...this.props}\n        data={this.props.data || this.props.children}\n      >\n        <DrawerListInstance id={this._id} {...this.props} />\n      </DrawerListProvider>\n    )\n  }\n}\n\nclass DrawerListInstance extends React.PureComponent {\n  static propTypes = DrawerList.propTypes\n  static defaultProps = DrawerList.defaultProps\n  static contextType = DrawerListContext\n\n  constructor(props, context) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n\n    // send along the event handlers to the provider state\n    context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (props[key]) {\n          acc[key] = props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    context.drawerList.setState({\n      triangle_position: props.triangle_position,\n    })\n  }\n\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerList.defaultProps,\n      this.context.getTranslation(this.props).DrawerList\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      prepared_data: _prepared_data, // eslint-disable-line\n      raw_data: _raw_data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      usePortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = this.context.drawerList\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: '-1',\n      style: {\n        maxHeight: max_height > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item) > -1 ||\n        (!(parseFloat(active_item) > -1) &&\n          !(parseFloat(selected_item) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = '0'\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            children && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          usePortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        {usePortal ? (\n          <DrawerListPortal\n            id={this._id}\n            rootRef={_refRoot}\n            opened={hidden === false}\n            include_owner_width={align_drawer === 'right'}\n            independent_width={isTrue(independent_width)}\n            fixed_position={isTrue(fixed_position)}\n            className={getThemeClasses(this.context?.theme, portal_class)}\n          >\n            {mainList}\n          </DrawerListPortal>\n        ) : (\n          mainList\n        )}\n      </span>\n    )\n  }\n}\n\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef((props, ref) => {\n    const {\n      children,\n      className,\n      triangleRef = null,\n      cache_hash, // eslint-disable-line\n      showFocusRing,\n      ...rest\n    } = props\n\n    return (\n      <ul\n        className={classnames(\n          'dnb-drawer-list__options',\n          showFocusRing && 'dnb-drawer-list__options--focusring',\n          className\n        )}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n        <li\n          className=\"dnb-drawer-list__triangle\"\n          aria-hidden\n          ref={triangleRef}\n        />\n      </ul>\n    )\n  }),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\nDrawerList.Options.displayName = 'DrawerList.Options'\nDrawerList.Options.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n  cache_hash: PropTypes.string,\n  showFocusRing: PropTypes.bool,\n  className: PropTypes.string,\n  triangleRef: PropTypes.object,\n}\nDrawerList.Options.defaultProps = {\n  cache_hash: null,\n  showFocusRing: false,\n  className: null,\n  triangleRef: null,\n}\n\n// DrawerList Item\nDrawerList.Item = React.forwardRef((props, ref) => {\n  const {\n    role, // eslint-disable-line\n    hash, // eslint-disable-line\n    children, // eslint-disable-line\n    className, // eslint-disable-line\n    on_click, // eslint-disable-line\n    selected, // eslint-disable-line\n    active, // eslint-disable-line\n    value, // eslint-disable-line\n    disabled, // eslint-disable-line\n    ...rest\n  } = props\n\n  const params = {\n    className: classnames(\n      className,\n      'dnb-drawer-list__option',\n      selected && 'dnb-drawer-list__option--selected',\n      active && 'dnb-drawer-list__option--focus'\n    ),\n    role,\n    tabIndex: selected ? '0' : '-1',\n    'aria-selected': active,\n    disabled,\n    'aria-disabled': disabled,\n  }\n  if (selected) {\n    params['aria-current'] = true // has best support on NVDA\n  }\n\n  if (on_click) {\n    params.onClick = () =>\n      dispatchCustomElementEvent(\n        {\n          props: { ...props, displayName: DrawerList.Item.displayName },\n        },\n        'on_click',\n        {\n          selected,\n          value,\n          ...rest,\n        }\n      )\n  }\n\n  return (\n    <li {...params} {...rest} ref={ref} key={'li' + hash}>\n      <span className=\"dnb-drawer-list__option__inner\">\n        <ItemContent hash={hash}>{children}</ItemContent>\n      </span>\n    </li>\n  )\n})\nDrawerList.Item.displayName = 'DrawerList.Item'\nDrawerList.Item.propTypes = {\n  role: PropTypes.string,\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.object,\n  ]).isRequired,\n  className: PropTypes.string,\n  on_click: PropTypes.func,\n  selected: PropTypes.bool,\n  active: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n}\nDrawerList.Item.defaultProps = {\n  role: 'option',\n  hash: '',\n  className: null,\n  on_click: null,\n  selected: null,\n  active: null,\n  value: null,\n}\n\nexport function ItemContent({ hash = '', children }) {\n  let content = null\n\n  if (Array.isArray(children.content || children)) {\n    content = (children.content || children).map((item, n) => (\n      <span\n        key={hash + n}\n        className={`dnb-drawer-list__option__item item-nr-${n + 1}`} // \"item-nr\" is used by CSS\n      >\n        {children.render ? children.render(item, hash + n) : item}\n      </span>\n    ))\n  } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {\n    content = children.render\n      ? children.render(children.content, hash, children)\n      : children.content\n    if (content) {\n      content = (\n        <span className=\"dnb-drawer-list__option__item\">{content}</span>\n      )\n    }\n  } else {\n    content = children && (\n      <span className=\"dnb-drawer-list__option__item\">{children}</span>\n    )\n  }\n\n  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? (\n    <>\n      {content}\n\n      <span className=\"dnb-drawer-list__option__item dnb-drawer-list__option__suffix\">\n        {children.suffix_value}\n      </span>\n    </>\n  ) : (\n    content\n  )\n}\nItemContent.propTypes = {\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n}\nItemContent.defaultProps = {\n  hash: '',\n  children: undefined,\n}\n\nDrawerList.HorizontalItem = ({ className, ...props }) => (\n  <span\n    className={classnames([\n      'dnb-drawer-list__option__item dnb-drawer-list__option__item--horizontal',\n      className,\n    ])}\n    {...props}\n  />\n)\nDrawerList.HorizontalItem.propTypes = {\n  className: PropTypes.string,\n}\nDrawerList.HorizontalItem.defaultProps = {\n  className: null,\n}\n\nclass OnMounted extends React.PureComponent {\n  static propTypes = {\n    addObservers: PropTypes.func.isRequired,\n    removeObservers: PropTypes.func.isRequired,\n  }\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","keycode","getThemeClasses","createSpacingClasses","DrawerListContext","DrawerListProvider","DrawerListPortal","drawerListPropTypes","drawerListDefaultProps","propsToFilterOut","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","on_key_down","options_render","wrapper_element","DrawerList","PureComponent","constructor","props","_id","id","render","_this$context","hasProvider","context","drawerList","createElement","DrawerListInstance","_extends","data","children","_defineProperty","blurDelay","_objectSpread","process","env","NODE_ENV","propTypes","e","hasFocusOnElement","preventDefault","setHidden","event","selected_item","parseFloat","currentTarget","getAttribute","selectItemAndClose","fireSelectEvent","state","setState","Object","entries","reduce","acc","key","triangle_position","_this$context2","defaultProps","getTranslation","role","align_drawer","fixed_position","independent_width","scrollable","focusable","size","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","portal_class","list_class","ignore_events","className","cache_hash","_cache_hash","_wrapper_element","_triangle_position","direction","_direction","max_height","_max_height","_data","prepared_data","_prepared_data","raw_data","_raw_data","opened","_opened","value","_value","attributes","_objectWithoutProperties","_excluded","hidden","active_item","showFocusRing","closestToTop","closestToBottom","usePortal","addObservers","removeObservers","_refShell","_refTriangle","_refUl","_refRoot","mainParams","listParams","ulParams","tabIndex","style","maxHeight","ref","assign","ignoreEvents","Items","map","dataItem","i","__id","hash","liParams","class_name","length","active","selected","onClick","selectItemHandler","onKeyDown","preventTab","disabled","Item","mainList","Fragment","Options","triangleRef","OnMounted","rootRef","include_owner_width","theme","memo","forwardRef","rest","_excluded2","prevProps","nextProps","displayName","oneOfType","node","func","isRequired","string","bool","object","on_click","_excluded3","params","ItemContent","number","undefined","content","Array","isArray","item","n","DrawerListOptionItem","prototype","hasOwnProperty","call","suffix_value","_ref","_excluded4","HorizontalItem","_ref2","_excluded5","componentDidMount","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.js"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n  keycode,\n} from '../../shared/component-helper'\nimport { getThemeClasses } from '../../shared/Theme'\nimport { createSpacingClasses } from '../../components/space/SpacingHelper'\n\nimport DrawerListContext from './DrawerListContext'\nimport DrawerListProvider from './DrawerListProvider'\nimport DrawerListPortal from './DrawerListPortal'\nimport {\n  drawerListPropTypes,\n  drawerListDefaultProps,\n} from './DrawerListHelpers'\n\nconst propsToFilterOut = {\n  on_show: null,\n  on_hide: null,\n  handle_dismiss_focus: null,\n  on_change: null,\n  on_pre_change: null,\n  on_resize: null,\n  on_select: null,\n  on_state_update: null,\n  on_key_down: null,\n  options_render: null,\n  wrapper_element: null,\n}\n\nexport default class DrawerList extends React.PureComponent {\n  static contextType = DrawerListContext // only used for the hasProvide check\n\n  static blurDelay = DrawerListProvider.blurDelay // some ms more than \"DrawerListSlideDown 200ms\" = 201 // some ms more than \"DrawerListSlideDown 200ms\"\n\n  static propTypes = {\n    ...drawerListPropTypes,\n  }\n\n  static defaultProps = {\n    ...drawerListDefaultProps,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n  }\n\n  render() {\n    const hasProvider = this.context?.drawerList\n\n    if (hasProvider) {\n      return <DrawerListInstance {...this.props} />\n    }\n\n    return (\n      <DrawerListProvider\n        id={this._id}\n        {...this.props}\n        data={this.props.data || this.props.children}\n      >\n        <DrawerListInstance id={this._id} {...this.props} />\n      </DrawerListProvider>\n    )\n  }\n}\n\nclass DrawerListInstance extends React.PureComponent {\n  static propTypes = DrawerList.propTypes\n  static defaultProps = DrawerList.defaultProps\n  static contextType = DrawerListContext\n\n  constructor(props, context) {\n    super(props)\n\n    this._id = props.id || makeUniqueId()\n    this.state = this.state || {}\n\n    // send along the event handlers to the provider state\n    context.drawerList.setState(\n      Object.entries(propsToFilterOut).reduce((acc, [key]) => {\n        if (props[key]) {\n          acc[key] = props[key]\n        }\n        return acc\n      }, {})\n    )\n\n    context.drawerList.setState({\n      triangle_position: props.triangle_position,\n    })\n  }\n\n  preventTab = (e) => {\n    switch (keycode(e)) {\n      case 'tab':\n        if (!this.context.drawerList.hasFocusOnElement) {\n          e.preventDefault()\n          this.context.drawerList.setHidden()\n        }\n        break\n\n      case 'page down':\n      case 'page up':\n        e.preventDefault()\n        break\n    }\n  }\n\n  selectItemHandler = (event) => {\n    // In case we want to stop if the users makes a number selection.\n    // Should optional\n    // if (getPreviousSibling('dnb-number-format', event.target)) {\n    //   return // stop\n    // }\n    const selected_item = parseFloat(\n      event.currentTarget.getAttribute('data-item')\n    )\n    if (selected_item > -1) {\n      this.context.drawerList.selectItemAndClose(selected_item, {\n        fireSelectEvent: true,\n        event,\n      })\n    }\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      DrawerList.defaultProps,\n      this.context.getTranslation(this.props).DrawerList\n    )\n\n    const {\n      role,\n      align_drawer,\n      fixed_position,\n      independent_width,\n      scrollable,\n      focusable,\n      size,\n      no_animation,\n      no_scroll_animation,\n      prevent_selection,\n      action_menu,\n      is_popup,\n      portal_class,\n      list_class,\n      ignore_events,\n      options_render,\n      className,\n      cache_hash: _cache_hash, // eslint-disable-line\n      wrapper_element: _wrapper_element, // eslint-disable-line\n      triangle_position: _triangle_position, // eslint-disable-line\n      direction: _direction, // eslint-disable-line\n      max_height: _max_height, // eslint-disable-line\n      id: _id, // eslint-disable-line\n      data: _data, // eslint-disable-line\n      prepared_data: _prepared_data, // eslint-disable-line\n      raw_data: _raw_data, // eslint-disable-line\n      opened: _opened, // eslint-disable-line\n      value: _value, // eslint-disable-line\n      children,\n\n      ...attributes\n    } = props\n\n    const id = this._id\n\n    const {\n      data,\n      opened,\n      hidden,\n      triangle_position,\n      direction,\n      max_height,\n      cache_hash,\n      selected_item,\n      active_item,\n      showFocusRing,\n      closestToTop,\n      closestToBottom,\n      usePortal,\n      addObservers,\n      removeObservers,\n      _refShell,\n      _refTriangle,\n      _refUl,\n      _refRoot,\n    } = this.context.drawerList\n\n    const mainParams = {\n      id: `${id}-drawer-list`,\n      className: classnames(\n        'dnb-drawer-list',\n        opened && 'dnb-drawer-list--opened',\n        hidden && 'dnb-drawer-list--hidden',\n        `dnb-drawer-list--${direction}`,\n        triangle_position &&\n          `dnb-drawer-list--triangle-position-${triangle_position}`,\n        align_drawer && `dnb-drawer-list--${align_drawer}`,\n        size && `dnb-drawer-list--${size}`,\n        isTrue(action_menu) && `dnb-drawer-list--action-menu`,\n        isTrue(is_popup) && 'dnb-drawer-list--is-popup',\n        (isTrue(independent_width) || isTrue(action_menu)) &&\n          'dnb-drawer-list--independent-width',\n        isTrue(scrollable) && 'dnb-drawer-list--scroll',\n        isTrue(no_scroll_animation) &&\n          'dnb-drawer-list--no-scroll-animation',\n        createSpacingClasses(props),\n        className\n      ),\n      ...attributes,\n    }\n\n    const listParams = {\n      id: `${id}-listbox`,\n      /**\n       * We may consider to use the hidden attribute in future\n       * Or we may add an prop to put the HTML in the DOM, if needed\n       */\n      // hidden: hidden !== false,\n      className: classnames(\n        'dnb-drawer-list__list',\n        isTrue(no_animation) && 'dnb-drawer-list__list--no-animation',\n        list_class\n      ),\n    }\n\n    const ulParams = {\n      role,\n      id: `${id}-ul`,\n      'aria-expanded': opened,\n      'aria-labelledby': `${id}-label`,\n      tabIndex: '-1',\n      style: {\n        maxHeight: max_height > 0 ? `${max_height}rem` : null,\n      },\n      ref: _refUl,\n    }\n\n    if (\n      !hidden &&\n      (parseFloat(active_item) > -1 ||\n        (!(parseFloat(active_item) > -1) &&\n          !(parseFloat(selected_item) > -1)))\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${\n        parseFloat(active_item) > -1 ? active_item : 0\n      }`\n    } else if (\n      !isTrue(prevent_selection) &&\n      !hidden &&\n      parseFloat(selected_item) > -1\n    ) {\n      ulParams['aria-activedescendant'] = `option-${id}-${selected_item}`\n    }\n\n    if (isTrue(focusable)) {\n      ulParams.tabIndex = '0'\n    }\n\n    // also used for code markup simulation\n    validateDOMAttributes(this.props, mainParams)\n    validateDOMAttributes(null, listParams)\n    validateDOMAttributes(null, ulParams)\n\n    // make it possible to grab the rest attributes and return it with all events\n    Object.assign(\n      this.context.drawerList.attributes,\n      validateDOMAttributes(null, attributes)\n    )\n\n    const ignoreEvents = isTrue(ignore_events)\n\n    const Items = () =>\n      data.map((dataItem, i) => {\n        const _id = dataItem.__id\n        const hash = `option-${id}-${_id}-${i}`\n        const liParams = {\n          role: role === 'menu' ? 'menuitem' : 'option',\n          'data-item': _id,\n          id: `option-${id}-${_id}`,\n          hash,\n          className: classnames(\n            // helper classes\n            i === closestToTop && 'closest-to-top',\n            i === closestToBottom && 'closest-to-bottom',\n            i === 0 && 'first-of-type', // because of the triangle element\n            i === data.length - 1 && 'last-of-type', // because of the triangle element\n            ignoreEvents || (dataItem.ignore_events && 'ignore-events'),\n            dataItem.class_name\n          ),\n          active: _id == active_item,\n          selected: !dataItem.ignore_events && _id == selected_item,\n          onClick: this.selectItemHandler,\n          onKeyDown: this.preventTab,\n          disabled: dataItem.disabled,\n          style: dataItem.style,\n        }\n\n        if (ignoreEvents) {\n          liParams.active = null\n          liParams.selected = null\n          liParams.onClick = null\n          liParams.onKeyDown = null\n          liParams.className = classnames(\n            liParams.className,\n            'dnb-drawer-list__option--ignore'\n          )\n        }\n\n        return (\n          <DrawerList.Item key={hash} {...liParams}>\n            {dataItem}\n          </DrawerList.Item>\n        )\n      })\n\n    const mainList = (\n      <span {...mainParams} ref={_refShell}>\n        <span {...listParams}>\n          {hidden === false && data && data.length > 0 ? (\n            <>\n              <DrawerList.Options\n                cache_hash={\n                  cache_hash +\n                  active_item +\n                  selected_item +\n                  closestToTop +\n                  closestToBottom +\n                  direction +\n                  max_height\n                }\n                {...ulParams}\n                showFocusRing={showFocusRing}\n                triangleRef={_refTriangle}\n              >\n                {typeof options_render === 'function' ? (\n                  options_render({ data, Items, Item: DrawerList.Item })\n                ) : (\n                  <Items />\n                )}\n              </DrawerList.Options>\n              <OnMounted\n                addObservers={addObservers}\n                removeObservers={removeObservers}\n              />\n            </>\n          ) : (\n            children && (\n              <span className=\"dnb-drawer-list__content\">\n                {children}\n                <span\n                  className=\"dnb-drawer-list__triangle\"\n                  ref={_refTriangle}\n                />\n              </span>\n            )\n          )}\n        </span>\n      </span>\n    )\n\n    return (\n      <span\n        className={classnames(\n          'dnb-drawer-list__root',\n          usePortal && 'dnb-drawer-list__root--portal'\n        )}\n        ref={_refRoot}\n      >\n        {usePortal ? (\n          <DrawerListPortal\n            id={this._id}\n            rootRef={_refRoot}\n            opened={hidden === false}\n            include_owner_width={align_drawer === 'right'}\n            independent_width={isTrue(independent_width)}\n            fixed_position={isTrue(fixed_position)}\n            className={getThemeClasses(this.context?.theme, portal_class)}\n          >\n            {mainList}\n          </DrawerListPortal>\n        ) : (\n          mainList\n        )}\n      </span>\n    )\n  }\n}\n\n// DrawerList List\nDrawerList.Options = React.memo(\n  React.forwardRef((props, ref) => {\n    const {\n      children,\n      className = null,\n      triangleRef = null,\n      cache_hash = null, // eslint-disable-line\n      showFocusRing = false,\n      ...rest\n    } = props\n\n    return (\n      <ul\n        className={classnames(\n          'dnb-drawer-list__options',\n          showFocusRing && 'dnb-drawer-list__options--focusring',\n          className\n        )}\n        {...rest}\n        ref={ref}\n      >\n        {children}\n        <li\n          className=\"dnb-drawer-list__triangle\"\n          aria-hidden\n          ref={triangleRef}\n        />\n      </ul>\n    )\n  }),\n  (prevProps, nextProps) => {\n    if (!prevProps.cache_hash) {\n      return null\n    }\n    return prevProps.cache_hash === nextProps.cache_hash\n  }\n)\nDrawerList.Options.displayName = 'DrawerList.Options'\nDrawerList.Options.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n  cache_hash: PropTypes.string,\n  showFocusRing: PropTypes.bool,\n  className: PropTypes.string,\n  triangleRef: PropTypes.object,\n}\n\n// DrawerList Item\nDrawerList.Item = React.forwardRef((props, ref) => {\n  const {\n    role = 'option', // eslint-disable-line\n    hash = '', // eslint-disable-line\n    children, // eslint-disable-line\n    className = null, // eslint-disable-line\n    on_click = null, // eslint-disable-line\n    selected, // eslint-disable-line\n    active = null, // eslint-disable-line\n    value = null, // eslint-disable-line\n    disabled, // eslint-disable-line\n    ...rest\n  } = props\n\n  const params = {\n    className: classnames(\n      className,\n      'dnb-drawer-list__option',\n      selected && 'dnb-drawer-list__option--selected',\n      active && 'dnb-drawer-list__option--focus'\n    ),\n    role,\n    tabIndex: selected ? '0' : '-1',\n    'aria-selected': active,\n    disabled,\n    'aria-disabled': disabled,\n  }\n  if (selected) {\n    params['aria-current'] = true // has best support on NVDA\n  }\n\n  if (on_click) {\n    params.onClick = () =>\n      dispatchCustomElementEvent(\n        {\n          props: { ...props, displayName: DrawerList.Item.displayName },\n        },\n        'on_click',\n        {\n          selected,\n          value,\n          ...rest,\n        }\n      )\n  }\n\n  return (\n    <li {...params} {...rest} ref={ref} key={'li' + hash}>\n      <span className=\"dnb-drawer-list__option__inner\">\n        <ItemContent hash={hash}>{children}</ItemContent>\n      </span>\n    </li>\n  )\n})\nDrawerList.Item.displayName = 'DrawerList.Item'\nDrawerList.Item.propTypes = {\n  role: PropTypes.string,\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.object,\n  ]).isRequired,\n  className: PropTypes.string,\n  on_click: PropTypes.func,\n  selected: PropTypes.bool,\n  active: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.bool,\n}\n\nexport function ItemContent({ hash = '', children = undefined }) {\n  let content = null\n\n  if (Array.isArray(children.content || children)) {\n    content = (children.content || children).map((item, n) => (\n      <DrawerListOptionItem\n        key={hash + n}\n        className={`item-nr-${n + 1}`} // \"item-nr\" is used by CSS\n      >\n        {children.render ? children.render(item, hash + n) : item}\n      </DrawerListOptionItem>\n    ))\n  } else if (Object.prototype.hasOwnProperty.call(children, 'content')) {\n    content = children.render\n      ? children.render(children.content, hash, children)\n      : children.content\n    if (content) {\n      content = <DrawerListOptionItem>{content}</DrawerListOptionItem>\n    }\n  } else {\n    content = children && (\n      <DrawerListOptionItem>{children}</DrawerListOptionItem>\n    )\n  }\n\n  return Object.prototype.hasOwnProperty.call(children, 'suffix_value') ? (\n    <>\n      {content}\n\n      <DrawerListOptionItem className=\"dnb-drawer-list__option__suffix\">\n        {children.suffix_value}\n      </DrawerListOptionItem>\n    </>\n  ) : (\n    content\n  )\n}\nItemContent.propTypes = {\n  hash: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.object]),\n}\n\nfunction DrawerListOptionItem({\n  children = undefined,\n  className = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames(['dnb-drawer-list__option__item', className])}\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nDrawerList.HorizontalItem = ({ className = null, ...props }) => (\n  <DrawerListOptionItem\n    className={classnames([\n      'dnb-drawer-list__option__item--horizontal',\n      className,\n    ])}\n    {...props}\n  />\n)\n\nDrawerList.HorizontalItem.propTypes = {\n  className: PropTypes.string,\n}\n\nclass OnMounted extends React.PureComponent {\n  static propTypes = {\n    addObservers: PropTypes.func.isRequired,\n    removeObservers: PropTypes.func.isRequired,\n  }\n  componentDidMount() {\n    this.props.addObservers()\n  }\n  componentWillUnmount() {\n    this.props.removeObservers()\n  }\n  render() {\n    return null\n  }\n}\n"],"mappings":"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"}

package/es/fragments/drawer-list/DrawerListDocs.js

@@ -1,6 +1,6 @@
 export const DrawerListProperties = {
-  '[data](#prop-data)': {
-    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#prop-data). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,
+  '[data](#the-data-property)': {
+    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#the-data-property). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,
     type: ['{DATA}', '() => {DATA}'],
     status: 'required'
   },
@@ -10,7 +10,7 @@ export const DrawerListProperties = {
     status: 'optional'
   },
   default_value: {
-    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to null.',
+    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to `null`.',
     type: 'number',
     status: 'optional'
   },

package/es/fragments/drawer-list/DrawerListDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerListDocs.js","names":["DrawerListProperties","doc","type","status","value","default_value","triangle_position","direction","label_direction","prevent_selection","focusable","prevent_close","keep_open","independent_width","fixed_position","enable_body_lock","skip_keysearch","ignore_events","align_drawer","list_class","portal_class","scrollable","no_scroll_animation","no_animation","skip_portal","min_height","max_height","page_offset","observer_element","cache_hash","wrapper_element","options_render","DrawerListEvents","on_pre_change","on_change","on_select","on_show","on_hide","DrawerListItem","content","disabled","selectedKey","selected_value","suffix_value","selected_key"],"sources":["../../../../src/fragments/drawer-list/DrawerListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerListProperties: PropertiesTableProps = {\n  '[data](#prop-data)': {\n    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#prop-data). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,\n    type: ['{DATA}', '() => {DATA}'],\n    status: 'required',\n  },\n  value: {\n    doc: 'Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  default_value: {\n    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to null.',\n    type: 'number',\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: \"Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\",\n    type: 'string',\n    status: 'optional',\n  },\n  direction: {\n    doc: \"Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\",\n    type: 'string',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: \"The direction of the label. If set to 'horizontal', the label will be positioned horizontally next to the input element. If set to 'vertical', the label will be positioned vertically above the input element.\",\n    type: 'string',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, the DrawerList will then not make any permanent selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  focusable: {\n    doc: 'If set to `true`, the element is then focusable by assertive technologies.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_close: {\n    doc: 'If set to `true`, the DrawerList will not close on any events.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_open: {\n    doc: 'If set to `true`, the DrawerList will close on outside clicks, but not on selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  independent_width: {\n    doc: 'If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  fixed_position: {\n    doc: 'If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  enable_body_lock: {\n    doc: 'If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_keysearch: {\n    doc: 'If set to `true`, search items by the first key will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ignore_events: {\n    doc: 'If set to `true`, all keyboard and mouse events will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_drawer: {\n    doc: \"Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\",\n    type: 'string',\n    status: 'optional',\n  },\n  list_class: {\n    doc: 'Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.',\n    type: 'string',\n    status: 'optional',\n  },\n  portal_class: {\n    doc: 'Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.',\n    type: 'string',\n    status: 'optional',\n  },\n  scrollable: {\n    doc: 'Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_scroll_animation: {\n    doc: 'To disable scrolling animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'To disable appear/disappear (show/hide) animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'To disable the React Portal behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  min_height: {\n    doc: 'Defines the minimum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  max_height: {\n    doc: 'Defines the maximum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  page_offset: {\n    doc: 'Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).',\n    type: 'string',\n    status: 'optional',\n  },\n  observer_element: {\n    doc: 'Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.',\n    type: 'string',\n    status: 'optional',\n  },\n  cache_hash: {\n    doc: 'Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrapper_element: {\n    doc: \"Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\",\n    type: 'HTMLElement',\n    status: 'optional',\n  },\n  options_render: {\n    doc: 'Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DrawerListEvents: PropertiesTableProps = {\n  on_pre_change: {\n    doc: 'Will be called before `on_change`, this way you can return false to prevent selection and to prevent `on_change` execution.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the user focuses or selects an item by a click or keyboard navigation.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the drawer-list.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the drawer-list again, or clicks somewhere else.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DrawerListItem: PropertiesTableProps = {\n  content: {\n    doc: 'Visual content in the list item',\n    type: ['string', 'React.node', '(string | React.Node)[]'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Disables the list item from selection',\n    type: 'boolean',\n    status: 'optional',\n  },\n  selectedKey: {\n    doc: 'If set, can be used instead of array index by the `value` prop',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selected_value: {\n    doc: 'Replaces the standard value output for selected item. Only used in some implementations (Dropdown, Autocomplete).',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  suffix_value: {\n    doc: 'Content placed to the right in the list item.',\n    type: ['string', 'React.node'],\n    status: 'optional',\n  },\n  selected_key: {\n    doc: 'Use prop `selectedKey` instead',\n    type: ['string', 'number'],\n    status: 'deprecated',\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"DrawerListDocs.js","names":["DrawerListProperties","doc","type","status","value","default_value","triangle_position","direction","label_direction","prevent_selection","focusable","prevent_close","keep_open","independent_width","fixed_position","enable_body_lock","skip_keysearch","ignore_events","align_drawer","list_class","portal_class","scrollable","no_scroll_animation","no_animation","skip_portal","min_height","max_height","page_offset","observer_element","cache_hash","wrapper_element","options_render","DrawerListEvents","on_pre_change","on_change","on_select","on_show","on_hide","DrawerListItem","content","disabled","selectedKey","selected_value","suffix_value","selected_key"],"sources":["../../../../src/fragments/drawer-list/DrawerListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerListProperties: PropertiesTableProps = {\n  '[data](#the-data-property)': {\n    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#the-data-property). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,\n    type: ['{DATA}', '() => {DATA}'],\n    status: 'required',\n  },\n  value: {\n    doc: 'Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  default_value: {\n    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: \"Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\",\n    type: 'string',\n    status: 'optional',\n  },\n  direction: {\n    doc: \"Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\",\n    type: 'string',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: \"The direction of the label. If set to 'horizontal', the label will be positioned horizontally next to the input element. If set to 'vertical', the label will be positioned vertically above the input element.\",\n    type: 'string',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, the DrawerList will then not make any permanent selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  focusable: {\n    doc: 'If set to `true`, the element is then focusable by assertive technologies.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_close: {\n    doc: 'If set to `true`, the DrawerList will not close on any events.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_open: {\n    doc: 'If set to `true`, the DrawerList will close on outside clicks, but not on selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  independent_width: {\n    doc: 'If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  fixed_position: {\n    doc: 'If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  enable_body_lock: {\n    doc: 'If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_keysearch: {\n    doc: 'If set to `true`, search items by the first key will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ignore_events: {\n    doc: 'If set to `true`, all keyboard and mouse events will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_drawer: {\n    doc: \"Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\",\n    type: 'string',\n    status: 'optional',\n  },\n  list_class: {\n    doc: 'Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.',\n    type: 'string',\n    status: 'optional',\n  },\n  portal_class: {\n    doc: 'Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.',\n    type: 'string',\n    status: 'optional',\n  },\n  scrollable: {\n    doc: 'Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_scroll_animation: {\n    doc: 'To disable scrolling animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'To disable appear/disappear (show/hide) animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'To disable the React Portal behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  min_height: {\n    doc: 'Defines the minimum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  max_height: {\n    doc: 'Defines the maximum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  page_offset: {\n    doc: 'Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).',\n    type: 'string',\n    status: 'optional',\n  },\n  observer_element: {\n    doc: 'Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.',\n    type: 'string',\n    status: 'optional',\n  },\n  cache_hash: {\n    doc: 'Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrapper_element: {\n    doc: \"Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\",\n    type: 'HTMLElement',\n    status: 'optional',\n  },\n  options_render: {\n    doc: 'Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DrawerListEvents: PropertiesTableProps = {\n  on_pre_change: {\n    doc: 'Will be called before `on_change`, this way you can return false to prevent selection and to prevent `on_change` execution.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the user focuses or selects an item by a click or keyboard navigation.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the drawer-list.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the drawer-list again, or clicks somewhere else.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DrawerListItem: PropertiesTableProps = {\n  content: {\n    doc: 'Visual content in the list item',\n    type: ['string', 'React.node', '(string | React.Node)[]'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Disables the list item from selection',\n    type: 'boolean',\n    status: 'optional',\n  },\n  selectedKey: {\n    doc: 'If set, can be used instead of array index by the `value` prop',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selected_value: {\n    doc: 'Replaces the standard value output for selected item. Only used in some implementations (Dropdown, Autocomplete).',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  suffix_value: {\n    doc: 'Content placed to the right in the list item.',\n    type: ['string', 'React.node'],\n    status: 'optional',\n  },\n  selected_key: {\n    doc: 'Use prop `selectedKey` instead',\n    type: ['string', 'number'],\n    status: 'deprecated',\n  },\n}\n"],"mappings":"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"}

package/es/fragments/drawer-list/style/dnb-drawer-list.scss

@@ -83,7 +83,7 @@
     }
 
     // higher than modal --modal-z-index:
-    z-index: 3200;
+    z-index: calc(var(--modal-z-index, 3200) + 200);
 
     &--fixed {
       position: fixed;

package/es/shared/AlignmentHelper.js

@@ -19,8 +19,4 @@ process.env.NODE_ENV !== "production" ? AlignmentHelper.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string
 } : void 0;
-AlignmentHelper.defaultProps = {
-  children: null,
-  className: null
-};
 //# sourceMappingURL=AlignmentHelper.js.map

package/es/shared/AlignmentHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentHelper.js","names":["React","PropTypes","classnames","AlignmentHelper","_ref","className","children","props","_objectWithoutProperties","_excluded","createElement","_extends","process","env","NODE_ENV","propTypes","node","string","defaultProps"],"sources":["../../../src/shared/AlignmentHelper.js"],"sourcesContent":["/**\n * Alignment helper\n *\n * This helper element provides needed help when it comes to HTML inline alignment (vertically)\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nexport default function AlignmentHelper({\n  className = null,\n  children = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames('dnb-alignment-helper', className)}\n      aria-hidden\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nAlignmentHelper.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\nAlignmentHelper.defaultProps = {\n  children: null,\n  className: null,\n}\n"],"mappings":";;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAIpC;EAAA,IAJqC;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEb,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,SAAAC,QAAA;IACEN,SAAS,EAAEH,UAAU,CAAC,sBAAsB,EAAEG,SAAS,CAAE;IACzD;EAAW,GACPE,KAAK,GAERD,QACG,CAAC;AAEX;AAEAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAX,eAAe,CAACY,SAAS,GAAG;EAC1BT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxBX,SAAS,EAAEJ,SAAS,CAACgB;AACvB,CAAC;AACDd,eAAe,CAACe,YAAY,GAAG;EAC7BZ,QAAQ,EAAE,IAAI;EACdD,SAAS,EAAE;AACb,CAAC"}
+{"version":3,"file":"AlignmentHelper.js","names":["React","PropTypes","classnames","AlignmentHelper","_ref","className","children","props","_objectWithoutProperties","_excluded","createElement","_extends","process","env","NODE_ENV","propTypes","node","string"],"sources":["../../../src/shared/AlignmentHelper.js"],"sourcesContent":["/**\n * Alignment helper\n *\n * This helper element provides needed help when it comes to HTML inline alignment (vertically)\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nexport default function AlignmentHelper({\n  className = null,\n  children = null,\n  ...props\n}) {\n  return (\n    <span\n      className={classnames('dnb-alignment-helper', className)}\n      aria-hidden\n      {...props}\n    >\n      {children}\n    </span>\n  )\n}\n\nAlignmentHelper.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n}\n"],"mappings":";;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,eAAe,SAASC,eAAeA,CAAAC,IAAA,EAIpC;EAAA,IAJqC;MACtCC,SAAS,GAAG,IAAI;MAChBC,QAAQ,GAAG;IAEb,CAAC,GAAAF,IAAA;IADIG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,OACET,KAAA,CAAAU,aAAA,SAAAC,QAAA;IACEN,SAAS,EAAEH,UAAU,CAAC,sBAAsB,EAAEG,SAAS,CAAE;IACzD;EAAW,GACPE,KAAK,GAERD,QACG,CAAC;AAEX;AAEAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAAX,eAAe,CAACY,SAAS,GAAG;EAC1BT,QAAQ,EAAEL,SAAS,CAACe,IAAI;EACxBX,SAAS,EAAEJ,SAAS,CAACgB;AACvB,CAAC"}