@dnb/eufemia 10.31.0 → 10.32.0

package/es/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{width:100%}.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}}@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__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-forms-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem;box-shadow:inset 0 0 0 2px var(--block-outline-color)}.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__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__sidebar{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{--border-color:var(--color-pistachio);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-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;width:100%}@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}}@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__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__sidebar{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/es/extensions/forms/types.d.ts

@@ -164,6 +164,10 @@ export interface UseFieldProps<Value = unknown, EmptyValue = undefined | unknown
      * Transforms the given props `value` before any other step gets entered.
      */
     fromExternal?: (external: Value) => Value;
+    /**
+     * For internal use only.
+     */
+    valueType?: string | number | boolean | Array<string | number | boolean>;
 }
 export type FieldProps<Value = unknown, EmptyValue = undefined | unknown, ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages> = UseFieldProps<Value, EmptyValue, ErrorMessages> & FieldBlockProps;
 export interface FieldHelpProps {

package/es/extensions/forms/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject } from 'json-pointer'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersions =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<unknown>\nexport { JSONSchemaType }\n\ntype ValidationRule = 'type' | 'pattern' | 'required' | string\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      for (const key in options) {\n        this[key] = options[key]\n      }\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: OnChangeValue<Value, EmptyValue>\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type FieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'horizontal' | 'vertical'\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n}\n\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  continuousValidation?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value | unknown) => Value\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value form the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & FieldBlockProps\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  { resetForm, clearData }: OnSubmitParams\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = unknown> = (\n  data: Data\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n\nexport type OnChangeValue<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = (\n  value: Value | EmptyValue,\n  additionalArgs?: AdditionalEventArgs\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":";AA0BA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAYnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,KAAK,MAAME,GAAG,IAAIF,OAAO,EAAE;QACzB,IAAI,CAACE,GAAG,CAAC,GAAGF,OAAO,CAACE,GAAG,CAAC;MAC1B;IACF;EACF;AACF;AA+BA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASS,sBAAsBA,CACpCN,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAC7C,CACF,CAAC;AACH;AAYA,MAAMU,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCR,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASY,uBAAuBA,CACrCT,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASa,2BAA2BA,CAEzCV,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IAChCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASc,2BAA2BA,CAGzCX,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJ,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IACjC,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACrC,CACF,CAAC;AACH"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","key","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import type { SpacingProps } from '../../components/space/types'\nimport type { JSONSchema4, JSONSchema6, JSONSchema7 } from 'json-schema'\nimport type { JSONSchemaType } from 'ajv/dist/2020'\nimport { JsonObject } from 'json-pointer'\nimport { AriaAttributes } from 'react'\n\nexport type * from 'json-schema'\nexport type JSONSchema = JSONSchema7\nexport type AllJSONSchemaVersions =\n  | JSONSchema4\n  | JSONSchema6\n  | JSONSchema7\n  | JSONSchemaType<unknown>\nexport { JSONSchemaType }\n\ntype ValidationRule = 'type' | 'pattern' | 'required' | string\ntype MessageValues = Record<string, string>\n\ninterface IFormErrorOptions {\n  validationRule?: ValidationRule\n  messageValues?: MessageValues\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: ValidationRule\n\n  /**\n   * Replacement values relevant for this error.\n   * @example { minLength: 3 } to be able to replace values in a message like \"Minimum {minLength} characters\"\n   */\n  messageValues?: MessageValues\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      for (const key in options) {\n        this[key] = options[key]\n      }\n    }\n  }\n}\n\n/**\n * Accept any key, so custom message keys can be used\n */\nexport type CustomErrorMessages = Record<string, string>\n\n/**\n * Accept any key, so custom message keys can be used\n * including the path to the field the message is for\n */\nexport type CustomErrorMessagesWithPaths =\n  | CustomErrorMessages\n  | {\n      // eslint-disable-next-line no-unused-vars\n      [K in `/${string}`]?: CustomErrorMessages\n    }\n\nexport interface DefaultErrorMessages {\n  required?: string\n  pattern?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  itemPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'itemPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: OnChangeValue<Value, EmptyValue>\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type AdditionalEventArgs = Record<string, unknown>\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport type FieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'horizontal' | 'vertical'\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Text showing in place of the value if no value is given\n   */\n  placeholder?: React.ReactNode\n}\n\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n\nexport interface UseFieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue>,\n    AriaAttributes {\n  // - HTML Element Attributes\n  /**\n   * ID added to the actual field component, and linked to the label via for-attribute\n   */\n  id?: Identifier\n  name?: string\n  disabled?: boolean\n  readOnly?: boolean\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n\n  /**\n   * NB: Undocumented for now.\n   * Forwards all possible props to the underlying component.\n   */\n  htmlAttributes?: Record<string, unknown>\n\n  // - Used by useFieldProps and FieldBlock\n  info?: React.ReactNode\n  warning?: React.ReactNode\n  error?: Error | FormError\n\n  // - Validation\n  required?: boolean\n  schema?: AllJSONSchemaVersions\n  validator?: (\n    value: Value | EmptyValue,\n    errorMessages?: ErrorMessages\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | void | Promise<Error | undefined | void>\n  validateRequired?: (\n    internal: Value,\n    {\n      emptyValue,\n      required,\n      isChanged,\n      error,\n    }: {\n      emptyValue: EmptyValue\n      required: boolean\n      isChanged: boolean\n      error: FormError | undefined\n    }\n  ) => FormError | undefined\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /**\n   * Should validation be done while writing, not just when blurring the field?\n   */\n  continuousValidation?: boolean\n  /**\n   * Provide custom error messages for the field\n   */\n  errorMessages?: ErrorMessages\n\n  // - Derivatives\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets forwarded to the form data object or returned as the onChange value parameter.\n   * Public API. Should not be used internally.\n   */\n  transformOut?: (internal: Value | unknown) => Value\n\n  /**\n   * Transforms the value given by `handleChange` after `fromInput` and before `updateValue` and `toEvent`. The second parameter returns the current value.\n   */\n  transformValue?: (value: Value, currentValue?: Value) => Value\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the internal value before it gets returned by even callbacks such as `onChange`, `onFocus` and `onBlur`. The second parameter returns the event type: `onChange`, `onFocus`, `onBlur` or `onBlurValidator`.\n   */\n  toEvent?: (\n    internal: Value,\n    type: 'onChange' | 'onFocus' | 'onBlur' | 'onBlurValidator'\n  ) => Value\n\n  /**\n   * Transforms the value given by `handleChange` before it is used in the further process flow. Use it to destruct the value form the original event object.\n   */\n  fromInput?: (external: Value | unknown) => Value\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n\n  /**\n   * For internal use only.\n   */\n  valueType?: string | number | boolean | Array<string | number | boolean>\n}\n\nexport type FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n  ErrorMessages extends DefaultErrorMessages = DefaultErrorMessages,\n> = UseFieldProps<Value, EmptyValue, ErrorMessages> & FieldBlockProps\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    content?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  /**\n   * Field label to show above the data value.\n   */\n  label?: React.ReactNode\n\n  /**\n   * Shows the value even if it is empty.\n   */\n  showEmpty?: boolean\n\n  /**\n   * Text showing in place of the value if no value is given.\n   */\n  placeholder?: React.ReactNode\n\n  /**\n   * For showing the value inline (not as a block element)\n   */\n  inline?: boolean\n\n  /** The max-width of a value block. Defaults to large */\n  maxWidth?: 'small' | 'medium' | 'large' | 'auto'\n\n  /**\n   * Transforms the `value` before its displayed in the field (e.g. input).\n   * Public API. Should not be used internally.\n   */\n  transformIn?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the value before it gets returned as the `value`.\n   */\n  toInput?: (external: Value | unknown) => Value | unknown\n\n  /**\n   * Transforms the given props `value` before any other step gets entered.\n   */\n  fromExternal?: (external: Value) => Value\n}\n\nexport type Path = string\nexport type Identifier = string\n\nexport type SubmitState =\n  | 'pending' // Used for async operations\n  | 'complete' // Used to hide the submit indicator\n  | 'success' // Used for fields\n  | 'error' // Used when error is shown\n  | 'abort' // Used to abort the state regardless (step change)\n\n/**\n * Provide a error that shows in the FormStatus of a field.\n */\ntype EventStateObjectError = Error\n/**\n * Provide a warning that shows in the FormStatus of a field.\n */\ntype EventStateObjectWarning = React.ReactNode\n/**\n * Provide an info that shows in the FormStatus of a field.\n */\ntype EventStateObjectInfo = React.ReactNode\n\n/**\n * Provide a status that will enforce the form to stay in pending state\n */\ntype EventStateObjectStatus = 'pending'\n\n/**\n * Provide a success state that will show an indicator on the related field label\n */\ntype EventStateObjectSuccess = 'saved'\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventStateObjectOr = {\n  error?: EventStateObjectError\n  warning?: EventStateObjectWarning\n  info?: EventStateObjectInfo\n  pending?: EventStateObjectStatus\n}\n\nexport type EventStateObjectEitherOr =\n  | { error: EventStateObjectError }\n  | { warning: EventStateObjectWarning }\n  | { info: EventStateObjectInfo }\n  | { status: EventStateObjectStatus }\n\nexport type EventStateObject = EventStateObjectOr &\n  EventStateObjectEitherOr\n\n/**\n * Provide 'saved' to indicate the data has been saved successfully. Can not be combined with `error`.\n */\nexport type EventStateObjectWithSuccess = EventStateObjectOr & {\n  success?: EventStateObjectSuccess\n} & (EventStateObjectEitherOr | { success: EventStateObjectSuccess })\n\n/**\n * Provide an error or status messages that shows in the FormStatus of a field\n */\nexport type EventReturnWithStateObject = Error | EventStateObject\n\nexport type EventReturnWithStateObjectAndSuccess =\n  | Error\n  | EventStateObjectWithSuccess\n\nexport type OnSubmitParams = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Data,\n  { resetForm, clearData }: OnSubmitParams\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type OnChange<Data = unknown> = (\n  data: Data\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n\nexport type OnChangeValue<\n  Value = unknown,\n  EmptyValue = undefined | unknown,\n> = (\n  value: Value | EmptyValue,\n  additionalArgs?: AdditionalEventArgs\n) =>\n  | EventReturnWithStateObjectAndSuccess\n  | void\n  | Promise<EventReturnWithStateObjectAndSuccess | void>\n"],"mappings":";AA0BA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAYnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,KAAK,MAAME,GAAG,IAAIF,OAAO,EAAE;QACzB,IAAI,CAACE,GAAG,CAAC,GAAGF,OAAO,CAACE,GAAG,CAAC;MAC1B;IACF;EACF;AACF;AA+BA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;AAExD,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASS,sBAAsBA,CACpCN,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAC7C,CACF,CAAC;AACH;AAYA,MAAMU,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCR,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACP,GAAG,CAAC,KACvCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASY,uBAAuBA,CACrCT,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KAAK,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASa,2BAA2BA,CAEzCV,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IAChCU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASc,2BAA2BA,CAGzCX,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACP,GAAG,CAAC,KACJ,CAACC,kBAAkB,CAACO,QAAQ,CAACR,GAAG,CAAC,IACjC,CAACU,mBAAmB,CAACF,QAAQ,CAACR,GAAG,CACrC,CACF,CAAC;AACH"}

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

