@dnb/eufemia 10.34.0 → 10.35.0

package/extensions/forms/style/dnb-forms.min.css

@@ -1 +1 @@
-@charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-iterate-block--variant-basic .dnb-forms-iterate-block__inner,.dnb-forms-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-iterate-block--variant-outline .dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-iterate-block.dnb-height-animation--is-visible .dnb-forms-iterate-block__inner{transform:translateY(-.5rem)}.dnb-forms-iterate-block.dnb-height-animation--parallax .dnb-forms-iterate-block__inner{transform:translateY(0)}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}
+@charset "UTF-8";.dnb-forms-field-array-selection--options-layout-vertical .dnb-forms-field-array-selection__options{display:flex;flex-flow:column;row-gap:var(--spacing-x-small)}.dnb-forms-field-array-selection--options-layout-vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-array-selection__options{row-gap:0}.dnb-forms-field-array-selection--options-layout-horizontal .dnb-forms-field-array-selection__options{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row wrap;row-gap:var(--spacing-x-small)}@media screen and (min-width:40em){.dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem;margin-bottom:0}}.dnb-forms-field-expiry .dnb-multi-input-mask{width:var(--forms-field-width--small)}.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell{justify-content:center}.dnb-forms-field-number{--number-control-button-border-color:#000;--number-control-button-border-color--hover:#a9a9a9;--number-control-button-border-color--focus:#a9a9a9;--number-control-button-border-width--focus:0.125rem;--number-control-button-background-color--hover:grey;--number-control-button-color--hover:#000;--number-control-button-background-color--active:#000;--number-control-button-color--active:#d3d3d3;--number-control-button--error:red;--number-control-button--error-contrast:#fff;--number-control-button-width--small:2rem;--number-control-button-width--medium:2.5rem;--number-control-button-width--large:3rem;--forms-field-block--number-control-buttons-width--small:calc(var(--number-control-button-width--small)*2);--forms-field-block--number-control-buttons-width--medium:calc(var(--number-control-button-width--medium)*2);--forms-field-block--number-control-buttons-width--large:calc(var(--number-control-button-width--large)*2)}.dnb-forms-field-number__contents{display:flex}.dnb-forms-field-number__contents--has-controls .dnb-input__input{align-items:center}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border{border-radius:0}.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within,.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover,html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within{box-shadow:none}.dnb-forms-field-number__contents--has-controls>.dnb-input__border--root{--input-border-inset: ;--input-border-inset--hover: ;--input-border-inset--active: ;--input-border-inset--focus: ;--input-border-inset--disabled: }html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button-background-color--hover);color:var(--number-control-button-color--hover)}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button-background-color--active);color:var(--number-control-button-color--active)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before{color:var(--number-control-button--error)}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled]{cursor:not-allowed}html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]){background-color:var(--number-control-button--error-contrast);color:var(--number-control-button--error)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled]{cursor:not-allowed}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]){background-color:var(--number-control-button--error);color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled]{color:var(--number-control-button--error-contrast)}.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled],.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled]{background-color:var(--color-black-3);color:var(--color-black-20)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small{width:calc(var(--forms-field-width--small) + var(--forms-field-block--number-control-buttons-width--small))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before{width:var(--number-control-button-width--small)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium{width:calc(var(--forms-field-width--medium) + var(--forms-field-block--number-control-buttons-width--medium))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before{width:var(--number-control-button-width--medium)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large{width:calc(var(--forms-field-width--large) + var(--forms-field-block--number-control-buttons-width--large))}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after,.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before{width:var(--number-control-button-width--large)}.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border{flex-grow:1}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button{color:var(--color-fire-red)}.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover{color:var(--color-white)}.dnb-forms-field-phone-number__country-code,.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell{width:calc(var(--forms-field-width--medium) - 2rem)}.dnb-forms-field-phone-number__number{flex:1}.dnb-forms-field-phone-number .dnb-form-label{max-width:14ch}.dnb-forms-field-postal-code-and-city__postal-code{flex:0 5rem}.dnb-forms-field-postal-code-and-city__city{flex:1}.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{align-self:center}.dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label,.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label{margin-bottom:0}.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label{line-height:2.5rem}:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}:root{--forms-card-max-width:36.5rem}.dnb-forms-form .dnb-card{max-width:var(--forms-card-max-width)}.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-section-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-forms-section-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-forms-section-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-forms-section-block__inner{flex:1;margin-bottom:var(--space);outline:none;padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-forms-section-block--variant-basic .dnb-forms-section-block__inner,.dnb-forms-section-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-forms-section-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-forms-section-block--variant-outline .dnb-forms-section-block__inner[class*=dnb-flex-container--spacing]{box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-forms-section-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner{transform:translateY(-.5rem)}.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner{transform:translateY(0)}.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]){margin:0}.dnb-forms-sub-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}.dnb-forms-summary-list.dnb-dl .dnb-dt,.dnb-forms-summary-list.dnb-dl:not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-summary-list.dnb-dl.dnb-dl__layout--grid{row-gap:var(--spacing-medium)}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block--inline:not([class*=__composition]):after,.dnb-forms-value-block--inline:not([class*=__composition]):before{content:" "}.dnb-forms-value-block+.dnb-forms-value-block--inline:not([class*=__composition]):before{content:none}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__indicator{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-forms-step{outline:none}.dnb-forms-wizard-layout__contents .dnb-card{max-width:var(--forms-card-max-width)}.dnb-forms-wizard-layout__contents .dnb-forms-button-row>.appear-fx,.dnb-forms-wizard-layout__contents .dnb-forms-step>.appear-fx{--appear-opacity:0;--appear-offset:-0.25rem;animation:appear .6s var(--easing-default) forwards;animation-delay:calc(var(--element-index, 0)*30ms);opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}@keyframes appear{0%{opacity:var(--appear-opacity);transform:translate3d(var(--appear-offset),0,0)}80%{opacity:1}to{opacity:1;transform:translateZ(0)}}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}@media screen and (min-width:60em){.dnb-forms-form:has(.dnb-forms-wizard-layout--sidebar) .dnb-forms-status{margin-left:23rem}}.dnb-forms-test-element{border:1px dashed grey;border-radius:.5rem;color:#909090;padding:.5rem 1rem}

package/extensions/payment-card/PaymentCard.js

@@ -97,7 +97,6 @@ _defineProperty(PaymentCard, "defaultProps", _objectSpread({
   id: null,
   raw_data: null,
   skeleton: false,
-  class: null,
   className: null,
   children: null
 }, translationDefaultPropsProps));
@@ -112,7 +111,6 @@ process.env.NODE_ENV !== "production" ? PaymentCard.propTypes = _objectSpread(_o
   locale: PropTypes.string,
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
 }, spacingPropTypes), {}, {
-  class: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.func])
 }) : void 0;