@@ -147,9 +147,12 @@ export const parseContentTitle = (dataItem, {
   }
   if (hasValue) {
     if (preferSelectedValue) {
-      ret = String(convertJsxToString(dataItem.selected_value));
+      ret = String(convertJsxToString(dataItem.selected_value, separator, word => {
+        const shouldTransform = !word.props.children && word.type().props.children;
+        return shouldTransform ? word.type() : word;
+      }));
     } else if (!onlyNumericRegex.test(dataItem.selected_value)) {
-      ret = String(convertJsxToString(dataItem.selected_value)) + separator + ret;
+      ret = String(convertJsxToString()) + separator + ret;
     }
   }
   if (Array.isArray(dataItem) && dataItem.length === 0) {

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerListHelpers.js","names":["React","PropTypes","isTrue","dispatchCustomElementEvent","convertJsxToString","spacingPropTypes","drawerListPropTypes","_objectSpread","id","string","role","cache_hash","triangle_position","scrollable","oneOfType","bool","focusable","direction","oneOf","size","max_height","number","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","align_drawer","options_render","object","func","node","wrapper_element","default_value","value","skip_portal","portal_class","list_class","prevent_close","independent_width","fixed_position","keep_open","prevent_focus","skip_keysearch","opened","class","data","arrayOf","shape","selectedKey","selected_key","selected_value","suffix_value","content","prepared_data","array","raw_data","ignore_events","className","children","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","drawerListDefaultProps","drawerListProviderPropTypes","enable_body_lock","page_offset","observer_element","min_height","drawerListProviderDefaultProps","parseContentTitle","dataItem","separator","removeNumericOnlyValues","preferSelectedValue","_dataItem","ret","onlyNumericRegex","Array","isArray","length","hasValue","reduce","acc","cur","found","match","push","join","String","test","hasObjectKeyAsValue","_data","preSelectData","JSON","parse","isValidElement","normalizeData","props","list","key","type","map","item","__id","_item","__isTransformed","getData","getCurrentIndex","findIndex","parseCurrentValue","selectedKeyExists","isNaN","parseFloat","i","l","_data$i","_data$i2","getSelectedItemValue","state","filter","_","current","getEventData","item_index","getCurrentData","find","prepareStartupState","selected_item","original_data","active_item","_value","prepareDerivedState","Date","now","usePortal","document","querySelector","current_title","getCurrentDataTitle","currentData","findClosest","arr","val","Math","max","apply","v"],"sources":["../../../../src/fragments/drawer-list/DrawerListHelpers.js"],"sourcesContent":["/**\n * Web DrawerList Helpers\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 {\n  isTrue,\n  dispatchCustomElementEvent,\n  convertJsxToString,\n} from '../../shared/component-helper'\nimport { spacingPropTypes } from '../../components/space/SpacingHelper'\n\nexport const drawerListPropTypes = {\n  id: PropTypes.string,\n  role: PropTypes.string,\n  cache_hash: PropTypes.string,\n  triangle_position: PropTypes.string,\n  scrollable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  focusable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['auto', 'top', 'bottom']),\n  size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n  max_height: PropTypes.number,\n  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_scroll_animation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n\n  prevent_selection: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  action_menu: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  is_popup: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  align_drawer: PropTypes.oneOf(['left', 'right']),\n  options_render: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  wrapper_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  default_value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  skip_portal: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  portal_class: PropTypes.string,\n  list_class: PropTypes.string,\n  prevent_close: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  independent_width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  fixed_position: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  keep_open: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  prevent_focus: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skip_keysearch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  opened: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  class: PropTypes.string,\n  data: PropTypes.oneOfType([\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n      PropTypes.object,\n    ]),\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n        PropTypes.shape({\n          selectedKey: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.number,\n          ]),\n          selected_key: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.number,\n          ]),\n          selected_value: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n          ]),\n          suffix_value: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n          ]),\n          content: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n            PropTypes.arrayOf(PropTypes.string),\n          ]),\n        }),\n      ])\n    ),\n  ]),\n  prepared_data: PropTypes.array,\n  raw_data: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.object,\n    PropTypes.func,\n  ]),\n  ignore_events: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n    PropTypes.object,\n    PropTypes.array,\n  ]),\n\n  on_show: PropTypes.func,\n  on_hide: PropTypes.func,\n  handle_dismiss_focus: PropTypes.func,\n  on_change: PropTypes.func,\n  on_pre_change: PropTypes.func,\n  on_resize: PropTypes.func,\n  on_select: PropTypes.func,\n  on_state_update: PropTypes.func,\n}\n\nexport const drawerListDefaultProps = {\n  id: null,\n  role: 'listbox',\n  cache_hash: null,\n  triangle_position: 'left',\n  scrollable: true,\n  focusable: false,\n  max_height: null,\n  direction: 'auto',\n  size: 'default',\n  no_animation: false,\n  no_scroll_animation: false,\n  prevent_selection: false,\n  action_menu: false,\n  is_popup: false,\n  align_drawer: 'left',\n  wrapper_element: null,\n  default_value: null,\n  value: 'initval',\n  portal_class: null,\n  list_class: null,\n  skip_portal: null,\n  prevent_close: false,\n  keep_open: false,\n  prevent_focus: false,\n  fixed_position: false,\n  independent_width: false,\n  skip_keysearch: false,\n  opened: null,\n  class: null,\n  data: null,\n  prepared_data: null,\n  raw_data: null,\n  ignore_events: null,\n\n  className: null,\n  children: null,\n\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  options_render: null,\n}\n\nexport const drawerListProviderPropTypes = {\n  enable_body_lock: PropTypes.bool,\n  page_offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  observer_element: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n  ]),\n  min_height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n}\n\nexport const drawerListProviderDefaultProps = {\n  enable_body_lock: false,\n  page_offset: null,\n  observer_element: null,\n  min_height: 10, // 10rem = 10x16=160,\n}\n\nexport const parseContentTitle = (\n  dataItem,\n  {\n    separator = '\\n',\n    removeNumericOnlyValues = false,\n    preferSelectedValue = false,\n  } = {}\n) => {\n  let ret = ''\n  const onlyNumericRegex = /[0-9.,-\\s]+/\n  if (Array.isArray(dataItem) && dataItem.length > 0) {\n    dataItem = { content: dataItem }\n  }\n\n  const hasValue = dataItem?.selected_value\n\n  if (\n    !(preferSelectedValue && hasValue) &&\n    dataItem &&\n    Array.isArray(dataItem.content)\n  ) {\n    ret = dataItem.content\n      .reduce((acc, cur) => {\n        // check if we have React inside, with strings we can use\n        cur = convertJsxToString(cur, ' ')\n        if (cur === false) {\n          return acc\n        }\n        // remove only numbers\n        const found =\n          removeNumericOnlyValues && cur && cur.match(onlyNumericRegex)\n        if (!(found && found[0].length === cur.length)) {\n          acc.push(cur)\n        }\n        return acc\n      }, [])\n      .join(separator)\n  } else {\n    ret = convertJsxToString(\n      (dataItem && dataItem.content) || dataItem,\n      ' '\n    )\n  }\n\n  if (hasValue) {\n    if (preferSelectedValue) {\n      ret = String(convertJsxToString(dataItem.selected_value))\n    } else if (!onlyNumericRegex.test(dataItem.selected_value)) {\n      ret =\n        String(convertJsxToString(dataItem.selected_value)) +\n        separator +\n        ret\n    }\n  }\n\n  // make sure we don't return empty strings\n  if (Array.isArray(dataItem) && dataItem.length === 0) {\n    ret = null\n  }\n\n  if (ret && ret.length === 1 && ret[0].ignore_events) {\n    return null\n  }\n\n  return ret\n}\n\nexport const hasObjectKeyAsValue = (data) => {\n  data = data?.raw_data || data\n  return data && typeof data === 'object' && !Array.isArray(data)\n}\n\nexport const preSelectData = (data) => {\n  if (typeof data === 'string') {\n    data = data[0] === '{' || data[0] === '[' ? JSON.parse(data) : null\n  } else if (data && React.isValidElement(data)) {\n    data = []\n  } else if (typeof data === 'function') {\n    data = data()\n  }\n\n  return data\n}\n\n// normalize data\nexport const normalizeData = (props) => {\n  let data = preSelectData(props.data || props.children || props)\n\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    const list = []\n    for (const key in data) {\n      list.push({\n        selected_key: key,\n        value: key,\n        content: data[key],\n        type: 'object',\n      })\n    }\n    data = list\n  }\n\n  return (data || []).map((item, __id) => {\n    if (\n      typeof item === 'number' ||\n      typeof item === 'string' ||\n      Array.isArray(item) ||\n      React.isValidElement(item)\n    ) {\n      item = { content: item, __isTransformed: true }\n    }\n\n    return typeof item?.__id !== 'undefined' ? item : { ...item, __id }\n  })\n}\n\nexport const getData = (props) => {\n  if (props.prepared_data && Array.isArray(props.prepared_data)) {\n    return props.prepared_data\n  }\n\n  return normalizeData(props)\n}\n\nexport const getCurrentIndex = (value, data) => {\n  // 1. if a non-numeric value is given\n  if (/[^0-9]/.test(String(value))) {\n    return data?.findIndex((cur) => parseCurrentValue(cur) === value)\n  }\n  // 2. if \"selectedKey\" is given in data, we now handle it as a value, and not an index.\n  else if (selectedKeyExists()) {\n    return data?.findIndex(\n      (cur) => String(parseCurrentValue(cur)) === String(value)\n    )\n  }\n  // 3. if is numeric, handle it as a index.\n  else if (!isNaN(parseFloat(value))) {\n    return value\n  }\n\n  return null\n\n  function selectedKeyExists() {\n    for (let i = 0, l = data?.length; i < l; i++) {\n      if (i > 10) {\n        return false\n      }\n      if (\n        typeof data[i]?.selectedKey !== 'undefined' ||\n        data[i]?.type === 'object'\n      ) {\n        return true\n      }\n    }\n  }\n}\n\nexport const getSelectedItemValue = (value, state) => {\n  if (hasObjectKeyAsValue(state)) {\n    return parseCurrentValue(\n      state.data.filter((_, i) => i === parseFloat(value))[0]\n    )\n  }\n\n  return value\n}\n\nexport const parseCurrentValue = (current) => {\n  if (typeof current?.selectedKey !== 'undefined') {\n    return current?.selectedKey\n  }\n  if (typeof current?.selected_key !== 'undefined') {\n    return current?.selected_key\n  }\n  if (typeof current?.content !== 'undefined') {\n    return current?.content\n  }\n  return current\n}\n\nexport const getEventData = (item_index, data) => {\n  data = getCurrentData(item_index, data)\n\n  // cleanup\n  if (data && data.__id) {\n    data = { ...data }\n    delete data.__id\n    delete data.__isTransformed\n  }\n\n  return data\n}\n\nexport const getCurrentData = (item_index, data) => {\n  if (typeof data === 'function') {\n    data = normalizeData(data)\n  }\n\n  data = (data && data.find(({ __id }) => __id == item_index)) || null\n\n  if (data && data.__isTransformed) {\n    data = parseCurrentValue(data)\n  }\n\n  return data\n}\n\nexport const prepareStartupState = (props) => {\n  const selected_item = null\n  const raw_data = preSelectData(\n    props.raw_data || props.data || props.children\n  )\n  const data = getData(props)\n  const opened = props.opened !== null ? isTrue(props.opened) : null\n\n  const state = {\n    opened,\n    data,\n    original_data: data, // used to reset in case we reorder data etc.\n    raw_data, // to have a backup to look up what we got in the first place (array vs object)\n    direction: props.direction,\n    max_height: props.max_height,\n    selected_item,\n    active_item: selected_item,\n    on_hide: props.on_hide,\n    on_show: props.on_show,\n    on_change: props.on_change,\n    on_select: props.on_select,\n  }\n\n  if (\n    props.value !== null &&\n    typeof props.value !== 'undefined' &&\n    props.value !== 'initval'\n  ) {\n    state.selected_item = state.active_item = getCurrentIndex(\n      props.value,\n      data\n    )\n  } else if (props.default_value !== null) {\n    state.selected_item = state.active_item = getCurrentIndex(\n      props.default_value,\n      data\n    )\n    state._value = props.value\n  }\n\n  return state\n}\n\nexport const prepareDerivedState = (props, state) => {\n  if (state.opened && !state.data && typeof props.data === 'function') {\n    state.data = getData(props)\n  }\n\n  if (props.data && props.data !== state._data) {\n    if (state._data) {\n      state.cache_hash = state.cache_hash + Date.now()\n    }\n    state.data = getData(props)\n    state.original_data = getData(props)\n  }\n\n  state.usePortal =\n    props.skip_portal !== null ? !isTrue(props.skip_portal) : true\n\n  if (\n    typeof props.wrapper_element === 'string' &&\n    typeof document !== 'undefined'\n  ) {\n    const wrapper_element = document.querySelector(props.wrapper_element)\n    if (wrapper_element) {\n      state.wrapper_element = wrapper_element\n    }\n  } else if (props.wrapper_element) {\n    state.wrapper_element = props.wrapper_element\n  }\n\n  if (\n    state.selected_item !== props.value &&\n    (state._value !== props.value || isTrue(props.prevent_selection))\n  ) {\n    if (props.value === 'initval') {\n      state.selected_item = null\n    } else {\n      state.selected_item = getCurrentIndex(\n        props.value,\n        state.original_data\n      )\n    }\n\n    if (typeof props.on_state_update === 'function') {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        selected_item: state.selected_item,\n        value: getSelectedItemValue(state.selected_item, state),\n        data: getEventData(state.selected_item, state.data),\n      })\n    }\n  }\n\n  // active_item can be -1, so we check for -2\n  if (\n    !(parseFloat(state.active_item) > -2) ||\n    state._value !== props.value\n  ) {\n    state.active_item = state.selected_item\n  }\n\n  if (props.direction !== 'auto' && props.direction !== state.direction) {\n    state.direction = props.direction\n  }\n\n  if (parseFloat(state.selected_item) > -1) {\n    state.current_title = getCurrentDataTitle(\n      state.selected_item,\n      state.data\n    )\n  }\n\n  state._data = props.data\n  state._value = props.value\n\n  return state\n}\n\nexport const getCurrentDataTitle = (selected_item, data) => {\n  const currentData = getCurrentData(selected_item, data)\n  return parseContentTitle(currentData, {\n    separator: ' ',\n    preferSelectedValue: true,\n  })\n}\n\nexport const findClosest = (arr, val) =>\n  Math.max.apply(\n    null,\n    arr.filter((v) => v <= val)\n  )\n"],"mappings":"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"}
+{"version":3,"file":"DrawerListHelpers.js","names":["React","PropTypes","isTrue","dispatchCustomElementEvent","convertJsxToString","spacingPropTypes","drawerListPropTypes","_objectSpread","id","string","role","cache_hash","triangle_position","scrollable","oneOfType","bool","focusable","direction","oneOf","size","max_height","number","no_animation","no_scroll_animation","prevent_selection","action_menu","is_popup","align_drawer","options_render","object","func","node","wrapper_element","default_value","value","skip_portal","portal_class","list_class","prevent_close","independent_width","fixed_position","keep_open","prevent_focus","skip_keysearch","opened","class","data","arrayOf","shape","selectedKey","selected_key","selected_value","suffix_value","content","prepared_data","array","raw_data","ignore_events","className","children","on_show","on_hide","handle_dismiss_focus","on_change","on_pre_change","on_resize","on_select","on_state_update","drawerListDefaultProps","drawerListProviderPropTypes","enable_body_lock","page_offset","observer_element","min_height","drawerListProviderDefaultProps","parseContentTitle","dataItem","separator","removeNumericOnlyValues","preferSelectedValue","_dataItem","ret","onlyNumericRegex","Array","isArray","length","hasValue","reduce","acc","cur","found","match","push","join","String","word","shouldTransform","props","type","test","hasObjectKeyAsValue","_data","preSelectData","JSON","parse","isValidElement","normalizeData","list","key","map","item","__id","_item","__isTransformed","getData","getCurrentIndex","findIndex","parseCurrentValue","selectedKeyExists","isNaN","parseFloat","i","l","_data$i","_data$i2","getSelectedItemValue","state","filter","_","current","getEventData","item_index","getCurrentData","find","prepareStartupState","selected_item","original_data","active_item","_value","prepareDerivedState","Date","now","usePortal","document","querySelector","current_title","getCurrentDataTitle","currentData","findClosest","arr","val","Math","max","apply","v"],"sources":["../../../../src/fragments/drawer-list/DrawerListHelpers.js"],"sourcesContent":["/**\n * Web DrawerList Helpers\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 {\n  isTrue,\n  dispatchCustomElementEvent,\n  convertJsxToString,\n} from '../../shared/component-helper'\nimport { spacingPropTypes } from '../../components/space/SpacingHelper'\n\nexport const drawerListPropTypes = {\n  id: PropTypes.string,\n  role: PropTypes.string,\n  cache_hash: PropTypes.string,\n  triangle_position: PropTypes.string,\n  scrollable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  focusable: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  direction: PropTypes.oneOf(['auto', 'top', 'bottom']),\n  size: PropTypes.oneOf(['default', 'small', 'medium', 'large']),\n  max_height: PropTypes.number,\n  no_animation: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  no_scroll_animation: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n\n  prevent_selection: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  action_menu: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  is_popup: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  align_drawer: PropTypes.oneOf(['left', 'right']),\n  options_render: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  wrapper_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.func,\n    PropTypes.node,\n  ]),\n  default_value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  skip_portal: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  portal_class: PropTypes.string,\n  list_class: PropTypes.string,\n  prevent_close: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  independent_width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  fixed_position: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  keep_open: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  prevent_focus: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skip_keysearch: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  opened: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  class: PropTypes.string,\n  data: PropTypes.oneOfType([\n    PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.func,\n      PropTypes.node,\n      PropTypes.object,\n    ]),\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([\n        PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n        PropTypes.shape({\n          selectedKey: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.number,\n          ]),\n          selected_key: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.number,\n          ]),\n          selected_value: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n          ]),\n          suffix_value: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n          ]),\n          content: PropTypes.oneOfType([\n            PropTypes.string,\n            PropTypes.node,\n            PropTypes.arrayOf(PropTypes.string),\n          ]),\n        }),\n      ])\n    ),\n  ]),\n  prepared_data: PropTypes.array,\n  raw_data: PropTypes.oneOfType([\n    PropTypes.array,\n    PropTypes.object,\n    PropTypes.func,\n  ]),\n  ignore_events: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.node,\n    PropTypes.object,\n    PropTypes.array,\n  ]),\n\n  on_show: PropTypes.func,\n  on_hide: PropTypes.func,\n  handle_dismiss_focus: PropTypes.func,\n  on_change: PropTypes.func,\n  on_pre_change: PropTypes.func,\n  on_resize: PropTypes.func,\n  on_select: PropTypes.func,\n  on_state_update: PropTypes.func,\n}\n\nexport const drawerListDefaultProps = {\n  id: null,\n  role: 'listbox',\n  cache_hash: null,\n  triangle_position: 'left',\n  scrollable: true,\n  focusable: false,\n  max_height: null,\n  direction: 'auto',\n  size: 'default',\n  no_animation: false,\n  no_scroll_animation: false,\n  prevent_selection: false,\n  action_menu: false,\n  is_popup: false,\n  align_drawer: 'left',\n  wrapper_element: null,\n  default_value: null,\n  value: 'initval',\n  portal_class: null,\n  list_class: null,\n  skip_portal: null,\n  prevent_close: false,\n  keep_open: false,\n  prevent_focus: false,\n  fixed_position: false,\n  independent_width: false,\n  skip_keysearch: false,\n  opened: null,\n  class: null,\n  data: null,\n  prepared_data: null,\n  raw_data: null,\n  ignore_events: null,\n\n  className: null,\n  children: null,\n\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  options_render: null,\n}\n\nexport const drawerListProviderPropTypes = {\n  enable_body_lock: PropTypes.bool,\n  page_offset: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  observer_element: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.node,\n  ]),\n  min_height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n}\n\nexport const drawerListProviderDefaultProps = {\n  enable_body_lock: false,\n  page_offset: null,\n  observer_element: null,\n  min_height: 10, // 10rem = 10x16=160,\n}\n\nexport const parseContentTitle = (\n  dataItem,\n  {\n    separator = '\\n',\n    removeNumericOnlyValues = false,\n    preferSelectedValue = false,\n  } = {}\n) => {\n  let ret = ''\n  const onlyNumericRegex = /[0-9.,-\\s]+/\n  if (Array.isArray(dataItem) && dataItem.length > 0) {\n    dataItem = { content: dataItem }\n  }\n\n  const hasValue = dataItem?.selected_value\n\n  if (\n    !(preferSelectedValue && hasValue) &&\n    dataItem &&\n    Array.isArray(dataItem.content)\n  ) {\n    ret = dataItem.content\n      .reduce((acc, cur) => {\n        // check if we have React inside, with strings we can use\n        cur = convertJsxToString(cur, ' ')\n        if (cur === false) {\n          return acc\n        }\n        // remove only numbers\n        const found =\n          removeNumericOnlyValues && cur && cur.match(onlyNumericRegex)\n        if (!(found && found[0].length === cur.length)) {\n          acc.push(cur)\n        }\n        return acc\n      }, [])\n      .join(separator)\n  } else {\n    ret = convertJsxToString(\n      (dataItem && dataItem.content) || dataItem,\n      ' '\n    )\n  }\n\n  if (hasValue) {\n    if (preferSelectedValue) {\n      ret = String(\n        convertJsxToString(dataItem.selected_value, separator, (word) => {\n          const shouldTransform =\n            !word.props.children && word.type().props.children\n\n          return shouldTransform ? word.type() : word\n        })\n      )\n    } else if (!onlyNumericRegex.test(dataItem.selected_value)) {\n      ret = String(convertJsxToString()) + separator + ret\n    }\n  }\n\n  // make sure we don't return empty strings\n  if (Array.isArray(dataItem) && dataItem.length === 0) {\n    ret = null\n  }\n\n  if (ret && ret.length === 1 && ret[0].ignore_events) {\n    return null\n  }\n\n  return ret\n}\n\nexport const hasObjectKeyAsValue = (data) => {\n  data = data?.raw_data || data\n  return data && typeof data === 'object' && !Array.isArray(data)\n}\n\nexport const preSelectData = (data) => {\n  if (typeof data === 'string') {\n    data = data[0] === '{' || data[0] === '[' ? JSON.parse(data) : null\n  } else if (data && React.isValidElement(data)) {\n    data = []\n  } else if (typeof data === 'function') {\n    data = data()\n  }\n\n  return data\n}\n\n// normalize data\nexport const normalizeData = (props) => {\n  let data = preSelectData(props.data || props.children || props)\n\n  if (data && typeof data === 'object' && !Array.isArray(data)) {\n    const list = []\n    for (const key in data) {\n      list.push({\n        selected_key: key,\n        value: key,\n        content: data[key],\n        type: 'object',\n      })\n    }\n    data = list\n  }\n\n  return (data || []).map((item, __id) => {\n    if (\n      typeof item === 'number' ||\n      typeof item === 'string' ||\n      Array.isArray(item) ||\n      React.isValidElement(item)\n    ) {\n      item = { content: item, __isTransformed: true }\n    }\n\n    return typeof item?.__id !== 'undefined' ? item : { ...item, __id }\n  })\n}\n\nexport const getData = (props) => {\n  if (props.prepared_data && Array.isArray(props.prepared_data)) {\n    return props.prepared_data\n  }\n\n  return normalizeData(props)\n}\n\nexport const getCurrentIndex = (value, data) => {\n  // 1. if a non-numeric value is given\n  if (/[^0-9]/.test(String(value))) {\n    return data?.findIndex((cur) => parseCurrentValue(cur) === value)\n  }\n  // 2. if \"selectedKey\" is given in data, we now handle it as a value, and not an index.\n  else if (selectedKeyExists()) {\n    return data?.findIndex(\n      (cur) => String(parseCurrentValue(cur)) === String(value)\n    )\n  }\n  // 3. if is numeric, handle it as a index.\n  else if (!isNaN(parseFloat(value))) {\n    return value\n  }\n\n  return null\n\n  function selectedKeyExists() {\n    for (let i = 0, l = data?.length; i < l; i++) {\n      if (i > 10) {\n        return false\n      }\n      if (\n        typeof data[i]?.selectedKey !== 'undefined' ||\n        data[i]?.type === 'object'\n      ) {\n        return true\n      }\n    }\n  }\n}\n\nexport const getSelectedItemValue = (value, state) => {\n  if (hasObjectKeyAsValue(state)) {\n    return parseCurrentValue(\n      state.data.filter((_, i) => i === parseFloat(value))[0]\n    )\n  }\n\n  return value\n}\n\nexport const parseCurrentValue = (current) => {\n  if (typeof current?.selectedKey !== 'undefined') {\n    return current?.selectedKey\n  }\n  if (typeof current?.selected_key !== 'undefined') {\n    return current?.selected_key\n  }\n  if (typeof current?.content !== 'undefined') {\n    return current?.content\n  }\n  return current\n}\n\nexport const getEventData = (item_index, data) => {\n  data = getCurrentData(item_index, data)\n\n  // cleanup\n  if (data && data.__id) {\n    data = { ...data }\n    delete data.__id\n    delete data.__isTransformed\n  }\n\n  return data\n}\n\nexport const getCurrentData = (item_index, data) => {\n  if (typeof data === 'function') {\n    data = normalizeData(data)\n  }\n\n  data = (data && data.find(({ __id }) => __id == item_index)) || null\n\n  if (data && data.__isTransformed) {\n    data = parseCurrentValue(data)\n  }\n\n  return data\n}\n\nexport const prepareStartupState = (props) => {\n  const selected_item = null\n  const raw_data = preSelectData(\n    props.raw_data || props.data || props.children\n  )\n  const data = getData(props)\n  const opened = props.opened !== null ? isTrue(props.opened) : null\n\n  const state = {\n    opened,\n    data,\n    original_data: data, // used to reset in case we reorder data etc.\n    raw_data, // to have a backup to look up what we got in the first place (array vs object)\n    direction: props.direction,\n    max_height: props.max_height,\n    selected_item,\n    active_item: selected_item,\n    on_hide: props.on_hide,\n    on_show: props.on_show,\n    on_change: props.on_change,\n    on_select: props.on_select,\n  }\n\n  if (\n    props.value !== null &&\n    typeof props.value !== 'undefined' &&\n    props.value !== 'initval'\n  ) {\n    state.selected_item = state.active_item = getCurrentIndex(\n      props.value,\n      data\n    )\n  } else if (props.default_value !== null) {\n    state.selected_item = state.active_item = getCurrentIndex(\n      props.default_value,\n      data\n    )\n    state._value = props.value\n  }\n\n  return state\n}\n\nexport const prepareDerivedState = (props, state) => {\n  if (state.opened && !state.data && typeof props.data === 'function') {\n    state.data = getData(props)\n  }\n\n  if (props.data && props.data !== state._data) {\n    if (state._data) {\n      state.cache_hash = state.cache_hash + Date.now()\n    }\n    state.data = getData(props)\n    state.original_data = getData(props)\n  }\n\n  state.usePortal =\n    props.skip_portal !== null ? !isTrue(props.skip_portal) : true\n\n  if (\n    typeof props.wrapper_element === 'string' &&\n    typeof document !== 'undefined'\n  ) {\n    const wrapper_element = document.querySelector(props.wrapper_element)\n    if (wrapper_element) {\n      state.wrapper_element = wrapper_element\n    }\n  } else if (props.wrapper_element) {\n    state.wrapper_element = props.wrapper_element\n  }\n\n  if (\n    state.selected_item !== props.value &&\n    (state._value !== props.value || isTrue(props.prevent_selection))\n  ) {\n    if (props.value === 'initval') {\n      state.selected_item = null\n    } else {\n      state.selected_item = getCurrentIndex(\n        props.value,\n        state.original_data\n      )\n    }\n\n    if (typeof props.on_state_update === 'function') {\n      dispatchCustomElementEvent({ props }, 'on_state_update', {\n        selected_item: state.selected_item,\n        value: getSelectedItemValue(state.selected_item, state),\n        data: getEventData(state.selected_item, state.data),\n      })\n    }\n  }\n\n  // active_item can be -1, so we check for -2\n  if (\n    !(parseFloat(state.active_item) > -2) ||\n    state._value !== props.value\n  ) {\n    state.active_item = state.selected_item\n  }\n\n  if (props.direction !== 'auto' && props.direction !== state.direction) {\n    state.direction = props.direction\n  }\n\n  if (parseFloat(state.selected_item) > -1) {\n    state.current_title = getCurrentDataTitle(\n      state.selected_item,\n      state.data\n    )\n  }\n\n  state._data = props.data\n  state._value = props.value\n\n  return state\n}\n\nexport const getCurrentDataTitle = (selected_item, data) => {\n  const currentData = getCurrentData(selected_item, data)\n  return parseContentTitle(currentData, {\n    separator: ' ',\n    preferSelectedValue: true,\n  })\n}\n\nexport const findClosest = (arr, val) =>\n  Math.max.apply(\n    null,\n    arr.filter((v) => v <= val)\n  )\n"],"mappings":"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"}

package/es/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "10.31.0";
+export declare const version = "10.32.0";
 export declare function init(): void;

package/es/shared/Eufemia.js

@@ -1,9 +1,9 @@
-export const version = '10.31.0';
+export const version = '10.32.0';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.31.0';
+        return '10.32.0';
       }
     }
     window.Eufemia = new Eufemia();

package/es/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.31.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.31.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.ts"],"sourcesContent":["export const version = '10.32.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.32.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/es/shared/MediaQuery.js

@@ -30,7 +30,25 @@ export default class MediaQuery extends React.PureComponent {
     }
     if (isMatchMediaSupported()) {
       var _this$state$mediaQuer;
-      this.state.mediaQueryList = makeMediaQueryList(props, context === null || context === void 0 ? void 0 : context.breakpoints);
+      const {
+        query,
+        when,
+        not
+      } = props;
+      const {
+        disabled,
+        correctRange = true,
+        log
+      } = props;
+      this.state.mediaQueryList = makeMediaQueryList({
+        query,
+        when,
+        not
+      }, context === null || context === void 0 ? void 0 : context.breakpoints, {
+        disabled,
+        correctRange,
+        log
+      });
       if ((_this$state$mediaQuer = this.state.mediaQueryList) !== null && _this$state$mediaQuer !== void 0 && _this$state$mediaQuer.matches) {
         this.state.match = true;
       }

package/es/shared/MediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaQuery.js","names":["React","isTrue","Context","makeMediaQueryList","createMediaQueryListener","onMediaQueryChange","isMatchMediaSupported","MediaQuery","PureComponent","constructor","props","context","_defineProperty","match","mediaQueryList","componentWillUnmount","state","listener","setState","matchOnSSR","_this$state$mediaQuer","breakpoints","matches","componentDidMount","bindListener","componentDidUpdate","query","when","not","render","children","createElement","Fragment"],"sources":["../../../src/shared/MediaQuery.tsx"],"sourcesContent":["import React from 'react'\nimport { isTrue } from './component-helper'\nimport Context, { ContextProps } from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  onMediaQueryChange,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryState,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\nexport type { MediaQueryProps }\n\nexport { onMediaQueryChange }\n\nexport default class MediaQuery extends React.PureComponent<\n  MediaQueryProps,\n  MediaQueryState\n> {\n  static contextType = Context\n  listener: MediaQueryListener\n  context: ContextProps\n\n  state = {\n    match: null,\n    mediaQueryList: null,\n  }\n\n  constructor(props: MediaQueryProps, context?: ContextProps) {\n    super(props)\n\n    if (!isMatchMediaSupported() && isTrue(props.matchOnSSR)) {\n      this.state.match = true\n    }\n\n    if (isMatchMediaSupported()) {\n      this.state.mediaQueryList = makeMediaQueryList(\n        props,\n        context?.breakpoints\n      )\n\n      if (this.state.mediaQueryList?.matches) {\n        this.state.match = true\n      }\n    }\n  }\n\n  componentDidMount() {\n    if (isMatchMediaSupported()) {\n      this.bindListener()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.listener) {\n      this.listener()\n      this.listener = null\n    }\n  }\n\n  componentDidUpdate(props) {\n    if (\n      this.props.query !== props.query ||\n      this.props.when !== props.when ||\n      this.props.not !== props.not\n    ) {\n      const mediaQueryList = makeMediaQueryList(\n        this.props,\n        this.context.breakpoints\n      )\n      this.setState(\n        {\n          match: mediaQueryList?.matches,\n          mediaQueryList,\n        },\n        this.bindListener\n      )\n    }\n  }\n\n  bindListener = () => {\n    this.componentWillUnmount()\n    if (this.state.mediaQueryList) {\n      this.listener = createMediaQueryListener(\n        this.state.mediaQueryList,\n        (match) => {\n          this.setState({ match })\n        }\n      )\n    }\n  }\n\n  render() {\n    const { children } = this.props\n    return <>{this.state.match ? children : null}</>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAwB,WAAW;AACjD,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,kBAAkB,EAClBC,qBAAqB,QAChB,mBAAmB;AAS1B,SAASD,kBAAkB;AAE3B,eAAe,MAAME,UAAU,SAASP,KAAK,CAACQ,aAAa,CAGzD;EAUAC,WAAWA,CAACC,KAAsB,EAAEC,OAAsB,EAAE;IAC1D,KAAK,CAACD,KAAK,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBANN;MACNC,KAAK,EAAE,IAAI;MACXC,cAAc,EAAE;IAClB,CAAC;IAAAF,eAAA,uBAsDc,MAAM;MACnB,IAAI,CAACG,oBAAoB,CAAC,CAAC;MAC3B,IAAI,IAAI,CAACC,KAAK,CAACF,cAAc,EAAE;QAC7B,IAAI,CAACG,QAAQ,GAAGb,wBAAwB,CACtC,IAAI,CAACY,KAAK,CAACF,cAAc,EACxBD,KAAK,IAAK;UACT,IAAI,CAACK,QAAQ,CAAC;YAAEL;UAAM,CAAC,CAAC;QAC1B,CACF,CAAC;MACH;IACF,CAAC;IA3DC,IAAI,CAACP,qBAAqB,CAAC,CAAC,IAAIL,MAAM,CAACS,KAAK,CAACS,UAAU,CAAC,EAAE;MACxD,IAAI,CAACH,KAAK,CAACH,KAAK,GAAG,IAAI;IACzB;IAEA,IAAIP,qBAAqB,CAAC,CAAC,EAAE;MAAA,IAAAc,qBAAA;MAC3B,IAAI,CAACJ,KAAK,CAACF,cAAc,GAAGX,kBAAkB,CAC5CO,KAAK,EACLC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEU,WACX,CAAC;MAED,KAAAD,qBAAA,GAAI,IAAI,CAACJ,KAAK,CAACF,cAAc,cAAAM,qBAAA,eAAzBA,qBAAA,CAA2BE,OAAO,EAAE;QACtC,IAAI,CAACN,KAAK,CAACH,KAAK,GAAG,IAAI;MACzB;IACF;EACF;EAEAU,iBAAiBA,CAAA,EAAG;IAClB,IAAIjB,qBAAqB,CAAC,CAAC,EAAE;MAC3B,IAAI,CAACkB,YAAY,CAAC,CAAC;IACrB;EACF;EAEAT,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACE,QAAQ,EAAE;MACjB,IAAI,CAACA,QAAQ,CAAC,CAAC;MACf,IAAI,CAACA,QAAQ,GAAG,IAAI;IACtB;EACF;EAEAQ,kBAAkBA,CAACf,KAAK,EAAE;IACxB,IACE,IAAI,CAACA,KAAK,CAACgB,KAAK,KAAKhB,KAAK,CAACgB,KAAK,IAChC,IAAI,CAAChB,KAAK,CAACiB,IAAI,KAAKjB,KAAK,CAACiB,IAAI,IAC9B,IAAI,CAACjB,KAAK,CAACkB,GAAG,KAAKlB,KAAK,CAACkB,GAAG,EAC5B;MACA,MAAMd,cAAc,GAAGX,kBAAkB,CACvC,IAAI,CAACO,KAAK,EACV,IAAI,CAACC,OAAO,CAACU,WACf,CAAC;MACD,IAAI,CAACH,QAAQ,CACX;QACEL,KAAK,EAAEC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEQ,OAAO;QAC9BR;MACF,CAAC,EACD,IAAI,CAACU,YACP,CAAC;IACH;EACF;EAcAK,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACpB,KAAK;IAC/B,OAAOV,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAgC,QAAA,QAAG,IAAI,CAAChB,KAAK,CAACH,KAAK,GAAGiB,QAAQ,GAAG,IAAO,CAAC;EAClD;AACF;AAAClB,eAAA,CAjFoBL,UAAU,iBAIRL,OAAO"}
+{"version":3,"file":"MediaQuery.js","names":["React","isTrue","Context","makeMediaQueryList","createMediaQueryListener","onMediaQueryChange","isMatchMediaSupported","MediaQuery","PureComponent","constructor","props","context","_defineProperty","match","mediaQueryList","componentWillUnmount","state","listener","setState","matchOnSSR","_this$state$mediaQuer","query","when","not","disabled","correctRange","log","breakpoints","matches","componentDidMount","bindListener","componentDidUpdate","render","children","createElement","Fragment"],"sources":["../../../src/shared/MediaQuery.tsx"],"sourcesContent":["import React from 'react'\nimport { isTrue } from './component-helper'\nimport Context, { ContextProps } from './Context'\nimport {\n  makeMediaQueryList,\n  createMediaQueryListener,\n  onMediaQueryChange,\n  isMatchMediaSupported,\n} from './MediaQueryUtils'\nimport type {\n  MediaQueryProps,\n  MediaQueryState,\n  MediaQueryListener,\n} from './MediaQueryUtils'\n\nexport type { MediaQueryProps }\n\nexport { onMediaQueryChange }\n\nexport default class MediaQuery extends React.PureComponent<\n  MediaQueryProps,\n  MediaQueryState\n> {\n  static contextType = Context\n  listener: MediaQueryListener\n  context: ContextProps\n\n  state = {\n    match: null,\n    mediaQueryList: null,\n  }\n\n  constructor(props: MediaQueryProps, context?: ContextProps) {\n    super(props)\n\n    if (!isMatchMediaSupported() && isTrue(props.matchOnSSR)) {\n      this.state.match = true\n    }\n\n    if (isMatchMediaSupported()) {\n      const { query, when, not } = props\n      const { disabled, correctRange = true, log } = props\n      this.state.mediaQueryList = makeMediaQueryList(\n        { query, when, not },\n        context?.breakpoints,\n        { disabled, correctRange, log }\n      )\n\n      if (this.state.mediaQueryList?.matches) {\n        this.state.match = true\n      }\n    }\n  }\n\n  componentDidMount() {\n    if (isMatchMediaSupported()) {\n      this.bindListener()\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.listener) {\n      this.listener()\n      this.listener = null\n    }\n  }\n\n  componentDidUpdate(props) {\n    if (\n      this.props.query !== props.query ||\n      this.props.when !== props.when ||\n      this.props.not !== props.not\n    ) {\n      const mediaQueryList = makeMediaQueryList(\n        this.props,\n        this.context.breakpoints\n      )\n      this.setState(\n        {\n          match: mediaQueryList?.matches,\n          mediaQueryList,\n        },\n        this.bindListener\n      )\n    }\n  }\n\n  bindListener = () => {\n    this.componentWillUnmount()\n    if (this.state.mediaQueryList) {\n      this.listener = createMediaQueryListener(\n        this.state.mediaQueryList,\n        (match) => {\n          this.setState({ match })\n        }\n      )\n    }\n  }\n\n  render() {\n    const { children } = this.props\n    return <>{this.state.match ? children : null}</>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,OAAOC,OAAO,MAAwB,WAAW;AACjD,SACEC,kBAAkB,EAClBC,wBAAwB,EACxBC,kBAAkB,EAClBC,qBAAqB,QAChB,mBAAmB;AAS1B,SAASD,kBAAkB;AAE3B,eAAe,MAAME,UAAU,SAASP,KAAK,CAACQ,aAAa,CAGzD;EAUAC,WAAWA,CAACC,KAAsB,EAAEC,OAAsB,EAAE;IAC1D,KAAK,CAACD,KAAK,CAAC;IAAAE,eAAA;IAAAA,eAAA;IAAAA,eAAA,gBANN;MACNC,KAAK,EAAE,IAAI;MACXC,cAAc,EAAE;IAClB,CAAC;IAAAF,eAAA,uBAyDc,MAAM;MACnB,IAAI,CAACG,oBAAoB,CAAC,CAAC;MAC3B,IAAI,IAAI,CAACC,KAAK,CAACF,cAAc,EAAE;QAC7B,IAAI,CAACG,QAAQ,GAAGb,wBAAwB,CACtC,IAAI,CAACY,KAAK,CAACF,cAAc,EACxBD,KAAK,IAAK;UACT,IAAI,CAACK,QAAQ,CAAC;YAAEL;UAAM,CAAC,CAAC;QAC1B,CACF,CAAC;MACH;IACF,CAAC;IA9DC,IAAI,CAACP,qBAAqB,CAAC,CAAC,IAAIL,MAAM,CAACS,KAAK,CAACS,UAAU,CAAC,EAAE;MACxD,IAAI,CAACH,KAAK,CAACH,KAAK,GAAG,IAAI;IACzB;IAEA,IAAIP,qBAAqB,CAAC,CAAC,EAAE;MAAA,IAAAc,qBAAA;MAC3B,MAAM;QAAEC,KAAK;QAAEC,IAAI;QAAEC;MAAI,CAAC,GAAGb,KAAK;MAClC,MAAM;QAAEc,QAAQ;QAAEC,YAAY,GAAG,IAAI;QAAEC;MAAI,CAAC,GAAGhB,KAAK;MACpD,IAAI,CAACM,KAAK,CAACF,cAAc,GAAGX,kBAAkB,CAC5C;QAAEkB,KAAK;QAAEC,IAAI;QAAEC;MAAI,CAAC,EACpBZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgB,WAAW,EACpB;QAAEH,QAAQ;QAAEC,YAAY;QAAEC;MAAI,CAChC,CAAC;MAED,KAAAN,qBAAA,GAAI,IAAI,CAACJ,KAAK,CAACF,cAAc,cAAAM,qBAAA,eAAzBA,qBAAA,CAA2BQ,OAAO,EAAE;QACtC,IAAI,CAACZ,KAAK,CAACH,KAAK,GAAG,IAAI;MACzB;IACF;EACF;EAEAgB,iBAAiBA,CAAA,EAAG;IAClB,IAAIvB,qBAAqB,CAAC,CAAC,EAAE;MAC3B,IAAI,CAACwB,YAAY,CAAC,CAAC;IACrB;EACF;EAEAf,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACE,QAAQ,EAAE;MACjB,IAAI,CAACA,QAAQ,CAAC,CAAC;MACf,IAAI,CAACA,QAAQ,GAAG,IAAI;IACtB;EACF;EAEAc,kBAAkBA,CAACrB,KAAK,EAAE;IACxB,IACE,IAAI,CAACA,KAAK,CAACW,KAAK,KAAKX,KAAK,CAACW,KAAK,IAChC,IAAI,CAACX,KAAK,CAACY,IAAI,KAAKZ,KAAK,CAACY,IAAI,IAC9B,IAAI,CAACZ,KAAK,CAACa,GAAG,KAAKb,KAAK,CAACa,GAAG,EAC5B;MACA,MAAMT,cAAc,GAAGX,kBAAkB,CACvC,IAAI,CAACO,KAAK,EACV,IAAI,CAACC,OAAO,CAACgB,WACf,CAAC;MACD,IAAI,CAACT,QAAQ,CACX;QACEL,KAAK,EAAEC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEc,OAAO;QAC9Bd;MACF,CAAC,EACD,IAAI,CAACgB,YACP,CAAC;IACH;EACF;EAcAE,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACvB,KAAK;IAC/B,OAAOV,KAAA,CAAAkC,aAAA,CAAAlC,KAAA,CAAAmC,QAAA,QAAG,IAAI,CAACnB,KAAK,CAACH,KAAK,GAAGoB,QAAQ,GAAG,IAAO,CAAC;EAClD;AACF;AAACrB,eAAA,CApFoBL,UAAU,iBAIRL,OAAO"}

package/es/shared/MediaQueryUtils.d.ts

@@ -28,15 +28,22 @@ export type MediaQueryProperties = {
      * Reverts the defined queries as a whole.
      */
     not?: boolean;
+} & MediaQueryCondition;
+export type MediaQueryOptions = {
     /**
      * If set to true, no MediaQuery will be used.
      */
     disabled?: boolean;
+    /**
+     * Will correct the size of the media query ranges (e.g. medium will be from 40.0625em to 60em)
+     * Default: true
+     */
+    correctRange?: boolean;
     /**
      * For debugging
      */
     log?: boolean;
-} & MediaQueryCondition;
+};
 export type MediaQueryListener = () => void;
 export type MediaQueryProps = {
     /**
@@ -44,7 +51,7 @@ export type MediaQueryProps = {
      */
     matchOnSSR?: boolean;
     children?: React.ReactNode;
-} & MediaQueryProperties;
+} & MediaQueryProperties & MediaQueryOptions;
 export type MediaQueryState = {
     match?: boolean | null;
     mediaQueryList?: {
@@ -53,56 +60,27 @@ export type MediaQueryState = {
 };
 /**
  * Adds a listener to a given MediaQuery
- *
- * @type {object} string or object { when: { min: 'small' } } that describes the media query
- * @property {string} query - media queries
- * @property {object} when - media queries
- * @property {boolean} not - reverses a media query
- * @param {function} callback function that gets emitted when the given media query
- * @returns function to remove listeners when called
  */
 export declare function onMediaQueryChange(property: MediaQueryProperties | string, callback?: (matches: boolean, mediaQueryList: MediaQueryList) => void, { runOnInit }?: {
     runOnInit?: boolean;
 }): MediaQueryListener;
 /**
  * Returns a boolean for whether window.matchMedia is supported or not
- *
- * @returns boolean
  */
 export declare const isMatchMediaSupported: () => boolean;
 /**
  * Convert user defined media queries to an valid MediaQueryList we can assign a listener to
- *
- * @type {object} object that contains either a query, a when or not
- * @property {string} query - media queries
- * @property {object} when - media queries
- * @property {boolean} not - reverses a media query
- * @property {boolean} log - print used query to console
- * @returns MediaQueryList type
  */
-export declare function makeMediaQueryList({ query, when, not, log, disabled, }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryList;
+export declare function makeMediaQueryList({ query, when, not }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints, options?: MediaQueryOptions): MediaQueryList;
 /**
  * Adds a listener to the window.matchMedia Browser API
- *
- * @param {MatchMediaList} mediaQueryList a DOM MatchMediaList object
- * @param {function} callback callback function
- * @returns function to remove listeners when called
  */
 export declare function createMediaQueryListener(mediaQueryList: MediaQueryList, callback: (matches: boolean, event: Partial<MediaQueryListEvent>) => void): MediaQueryListener;
 /**
  * Builds a valid media query we can use on window.matchMedia(...)
- *
- * @type {object} object that contains either a query, a when or not
- * @property {string} query - media queries
- * @property {object} when - media queries
- * @property {boolean} not - reverses a media query
- * @returns media queries as a string
  */
-export declare function buildQuery({ query, when, not }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints): MediaQueryCondition;
+export declare function buildQuery({ query, when, not }?: MediaQueryProperties, breakpoints?: MediaQueryBreakpoints, options?: MediaQueryOptions): MediaQueryCondition;
 /**
  * Convert a media query from various formats to a valid string based media query
- *
- * @param {array|object|string} query media query definitions
- * @returns media query string
  */
-export declare function convertToMediaQuery(query: MediaQueryCondition | Array<MediaQueryCondition>, breakpoints?: MediaQueryBreakpoints): string;
+export declare function convertToMediaQuery(query: MediaQueryCondition | Array<MediaQueryCondition>, breakpoints?: MediaQueryBreakpoints, options?: MediaQueryOptions): string;