package/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","_ref","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","arguments","length","undefined","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","_ref2","text","status","top","_ref3","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","_ref4","modifier","_ref5","_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 refferencing 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    class: PropTypes.string,\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    class: null,\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","_ref","translation","translations","NormalCard","data","cardStatus","cardNumber","formatCardNumber","parseFloat","_defineProperty","propTypes","oneOf","oneOfType","number","bool","node","func","formatCardNumberRegex","arguments","length","undefined","slice","replace","trim","card","find","item","defaultCard","None","StatusOverlay","BlockingOverlay","_ref2","text","status","top","_ref3","cardStatusMap","not_active","order_in_process","renewed","replaced","blocked","expired","unknown","CardText","_ref4","modifier","_ref5","_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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"}

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

@@ -145,7 +145,6 @@ export interface DrawerListProps {
    */
   skip_keysearch?: boolean;
   opened?: boolean;
-  class?: string;
   /**
    * The data we want to fill the list with. Provide the data as a JSON string, array, or object in the specified data structure. If you don't have to define a value, you can also send in a function which will be called once the user opens the DrawerList.
    */

package/fragments/drawer-list/DrawerList.js

@@ -1,9 +1,9 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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", "class", "cache_hash", "wrapper_element", "triangle_position", "direction", "max_height", "id", "data", "prepared_data", "raw_data", "opened", "value", "children"],
-  _excluded2 = ["children", "className", "class", "triangleRef", "cache_hash", "showFocusRing"],
-  _excluded3 = ["role", "hash", "children", "className", "class", "on_click", "selected", "active", "value"],
+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"],
   _excluded4 = ["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; }
@@ -115,7 +115,6 @@ class DrawerListInstance extends React.PureComponent {
         ignore_events,
         options_render,
         className,
-        class: _className,
         cache_hash: _cache_hash,
         wrapper_element: _wrapper_element,
         triangle_position: _triangle_position,
@@ -154,7 +153,7 @@ class DrawerListInstance extends React.PureComponent {
     } = this.context.drawerList;
     const mainParams = _objectSpread({
       id: `${id}-drawer-list`,
-      className: classnames(`dnb-drawer-list dnb-drawer-list--${direction}`, (isTrue(independent_width) || isTrue(action_menu)) && 'dnb-drawer-list--independent-width', createSpacingClasses(props), _className, className, opened && 'dnb-drawer-list--opened', hidden && 'dnb-drawer-list--hidden', triangle_position && `dnb-drawer-list--triangle-position-${triangle_position}`, align_drawer && `dnb-drawer-list--${align_drawer}`, size && `dnb-drawer-list--${size}`, isTrue(action_menu) && `dnb-drawer-list--action-menu`, isTrue(is_popup) && 'dnb-drawer-list--is-popup', isTrue(scrollable) && 'dnb-drawer-list--scroll', isTrue(no_scroll_animation) && 'dnb-drawer-list--no-scroll-animation')
+      className: classnames(`dnb-drawer-list dnb-drawer-list--${direction}`, (isTrue(independent_width) || isTrue(action_menu)) && 'dnb-drawer-list--independent-width', createSpacingClasses(props), className, opened && 'dnb-drawer-list--opened', hidden && 'dnb-drawer-list--hidden', triangle_position && `dnb-drawer-list--triangle-position-${triangle_position}`, align_drawer && `dnb-drawer-list--${align_drawer}`, size && `dnb-drawer-list--${size}`, isTrue(action_menu) && `dnb-drawer-list--action-menu`, isTrue(is_popup) && 'dnb-drawer-list--is-popup', isTrue(scrollable) && 'dnb-drawer-list--scroll', isTrue(no_scroll_animation) && 'dnb-drawer-list--no-scroll-animation')
     }, attributes);
     const listParams = {
       id: `${id}-listbox`,
@@ -250,14 +249,13 @@ DrawerList.Options = React.memo(React.forwardRef((props, ref) => {
   const {
       children,
       className,
-      class: _className,
       triangleRef = null,
       cache_hash,
       showFocusRing
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
   return React.createElement("ul", _extends({
-    className: classnames('dnb-drawer-list__options', className, _className, showFocusRing && 'dnb-drawer-list__options--focusring')
+    className: classnames('dnb-drawer-list__options', className, showFocusRing && 'dnb-drawer-list__options--focusring')
   }, rest, {
     ref: ref
   }), children, React.createElement("li", {
@@ -277,14 +275,12 @@ DrawerList.Options.propTypes = {
   cache_hash: PropTypes.string,
   showFocusRing: PropTypes.bool,
   className: PropTypes.string,
-  class: PropTypes.string,
   triangleRef: PropTypes.object
 };
 DrawerList.Options.defaultProps = {
   cache_hash: null,
   showFocusRing: false,
   className: null,
-  class: null,
   triangleRef: null
 };
 DrawerList.Item = React.forwardRef((props, ref) => {
@@ -293,7 +289,6 @@ DrawerList.Item = React.forwardRef((props, ref) => {
       hash,
       children,
       className,
-      class: _className,
       on_click,
       selected,
       active,
@@ -301,7 +296,7 @@ DrawerList.Item = React.forwardRef((props, ref) => {
     } = props,
     rest = _objectWithoutProperties(props, _excluded3);
   const params = {
-    className: classnames(className, _className, 'dnb-drawer-list__option', selected && 'dnb-drawer-list__option--selected', active && 'dnb-drawer-list__option--focus'),
+    className: classnames(className, 'dnb-drawer-list__option', selected && 'dnb-drawer-list__option--selected', active && 'dnb-drawer-list__option--focus'),
     role,
     tabIndex: selected ? '0' : '-1',
     'aria-selected': active
@@ -334,7 +329,6 @@ DrawerList.Item.propTypes = {
   hash: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func, PropTypes.object]).isRequired,
   className: PropTypes.string,
-  class: PropTypes.string,
   on_click: PropTypes.func,
   selected: PropTypes.bool,
   active: PropTypes.bool,
@@ -344,7 +338,6 @@ DrawerList.Item.defaultProps = {
   role: 'option',
   hash: '',
   className: null,
-  class: null,
   on_click: null,
   selected: null,
   active: null,

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","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","_ref","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","class","_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","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","_ref2","content","Array","isArray","item","n","prototype","hasOwnProperty","call","suffix_value","HorizontalItem","_ref3","_excluded4","componentDidMount","componentWillUnmount"],"sources":["../../../../src/fragments/drawer-list/DrawerList.js"],"sourcesContent":["/**\n * Web List Component\n *\n * This is a legacy component.\n * For refferencing 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 keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\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      class: _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        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        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        }\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      class: _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          _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  class: PropTypes.string,\n  triangleRef: PropTypes.object,\n}\nDrawerList.Options.defaultProps = {\n  cache_hash: null,\n  showFocusRing: false,\n  className: null,\n  class: 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    class: _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    ...rest\n  } = props\n\n  const params = {\n    className: classnames(\n      className,\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  }\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  class: PropTypes.string,\n  on_click: PropTypes.func,\n  selected: PropTypes.bool,\n  active: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n}\nDrawerList.Item.defaultProps = {\n  role: 'option',\n  hash: '',\n  className: null,\n  class: 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}\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":";;;;;;;;;AAOA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,SAAS;AAC7B,SACEC,MAAM,EACNC,YAAY,EACZC,sCAAsC,EACtCC,qBAAqB,EACrBC,0BAA0B,QACrB,+BAA+B;AACtC,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,oBAAoB,QAAQ,sCAAsC;AAE3E,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SACEC,mBAAmB,EACnBC,sBAAsB,QACjB,qBAAqB;AAE5B,MAAMC,gBAAgB,GAAG;EACvBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,oBAAoB,EAAE,IAAI;EAC1BC,SAAS,EAAE,IAAI;EACfC,aAAa,EAAE,IAAI;EACnBC,SAAS,EAAE,IAAI;EACfC,SAAS,EAAE,IAAI;EACfC,eAAe,EAAE,IAAI;EACrBC,WAAW,EAAE,IAAI;EACjBC,cAAc,EAAE,IAAI;EACpBC,eAAe,EAAE;AACnB,CAAC;AAED,eAAe,MAAMC,UAAU,SAAS5B,KAAK,CAAC6B,aAAa,CAAC;EAa1DC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,GAAG,GAAGD,KAAK,CAACE,EAAE,IAAI5B,YAAY,CAAC,CAAC;EACvC;EAEA6B,MAAMA,CAAA,EAAG;IAAA,IAAAC,aAAA;IACP,MAAMC,WAAW,IAAAD,aAAA,GAAG,IAAI,CAACE,OAAO,cAAAF,aAAA,uBAAZA,aAAA,CAAcG,UAAU;IAE5C,IAAIF,WAAW,EAAE;MACf,OAAOpC,KAAA,CAAAuC,aAAA,CAACC,kBAAkB,EAAK,IAAI,CAACT,KAAQ,CAAC;IAC/C;IAEA,OACE/B,KAAA,CAAAuC,aAAA,CAAC3B,kBAAkB,EAAA6B,QAAA;MACjBR,EAAE,EAAE,IAAI,CAACD;IAAI,GACT,IAAI,CAACD,KAAK;MACdW,IAAI,EAAE,IAAI,CAACX,KAAK,CAACW,IAAI,IAAI,IAAI,CAACX,KAAK,CAACY;IAAS,IAE7C3C,KAAA,CAAAuC,aAAA,CAACC,kBAAkB,EAAAC,QAAA;MAACR,EAAE,EAAE,IAAI,CAACD;IAAI,GAAK,IAAI,CAACD,KAAK,CAAG,CACjC,CAAC;EAEzB;AACF;AAACa,eAAA,CApCoBhB,UAAU,iBACRjB,iBAAiB;AAAAiC,eAAA,CADnBhB,UAAU,eAGVhB,kBAAkB,CAACiC,SAAS;AAAAD,eAAA,CAH5BhB,UAAU,kBAAAkB,aAAA,KAUxB/B,sBAAsB;AAAAgC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAVRrB,UAAU,CAKtBsB,SAAS,GAAAJ,aAAA,KACXhC,mBAAmB;AAgC1B,MAAM0B,kBAAkB,SAASxC,KAAK,CAAC6B,aAAa,CAAC;EAKnDC,WAAWA,CAACC,KAAK,EAAEM,OAAO,EAAE;IAC1B,KAAK,CAACN,KAAK,CAAC;IAAAa,eAAA,qBAoBAO,CAAC,IAAK;MAClB,QAAQhD,OAAO,CAACgD,CAAC,CAAC;QAChB,KAAK,KAAK;UACR,IAAI,CAAC,IAAI,CAACd,OAAO,CAACC,UAAU,CAACc,iBAAiB,EAAE;YAC9CD,CAAC,CAACE,cAAc,CAAC,CAAC;YAClB,IAAI,CAAChB,OAAO,CAACC,UAAU,CAACgB,SAAS,CAAC,CAAC;UACrC;UACA;QAEF,KAAK,WAAW;QAChB,KAAK,SAAS;UACZH,CAAC,CAACE,cAAc,CAAC,CAAC;UAClB;MACJ;IACF,CAAC;IAAAT,eAAA,4BAEoBW,KAAK,IAAK;MAM7B,MAAMC,aAAa,GAAGC,UAAU,CAC9BF,KAAK,CAACG,aAAa,CAACC,YAAY,CAAC,WAAW,CAC9C,CAAC;MACD,IAAIH,aAAa,GAAG,CAAC,CAAC,EAAE;QACtB,IAAI,CAACnB,OAAO,CAACC,UAAU,CAACsB,kBAAkB,CAACJ,aAAa,EAAE;UACxDK,eAAe,EAAE,IAAI;UACrBN;QACF,CAAC,CAAC;MACJ;IACF,CAAC;IAjDC,IAAI,CAACvB,GAAG,GAAGD,KAAK,CAACE,EAAE,IAAI5B,YAAY,CAAC,CAAC;IACrC,IAAI,CAACyD,KAAK,GAAG,IAAI,CAACA,KAAK,IAAI,CAAC,CAAC;IAG7BzB,OAAO,CAACC,UAAU,CAACyB,QAAQ,CACzBC,MAAM,CAACC,OAAO,CAACjD,gBAAgB,CAAC,CAACkD,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAY;MAAA,IAAV,CAACC,GAAG,CAAC,GAAAD,IAAA;MACjD,IAAIrC,KAAK,CAACsC,GAAG,CAAC,EAAE;QACdF,GAAG,CAACE,GAAG,CAAC,GAAGtC,KAAK,CAACsC,GAAG,CAAC;MACvB;MACA,OAAOF,GAAG;IACZ,CAAC,EAAE,CAAC,CAAC,CACP,CAAC;IAED9B,OAAO,CAACC,UAAU,CAACyB,QAAQ,CAAC;MAC1BO,iBAAiB,EAAEvC,KAAK,CAACuC;IAC3B,CAAC,CAAC;EACJ;EAmCApC,MAAMA,CAAA,EAAG;IAAA,IAAAqC,cAAA;IAEP,MAAMxC,KAAK,GAAGzB,sCAAsC,CAClD,IAAI,CAACyB,KAAK,EACVH,UAAU,CAAC4C,YAAY,EACvB,IAAI,CAACnC,OAAO,CAACoC,cAAc,CAAC,IAAI,CAAC1C,KAAK,CAAC,CAACH,UAC1C,CAAC;IAED,MAAM;QACJ8C,IAAI;QACJC,YAAY;QACZC,cAAc;QACdC,iBAAiB;QACjBC,UAAU;QACVC,SAAS;QACTC,IAAI;QACJC,YAAY;QACZC,mBAAmB;QACnBC,iBAAiB;QACjBC,WAAW;QACXC,QAAQ;QACRC,YAAY;QACZC,UAAU;QACVC,aAAa;QACb9D,cAAc;QACd+D,SAAS;QACTC,KAAK,EAAEC,UAAU;QACjBC,UAAU,EAAEC,WAAW;QACvBlE,eAAe,EAAEmE,gBAAgB;QACjCxB,iBAAiB,EAAEyB,kBAAkB;QACrCC,SAAS,EAAEC,UAAU;QACrBC,UAAU,EAAEC,WAAW;QACvBlE,EAAE,EAAED,GAAG;QACPU,IAAI,EAAE0D,KAAK;QACXC,aAAa,EAAEC,cAAc;QAC7BC,QAAQ,EAAEC,SAAS;QACnBC,MAAM,EAAEC,OAAO;QACfC,KAAK,EAAEC,MAAM;QACbjE;MAGF,CAAC,GAAGZ,KAAK;MADJ8E,UAAU,GAAAC,wBAAA,CACX/E,KAAK,EAAAgF,SAAA;IAET,MAAM9E,EAAE,GAAG,IAAI,CAACD,GAAG;IAEnB,MAAM;MACJU,IAAI;MACJ+D,MAAM;MACNO,MAAM;MACN1C,iBAAiB;MACjB0B,SAAS;MACTE,UAAU;MACVN,UAAU;MACVpC,aAAa;MACbyD,WAAW;MACXC,aAAa;MACbC,YAAY;MACZC,eAAe;MACfC,SAAS;MACTC,YAAY;MACZC,eAAe;MACfC,SAAS;MACTC,YAAY;MACZC,MAAM;MACNC;IACF,CAAC,GAAG,IAAI,CAACtF,OAAO,CAACC,UAAU;IAE3B,MAAMsF,UAAU,GAAA9E,aAAA;MACdb,EAAE,EAAG,GAAEA,EAAG,cAAa;MACvBwD,SAAS,EAAEvF,UAAU,qCAIC8F,SAAU,IAO9B,CAAC5F,MAAM,CAACyE,iBAAiB,CAAC,IAAIzE,MAAM,CAACgF,WAAW,CAAC,KAC/C,oCAAoC,EAItC1E,oBAAoB,CAACqB,KAAK,CAAC,EAC3B4D,UAAU,EACVF,SAAS,EAhBTgB,MAAM,IAAI,yBAAyB,EACnCO,MAAM,IAAI,yBAAyB,EAEnC1C,iBAAiB,IACd,sCAAqCA,iBAAkB,EAAC,EAC3DK,YAAY,IAAK,oBAAmBA,YAAa,EAAC,EAClDK,IAAI,IAAK,oBAAmBA,IAAK,EAAC,EAClC5E,MAAM,CAACgF,WAAW,CAAC,IAAK,8BAA6B,EACrDhF,MAAM,CAACiF,QAAQ,CAAC,IAAI,2BAA2B,EAG/CjF,MAAM,CAAC0E,UAAU,CAAC,IAAI,yBAAyB,EAC/C1E,MAAM,CAAC8E,mBAAmB,CAAC,IACzB,sCAIJ;IAAC,GACE2B,UAAU,CACd;IAED,MAAMgB,UAAU,GAAG;MACjB5F,EAAE,EAAG,GAAEA,EAAG,UAAS;MAMnBwD,SAAS,EAAEvF,UAAU,CACnB,uBAAuB,EAEvBqF,UAAU,EADVnF,MAAM,CAAC6E,YAAY,CAAC,IAAI,qCAE1B;IACF,CAAC;IAED,MAAM6C,QAAQ,GAAG;MACfpD,IAAI;MACJzC,EAAE,EAAG,GAAEA,EAAG,KAAI;MACd,eAAe,EAAEwE,MAAM;MACvB,iBAAiB,EAAG,GAAExE,EAAG,QAAO;MAChC8F,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAE;QACLC,SAAS,EAAE/B,UAAU,GAAG,CAAC,GAAI,GAAEA,UAAW,KAAI,GAAG;MACnD,CAAC;MACDgC,GAAG,EAAER;IACP,CAAC;IAED,IACE,CAACV,MAAM,KACNvD,UAAU,CAACwD,WAAW,CAAC,GAAG,CAAC,CAAC,IAC1B,EAAExD,UAAU,CAACwD,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,IAC9B,EAAExD,UAAU,CAACD,aAAa,CAAC,GAAG,CAAC,CAAC,CAAE,CAAC,EACvC;MACAsE,QAAQ,CAAC,uBAAuB,CAAC,GAAI,UAAS7F,EAAG,IAC/CgF,WAAW,IAAI,CAChB,EAAC;IACJ,CAAC,MAAM,IACL,CAAC7G,MAAM,CAAC+E,iBAAiB,CAAC,IAC1B,CAAC6B,MAAM,IACPvD,UAAU,CAACD,aAAa,CAAC,GAAG,CAAC,CAAC,EAC9B;MACAsE,QAAQ,CAAC,uBAAuB,CAAC,GAAI,UAAS7F,EAAG,IAAGuB,aAAc,EAAC;IACrE;IAEA,IAAIpD,MAAM,CAAC2E,SAAS,CAAC,EAAE;MACrB+C,QAAQ,CAACC,QAAQ,GAAG,GAAG;IACzB;IAGAxH,qBAAqB,CAAC,IAAI,CAACwB,KAAK,EAAE6F,UAAU,CAAC;IAC7CrH,qBAAqB,CAAC,IAAI,EAAEsH,UAAU,CAAC;IACvCtH,qBAAqB,CAAC,IAAI,EAAEuH,QAAQ,CAAC;IAGrC9D,MAAM,CAACmE,MAAM,CACX,IAAI,CAAC9F,OAAO,CAACC,UAAU,CAACuE,UAAU,EAClCtG,qBAAqB,CAAC,IAAI,EAAEsG,UAAU,CACxC,CAAC;IAED,MAAMuB,YAAY,GAAGhI,MAAM,CAACoF,aAAa,CAAC;IAE1C,MAAM6C,KAAK,GAAGA,CAAA,KACZ3F,IAAI,CAAC4F,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KAAK;MACxB,MAAMxG,GAAG,GAAGuG,QAAQ,CAACE,IAAI;MACzB,MAAMC,IAAI,GAAI,UAASzG,EAAG,IAAGD,GAAI,IAAGwG,CAAE,EAAC;MACvC,MAAMG,QAAQ,GAAG;QACfjE,IAAI,EAAEA,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,QAAQ;QAC7C,WAAW,EAAE1C,GAAG;QAChBC,EAAE,EAAG,UAASA,EAAG,IAAGD,GAAI,EAAC;QACzB0G,IAAI;QACJjD,SAAS,EAAEvF,UAAU,CAMnBkI,YAAY,IAAKG,QAAQ,CAAC/C,aAAa,IAAI,eAAgB,EAC3D+C,QAAQ,CAACK,UAAU,EALnBJ,CAAC,KAAKrB,YAAY,IAAI,gBAAgB,EACtCqB,CAAC,KAAKpB,eAAe,IAAI,mBAAmB,EAC5CoB,CAAC,KAAK,CAAC,IAAI,eAAe,EAC1BA,CAAC,KAAK9F,IAAI,CAACmG,MAAM,GAAG,CAAC,IAAI,cAG3B,CAAC;QACDC,MAAM,EAAE9G,GAAG,IAAIiF,WAAW;QAC1B8B,QAAQ,EAAE,CAACR,QAAQ,CAAC/C,aAAa,IAAIxD,GAAG,IAAIwB,aAAa;QACzDwF,OAAO,EAAE,IAAI,CAACC,iBAAiB;QAC/BC,SAAS,EAAE,IAAI,CAACC;MAClB,CAAC;MAED,IAAIf,YAAY,EAAE;QAChBO,QAAQ,CAACG,MAAM,GAAG,IAAI;QACtBH,QAAQ,CAACI,QAAQ,GAAG,IAAI;QACxBJ,QAAQ,CAACK,OAAO,GAAG,IAAI;QACvBL,QAAQ,CAACO,SAAS,GAAG,IAAI;QACzBP,QAAQ,CAAClD,SAAS,GAAGvF,UAAU,CAC7ByI,QAAQ,CAAClD,SAAS,EAClB,iCACF,CAAC;MACH;MAEA,OACEzF,KAAA,CAAAuC,aAAA,CAACX,UAAU,CAACwH,IAAI,EAAA3G,QAAA;QAAC4B,GAAG,EAAEqE;MAAK,GAAKC,QAAQ,GACrCJ,QACc,CAAC;IAEtB,CAAC,CAAC;IAEJ,MAAMc,QAAQ,GACZrJ,KAAA,CAAAuC,aAAA,SAAAE,QAAA,KAAUmF,UAAU;MAAEM,GAAG,EAAEV;IAAU,IACnCxH,KAAA,CAAAuC,aAAA,SAAUsF,UAAU,EACjBb,MAAM,KAAK,KAAK,IAAItE,IAAI,IAAIA,IAAI,CAACmG,MAAM,GAAG,CAAC,GAC1C7I,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAsJ,QAAA,QACEtJ,KAAA,CAAAuC,aAAA,CAACX,UAAU,CAAC2H,OAAO,EAAA9G,QAAA;MACjBmD,UAAU,EACRA,UAAU,GACVqB,WAAW,GACXzD,aAAa,GACb2D,YAAY,GACZC,eAAe,GACfpB,SAAS,GACTE;IACD,GACG4B,QAAQ;MACZZ,aAAa,EAAEA,aAAc;MAC7BsC,WAAW,EAAE/B;IAAa,IAEzB,OAAO/F,cAAc,KAAK,UAAU,GACnCA,cAAc,CAAC;MAAEgB,IAAI;MAAE2F,KAAK;MAAEe,IAAI,EAAExH,UAAU,CAACwH;IAAK,CAAC,CAAC,GAEtDpJ,KAAA,CAAAuC,aAAA,CAAC8F,KAAK,MAAE,CAEQ,CAAC,EACrBrI,KAAA,CAAAuC,aAAA,CAACkH,SAAS;MACRnC,YAAY,EAAEA,YAAa;MAC3BC,eAAe,EAAEA;IAAgB,CAClC,CACD,CAAC,GAEH5E,QAAQ,IACN3C,KAAA,CAAAuC,aAAA;MAAMkD,SAAS,EAAC;IAA0B,GACvC9C,QAAQ,EACT3C,KAAA,CAAAuC,aAAA;MACEkD,SAAS,EAAC,2BAA2B;MACrCyC,GAAG,EAAET;IAAa,CACnB,CACG,CAGN,CACF,CACP;IAED,OACEzH,KAAA,CAAAuC,aAAA;MACEkD,SAAS,EACP,uBAAuB,IACvB4B,SAAS,yCACT;MACFa,GAAG,EAAEP;IAAS,GAEbN,SAAS,GACRrH,KAAA,CAAAuC,aAAA,CAAC1B,gBAAgB;MACfoB,EAAE,EAAE,IAAI,CAACD,GAAI;MACb0H,OAAO,EAAE/B,QAAS;MAClBlB,MAAM,EAAEO,MAAM,KAAK,KAAM;MACzB2C,mBAAmB,EAAEhF,YAAY,KAAK,OAAQ;MAC9CE,iBAAiB,EAAEzE,MAAM,CAACyE,iBAAiB,CAAE;MAC7CD,cAAc,EAAExE,MAAM,CAACwE,cAAc,CAAE;MACvCa,SAAS,EAAEhF,eAAe,EAAA8D,cAAA,GAAC,IAAI,CAAClC,OAAO,cAAAkC,cAAA,uBAAZA,cAAA,CAAcqF,KAAK,EAAEtE,YAAY;IAAE,GAE7D+D,QACe,CAAC,GAEnBA,QAEE,CAAC;EAEX;AACF;AAACzG,eAAA,CApUKJ,kBAAkB,kBAEAZ,UAAU,CAAC4C,YAAY;AAAA5B,eAAA,CAFzCJ,kBAAkB,iBAGD7B,iBAAiB;AAAAoC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAHlCT,kBAAkB,CACfU,SAAS,GAAGtB,UAAU,CAACsB,SAAS;AAsUzCtB,UAAU,CAAC2H,OAAO,GAAGvJ,KAAK,CAAC6J,IAAI,CAC7B7J,KAAK,CAAC8J,UAAU,CAAC,CAAC/H,KAAK,EAAEmG,GAAG,KAAK;EAC/B,MAAM;MACJvF,QAAQ;MACR8C,SAAS;MACTC,KAAK,EAAEC,UAAU;MACjB6D,WAAW,GAAG,IAAI;MAClB5D,UAAU;MACVsB;IAEF,CAAC,GAAGnF,KAAK;IADJgI,IAAI,GAAAjD,wBAAA,CACL/E,KAAK,EAAAiI,UAAA;EAET,OACEhK,KAAA,CAAAuC,aAAA,OAAAE,QAAA;IACEgD,SAAS,EAAEvF,UAAU,CACnB,0BAA0B,EAE1BuF,SAAS,EACTE,UAAU,EAFVuB,aAAa,IAAI,qCAGnB;EAAE,GACE6C,IAAI;IACR7B,GAAG,EAAEA;EAAI,IAERvF,QAAQ,EACT3C,KAAA,CAAAuC,aAAA;IACEkD,SAAS,EAAC,2BAA2B;IACrC,mBAAW;IACXyC,GAAG,EAAEsB;EAAY,CAClB,CACC,CAAC;AAET,CAAC,CAAC,EACF,CAACS,SAAS,EAAEC,SAAS,KAAK;EACxB,IAAI,CAACD,SAAS,CAACrE,UAAU,EAAE;IACzB,OAAO,IAAI;EACb;EACA,OAAOqE,SAAS,CAACrE,UAAU,KAAKsE,SAAS,CAACtE,UAAU;AACtD,CACF,CAAC;AACDhE,UAAU,CAAC2H,OAAO,CAACY,WAAW,GAAG,oBAAoB;AACrDvI,UAAU,CAAC2H,OAAO,CAACrG,SAAS,GAAG;EAC7BP,QAAQ,EAAE1C,SAAS,CAACmK,SAAS,CAAC,CAACnK,SAAS,CAACoK,IAAI,EAAEpK,SAAS,CAACqK,IAAI,CAAC,CAAC,CAC5DC,UAAU;EACb3E,UAAU,EAAE3F,SAAS,CAACuK,MAAM;EAC5BtD,aAAa,EAAEjH,SAAS,CAACwK,IAAI;EAC7BhF,SAAS,EAAExF,SAAS,CAACuK,MAAM;EAC3B9E,KAAK,EAAEzF,SAAS,CAACuK,MAAM;EACvBhB,WAAW,EAAEvJ,SAAS,CAACyK;AACzB,CAAC;AACD9I,UAAU,CAAC2H,OAAO,CAAC/E,YAAY,GAAG;EAChCoB,UAAU,EAAE,IAAI;EAChBsB,aAAa,EAAE,KAAK;EACpBzB,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,IAAI;EACX8D,WAAW,EAAE;AACf,CAAC;AAGD5H,UAAU,CAACwH,IAAI,GAAGpJ,KAAK,CAAC8J,UAAU,CAAC,CAAC/H,KAAK,EAAEmG,GAAG,KAAK;EACjD,MAAM;MACJxD,IAAI;MACJgE,IAAI;MACJ/F,QAAQ;MACR8C,SAAS;MACTC,KAAK,EAAEC,UAAU;MACjBgF,QAAQ;MACR5B,QAAQ;MACRD,MAAM;MACNnC;IAEF,CAAC,GAAG5E,KAAK;IADJgI,IAAI,GAAAjD,wBAAA,CACL/E,KAAK,EAAA6I,UAAA;EAET,MAAMC,MAAM,GAAG;IACbpF,SAAS,EAAEvF,UAAU,CACnBuF,SAAS,EACTE,UAAU,EACV,yBAAyB,EACzBoD,QAAQ,IAAI,mCAAmC,EAC/CD,MAAM,IAAI,gCACZ,CAAC;IACDpE,IAAI;IACJqD,QAAQ,EAAEgB,QAAQ,GAAG,GAAG,GAAG,IAAI;IAC/B,eAAe,EAAED;EACnB,CAAC;EACD,IAAIC,QAAQ,EAAE;IACZ8B,MAAM,CAAC,cAAc,CAAC,GAAG,IAAI;EAC/B;EAEA,IAAIF,QAAQ,EAAE;IACZE,MAAM,CAAC7B,OAAO,GAAG,MACfxI,0BAA0B,CACxB;MACEuB,KAAK,EAAAe,aAAA,CAAAA,aAAA,KAAOf,KAAK;QAAEoI,WAAW,EAAEvI,UAAU,CAACwH,IAAI,CAACe;MAAW;IAC7D,CAAC,EACD,UAAU,EAAArH,aAAA;MAERiG,QAAQ;MACRpC;IAAK,GACFoD,IAAI,CAEX,CAAC;EACL;EAEA,OACE/J,KAAA,CAAAuC,aAAA,OAAAE,QAAA,KAAQoI,MAAM,EAAMd,IAAI;IAAE7B,GAAG,EAAEA,GAAI;IAAC7D,GAAG,EAAE,IAAI,GAAGqE;EAAK,IACnD1I,KAAA,CAAAuC,aAAA;IAAMkD,SAAS,EAAC;EAAgC,GAC9CzF,KAAA,CAAAuC,aAAA,CAACuI,WAAW;IAACpC,IAAI,EAAEA;EAAK,GAAE/F,QAAsB,CAC5C,CACJ,CAAC;AAET,CAAC,CAAC;AACFf,UAAU,CAACwH,IAAI,CAACe,WAAW,GAAG,iBAAiB;AAC/CvI,UAAU,CAACwH,IAAI,CAAClG,SAAS,GAAG;EAC1BwB,IAAI,EAAEzE,SAAS,CAACuK,MAAM;EACtB9B,IAAI,EAAEzI,SAAS,CAACuK,MAAM;EACtB7H,QAAQ,EAAE1C,SAAS,CAACmK,SAAS,CAAC,CAC5BnK,SAAS,CAACoK,IAAI,EACdpK,SAAS,CAACqK,IAAI,EACdrK,SAAS,CAACyK,MAAM,CACjB,CAAC,CAACH,UAAU;EACb9E,SAAS,EAAExF,SAAS,CAACuK,MAAM;EAC3B9E,KAAK,EAAEzF,SAAS,CAACuK,MAAM;EACvBG,QAAQ,EAAE1K,SAAS,CAACqK,IAAI;EACxBvB,QAAQ,EAAE9I,SAAS,CAACwK,IAAI;EACxB3B,MAAM,EAAE7I,SAAS,CAACwK,IAAI;EACtB9D,KAAK,EAAE1G,SAAS,CAACmK,SAAS,CAAC,CAACnK,SAAS,CAACuK,MAAM,EAAEvK,SAAS,CAAC8K,MAAM,CAAC;AACjE,CAAC;AACDnJ,UAAU,CAACwH,IAAI,CAAC5E,YAAY,GAAG;EAC7BE,IAAI,EAAE,QAAQ;EACdgE,IAAI,EAAE,EAAE;EACRjD,SAAS,EAAE,IAAI;EACfC,KAAK,EAAE,IAAI;EACXiF,QAAQ,EAAE,IAAI;EACd5B,QAAQ,EAAE,IAAI;EACdD,MAAM,EAAE,IAAI;EACZnC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,SAASmE,WAAWA,CAAAE,KAAA,EAA0B;EAAA,IAAzB;IAAEtC,IAAI,GAAG,EAAE;IAAE/F;EAAS,CAAC,GAAAqI,KAAA;EACjD,IAAIC,OAAO,GAAG,IAAI;EAElB,IAAIC,KAAK,CAACC,OAAO,CAACxI,QAAQ,CAACsI,OAAO,IAAItI,QAAQ,CAAC,EAAE;IAC/CsI,OAAO,GAAG,CAACtI,QAAQ,CAACsI,OAAO,IAAItI,QAAQ,EAAE2F,GAAG,CAAC,CAAC8C,IAAI,EAAEC,CAAC,KACnDrL,KAAA,CAAAuC,aAAA;MACE8B,GAAG,EAAEqE,IAAI,GAAG2C,CAAE;MACd5F,SAAS,EAAG,yCAAwC4F,CAAC,GAAG,CAAE;IAAE,GAE3D1I,QAAQ,CAACT,MAAM,GAAGS,QAAQ,CAACT,MAAM,CAACkJ,IAAI,EAAE1C,IAAI,GAAG2C,CAAC,CAAC,GAAGD,IACjD,CACP,CAAC;EACJ,CAAC,MAAM,IAAIpH,MAAM,CAACsH,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC7I,QAAQ,EAAE,SAAS,CAAC,EAAE;IACpEsI,OAAO,GAAGtI,QAAQ,CAACT,MAAM,GACrBS,QAAQ,CAACT,MAAM,CAACS,QAAQ,CAACsI,OAAO,EAAEvC,IAAI,EAAE/F,QAAQ,CAAC,GACjDA,QAAQ,CAACsI,OAAO;IACpB,IAAIA,OAAO,EAAE;MACXA,OAAO,GACLjL,KAAA,CAAAuC,aAAA;QAAMkD,SAAS,EAAC;MAA+B,GAAEwF,OAAc,CAChE;IACH;EACF,CAAC,MAAM;IACLA,OAAO,GAAGtI,QAAQ,IAChB3C,KAAA,CAAAuC,aAAA;MAAMkD,SAAS,EAAC;IAA+B,GAAE9C,QAAe,CACjE;EACH;EAEA,OAAOqB,MAAM,CAACsH,SAAS,CAACC,cAAc,CAACC,IAAI,CAAC7I,QAAQ,EAAE,cAAc,CAAC,GACnE3C,KAAA,CAAAuC,aAAA,CAAAvC,KAAA,CAAAsJ,QAAA,QACG2B,OAAO,EAERjL,KAAA,CAAAuC,aAAA;IAAMkD,SAAS,EAAC;EAA+D,GAC5E9C,QAAQ,CAAC8I,YACN,CACN,CAAC,GAEHR,OACD;AACH;AACAlI,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAA6H,WAAW,CAAC5H,SAAS,GAAG;EACtBwF,IAAI,EAAEzI,SAAS,CAACuK,MAAM;EACtB7H,QAAQ,EAAE1C,SAAS,CAACmK,SAAS,CAAC,CAACnK,SAAS,CAACoK,IAAI,EAAEpK,SAAS,CAACyK,MAAM,CAAC;AAClE,CAAC;AAED9I,UAAU,CAAC8J,cAAc,GAAGC,KAAA;EAAA,IAAC;MAAElG;IAAoB,CAAC,GAAAkG,KAAA;IAAP5J,KAAK,GAAA+E,wBAAA,CAAA6E,KAAA,EAAAC,UAAA;EAAA,OAChD5L,KAAA,CAAAuC,aAAA,SAAAE,QAAA;IACEgD,SAAS,EAAEvF,UAAU,CACnB,yEAAyE,EACzEuF,SACD;EAAE,GACC1D,KAAK,CACV,CAAC;AAAA,CACH;AACDH,UAAU,CAAC8J,cAAc,CAACxI,SAAS,GAAG;EACpCuC,SAAS,EAAExF,SAAS,CAACuK;AACvB,CAAC;AACD5I,UAAU,CAAC8J,cAAc,CAAClH,YAAY,GAAG;EACvCiB,SAAS,EAAE;AACb,CAAC;AAED,MAAMgE,SAAS,SAASzJ,KAAK,CAAC6B,aAAa,CAAC;EAK1CgK,iBAAiBA,CAAA,EAAG;IAClB,IAAI,CAAC9J,KAAK,CAACuF,YAAY,CAAC,CAAC;EAC3B;EACAwE,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAAC/J,KAAK,CAACwF,eAAe,CAAC,CAAC;EAC9B;EACArF,MAAMA,CAAA,EAAG;IACP,OAAO,IAAI;EACb;AACF;AAACa,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAdKwG,SAAS,CACNvG,SAAS,GAAG;EACjBoE,YAAY,EAAErH,SAAS,CAACqK,IAAI,CAACC,UAAU;EACvChD,eAAe,EAAEtH,SAAS,CAACqK,IAAI,CAACC;AAClC,CAAC"}
+{"version":3,"file":"DrawerList.js","names":["React","PropTypes","classnames","keycode","isTrue","makeUniqueId","extendPropsWithContextInClassComponent","validateDOMAttributes","dispatchCustomElementEvent","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","_ref","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","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","_ref2","content","Array","isArray","item","n","prototype","hasOwnProperty","call","suffix_value","HorizontalItem","_ref3","_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 keycode from 'keycode'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContextInClassComponent,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\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        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        }\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    ...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  }\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}\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}\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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"}

package/fragments/drawer-list/DrawerListHelpers.d.ts

@@ -48,58 +48,55 @@ export const drawerListPropTypes: {
     prevent_focus: PropTypes.Requireable<NonNullable<string | boolean>>;
     skip_keysearch: PropTypes.Requireable<NonNullable<string | boolean>>;
     opened: PropTypes.Requireable<NonNullable<string | boolean>>;
-    class: PropTypes.Requireable<string>;
     data: PropTypes.Requireable<NonNullable<NonNullable<object | PropTypes.ReactNodeLike>>>;
     prepared_data: PropTypes.Requireable<any[]>;
     raw_data: PropTypes.Requireable<object>;
     ignore_events: PropTypes.Requireable<NonNullable<string | boolean>>;
 };
 export namespace drawerListDefaultProps {
-    export let id: any;
-    export let role: string;
-    export let cache_hash: any;
-    export let triangle_position: string;
-    export let scrollable: boolean;
-    export let focusable: boolean;
-    export let max_height: any;
-    export let direction: string;
-    export let size: string;
-    export let no_animation: boolean;
-    export let no_scroll_animation: boolean;
-    export let prevent_selection: boolean;
-    export let action_menu: boolean;
-    export let is_popup: boolean;
-    export let align_drawer: string;
-    export let wrapper_element: any;
-    export let default_value: any;
-    export let value: string;
-    export let portal_class: any;
-    export let list_class: any;
-    export let skip_portal: any;
-    export let prevent_close: boolean;
-    export let keep_open: boolean;
-    export let prevent_focus: boolean;
-    export let fixed_position: boolean;
-    export let independent_width: boolean;
-    export let skip_keysearch: boolean;
-    export let opened: any;
-    let _class: any;
-    export { _class as class };
-    export let data: any;
-    export let prepared_data: any;
-    export let raw_data: any;
-    export let ignore_events: any;
-    export let className: any;
-    export let children: any;
-    export let on_show: any;
-    export let on_hide: any;
-    export let handle_dismiss_focus: any;
-    export let on_change: any;
-    export let on_pre_change: any;
-    export let on_resize: any;
-    export let on_select: any;
-    export let on_state_update: any;
-    export let options_render: any;
+    let id: any;
+    let role: string;
+    let cache_hash: any;
+    let triangle_position: string;
+    let scrollable: boolean;
+    let focusable: boolean;
+    let max_height: any;
+    let direction: string;
+    let size: string;
+    let no_animation: boolean;
+    let no_scroll_animation: boolean;
+    let prevent_selection: boolean;
+    let action_menu: boolean;
+    let is_popup: boolean;
+    let align_drawer: string;
+    let wrapper_element: any;
+    let default_value: any;
+    let value: string;
+    let portal_class: any;
+    let list_class: any;
+    let skip_portal: any;
+    let prevent_close: boolean;
+    let keep_open: boolean;
+    let prevent_focus: boolean;
+    let fixed_position: boolean;
+    let independent_width: boolean;
+    let skip_keysearch: boolean;
+    let opened: any;
+    let data: any;
+    let prepared_data: any;
+    let raw_data: any;
+    let ignore_events: any;
+    let className: any;
+    let children: any;
+    let on_show: any;
+    let on_hide: any;
+    let handle_dismiss_focus: any;
+    let on_change: any;
+    let on_pre_change: any;
+    let on_resize: any;
+    let on_select: any;
+    let on_state_update: any;
+    let options_render: any;
 }
 export namespace drawerListProviderPropTypes {
     let enable_body_lock: PropTypes.Requireable<boolean>;